phpwind 8.0 仿化龙巷城市生活向导代码,四格的,现在分享给大家,先看图:
以下代码中的图片,自己下载吧,代码如下:
<STYLE TYPE="text/css">
<!--
#focus-c {
FLOAT: left; MARGIN-LEFT: 0px; OVERFLOW: hidden; WIDTH: 250px
}
#focus-c .title {
background-color:#EFEAE8;OVERFLOW: hidden; LINE-HEIGHT: 34px; HEIGHT: 34px
}
#focus-c .title H4 {
PADDING-RIGHT: 10px; PADDING-LEFT: 10px; FONT-WEIGHT: bold; FONT-SIZE: 14px; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 0px; COLOR:
#005eac; PADDING-TOP: 6px
}
#focus-c .title H4 IMG {
BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; MARGIN-RIGHT: 6px; POSITION: relative; TOP: 2px; BORDER-
RIGHT-WIDTH: 0px
}
#focus-c .title .more {
FLOAT: right; MARGIN: 0px 10px 0px 0px
}
#focus-c .title .more A {
COLOR: #333333
}
#focus-c .city_life {
PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; OVERFLOW: hidden; WIDTH: 250px; PADDING-TOP: 0px
}
#focus-c .city_life DL {
PADDING-RIGHT: 0px; PADDING-LEFT: 2px; PADDING-BOTTOM: 6px; MARGIN: 5px 0px 0px; OVERFLOW: hidden; PADDING-TOP: 0px; BORDER-BOTTOM:
#d7d7d7 1px dashed; ZOOM: 1
}
#focus-c .city_life DD {
FLOAT: left; MARGIN-BOTTOM: 2px; OVERFLOW: hidden; WIDTH: 60px; HEIGHT: 67px; TEXT-ALIGN: center
}
#focus-c .city_life DD A {
DISPLAY: block; WIDTH: 49px; CURSOR: pointer; PADDING-TOP: 5px; HEIGHT: 65px
}
#focus-c .city_life DD A {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; COLOR: #333; PADDING-TOP: 0px; TEXT-DECORATION: none
}
#focus-c .city_life DD SPAN {
DISPLAY: block; WIDTH: 60px; TEXT-INDENT: -8000px; HEIGHT: 50px
}
#focus-c .city_life UL {
MARGIN: 6px 0px 4px; WIDTH: 230px; LIST-STYLE-TYPE: none
#focus-c .city_life UL LI {
PADDING-RIGHT: 0px; PADDING-LEFT: 20px; PADDING-BOTTOM: 0px; LINE-HEIGHT: 22px; PADDING-TOP: 0px; HEIGHT: 22px;OVERFLOW: hidden
}
#focus-c .city_life UL LI A {
COLOR: #333333
}
-->
</STYLE>
<div id="focus-c">
<div class="title">
<h4><img src="p_w_picpath/life.gif" />九亭生活向导</h4>
</div>
<div class="city_life">
<dl>
<dd><a href="http://www.jiuting365.com/thread.php?fid-2.html" ><img src="p_w_picpath/icon/01.jpg" /><br />
茶座</a> </dd>
<dd><a href="http://www.jiuting365.com/thread.php?fid-17.html" ><img src="p_w_picpath/icon/02.jpg" /><br />出租</a>
</dd>
<dd><a href="http://www.jiuting365.com/thread.php?fid-16.html" ><img src="p_w_picpath/icon/20100728034556.jpg" /><br />
二手</a> </dd>
<dd><a href="http://www.jiuting365.com/thread.php?fid-18.html" ><img src="p_w_picpath/icon/20100728052359.jpg" /><br />
交友</a> </dd>
<dd><a href="http://www.jiuting365.com/thread.php?fid-9.html" ><img src="p_w_picpath/icon/03.jpg" /><br />亲子</a> </dd>
<dd><a href="http://www.jiuting365.com/thread.php?fid-10.html" ><img src="p_w_picpath/icon/20100728052421.jpg" /><br />
装修</a> </dd>
<dd><a href="http://www.jiuting365.com/thread.php?fid-12.html" ><img src="p_w_picpath/icon/20100728052434.jpg" /><br />
婆媳</a> </dd>
<dd><a href="http://www.jiuting365.com/thread.php?fid-6.html" ><img src="p_w_picpath/icon/20100728034056.jpg" /><br />美
食</a> </dd>
</dl>
<ul><li>
<iframe src="http://m.weather.com.cn/m/pn7/weather.htm?id=101020900T " width="180" height="30" marginwidth="0" marginheight="0"
hspace="0" vspace="0" frameborder="0" scrolling="no"></iframe>
</li></ul>
</div>
</div>