本帖最后由 亘古つ守侯珊 于 2011-12-8 16:47 编辑 某人一个简单的房产分类,就卖20RMB;实在看不过去了;偶分享下把- <!--帖子显示模板CSSstart-->
- <style>
- div,ul,li,p,th,td{margin:0;padding:0}
- #house .left p{text-align:center;margin-top:6px;color:#7B7B7B;}
- #house .right{width:468px;float:right;}
- #house .right li{border-bottom:1px dashed #d9d9d9; padding:6px;*padding-top:4px;list-style:none;line-height:22px; height:20px;display:block;}
- #house .right li.first{padding:2px 0 0 7px;border-bottom:none;color:#999;margin-bottom:4px;}
- #house .right li.last{border-bottom:none;}
- #house .right li.Alevel{background:#F5FDFF;padding:8px 0 4px;*padding:7px 0 5px;}
- #house .right li.Alevel .yk-icon-wp-a{margin:-5px 4px 0 0;*margin:-2px 5px 0 0;}
- #house .right li.Alevel a{margin-left:13px;}
- #house .right li p{font-size:13px;float:left;color:#111;font-family:arial,SimSun;line-height:20px;padding-left:5px; margin:0;padding:0}
- #house .right li p .price{ color:#F90; font-size:21px; font-weight:bold;}
- #house .right .item1{width:219px;}
- #house .right .item2{width:235px;}
- #house .right .item2 em{color:#F90; font-size:14px; font-weight:bold;}
- #house .toolBar{color:#ddd;float:left;font-size:10px;padding-top:10px;width:238px;padding-left:22px;clear:left;}
- #house .toolBar a{font-size:12px;}
- #add-compare.state-yes{color:#666;}
- #wrap-counter{font-size:12px;margin-left:5px;}
- #house .wrap-contact{margin-top:7px;*margin-top:5px;}
- #house .contact-main{padding:2px 0 6px 3px;}
- .wrap-contact{border:1px solid #FFE2B8;margin-top:10px;}
- .wrap-contact .contact-main{background:#FFF5E3;border:1px solid #FFFAEF;}
- .wrap-contact .contact-main .yk-lowlight{margin:0 3px;}
- .wrap-contact .contact-main .yk-highlight{color:#c00;}
- .wrap-contact .contact-main .tel{ color:#093; font-size:22px; font-weight:bold;margin-right:10px;}
- #tab-nav{margin-top:22px;padding-bottom:1px;background:transparent url(static/image/common/fangc.png) no-repeat 0 -1126px;}
复制代码
完整代码如下: - <!--帖子显示模板CSSstart-->
- <style>
- div,ul,li,p,th,td{margin:0;padding:0}
- #house .left p{text-align:center;margin-top:6px;color:#7B7B7B;}
- #house .right{width:468px;float:right;}
- #house .right li{border-bottom:1px dashed #d9d9d9; padding:6px;*padding-top:4px;list-style:none;line-height:22px; height:20px;display:block;}
- #house .right li.first{padding:2px 0 0 7px;border-bottom:none;color:#999;margin-bottom:4px;}
- #house .right li.last{border-bottom:none;}
- #house .right li.Alevel{background:#F5FDFF;padding:8px 0 4px;*padding:7px 0 5px;}
- #house .right li.Alevel .yk-icon-wp-a{margin:-5px 4px 0 0;*margin:-2px 5px 0 0;}
- #house .right li.Alevel a{margin-left:13px;}
- #house .right li p{font-size:13px;float:left;color:#111;font-family:arial,SimSun;line-height:20px;padding-left:5px; margin:0;padding:0}
- #house .right li p .price{ color:#F90; font-size:21px; font-weight:bold;}
- #house .right .item1{width:219px;}
- #house .right .item2{width:235px;}
- #house .right .item2 em{color:#F90; font-size:14px; font-weight:bold;}
- #house .toolBar{color:#ddd;float:left;font-size:10px;padding-top:10px;width:238px;padding-left:22px;clear:left;}
- #house .toolBar a{font-size:12px;}
- #add-compare.state-yes{color:#666;}
- #wrap-counter{font-size:12px;margin-left:5px;}
- #house .wrap-contact{margin-top:7px;*margin-top:5px;}
- #house .contact-main{padding:2px 0 6px 3px;}
- .wrap-contact{border:1px solid #FFE2B8;margin-top:10px;}
- .wrap-contact .contact-main{background:#FFF5E3;border:1px solid #FFFAEF;}
- .wrap-contact .contact-main .yk-lowlight{margin:0 3px;}
- .wrap-contact .contact-main .yk-highlight{color:#c00;}
- .wrap-contact .contact-main .tel{ color:#093; font-size:22px; font-weight:bold;margin-right:10px;}
- #tab-nav{margin-top:22px;padding-bottom:1px;background:transparent url(static/image/common/fangc.png) no-repeat 0 -1126px;}
- #tab-nav li{float:left;margin:2px 2px 0 0;position:relative;list-style:none}
- #tab-nav li.current{margin:0 2px 0 0;}
- #tab-nav li span{color:#000;float:left;background:transparent url(static/image/common/fangc.png) no-repeat 0 -50px;height:22px;}
- #bd{ width:735px;}
- #bd #tab-nav li a,#bd #tab-nav li b{cursor:pointer;text-decoration:none;color:#000;float:left;margin-left:10px;padding:5px 9px 0 0;cursor:pointer;background:#fff url(static/image/common/fangc.png) no-repeat 100% -50px;height:17px;}
- #tab-nav li.current span{background-position:0 0;height:24px;cursor:text;text-decoration:none;}
- #bd #tab-nav li.current a,#bd #tab-nav li.current b{font-weight:bold;color:#fff;background-position:100% 0;height:18px;padding-top:3px;cursor:text;font-size:14px;}
- #tab-nav .yk-icon-new{position:absolute;right:2px;top:-9px;}
- .infoList label{float:left;text-align:right;width:82px;}
- .infoList .infoItem{float:left;width:607px;}
- .infoList .infoItem1{float:left;width:300px;}
- .areaItem{z-index:2;position:relative;}
- .greenItem{z-index:1;position:relative;zoom:1}
- .infoList li{line-height:24px;list-style:none}
- .infoList li:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
- #slides-list{padding:6px 0 0 6px;overflow:hidden;height:265px;width:254px; float:left; background:#fdd;}
- #slides-list.only .yk-carousel-control{display:none;}
- #slides-list ul.yk-carousel-slides{overflow:hidden;height:249px;width:250px;position:relative;}
- #slides-list ul.yk-carousel-slides li,ul.yk-carousel-slides img{width:250px;height:250px;list-style:none}
- ul.yk-carousel-slides li div.layer{background:black none repeat scroll 0 0;height:25px;margin-top:-25px;opacity:.4;width:100%;margin-left:1px;filter:alpha(opacity=40);}
- ul.yk-carousel-slides li div.des{color:#FFF;font-size:14px;height:25px;line-height:25px;margin-top:-25px;padding-left:8px;position:relative;}
- ul.yk-carousel-control li{border:1px solid #B4000E;height:14px;width:14px;line-height:14px;}
- ul.yk-carousel-control li.yk-carousel-current{background-color:#B4000E;height:14px;line-height:14px;width:14px;font-weight:normal;margin:3px 1px;font-size:.9em;border:1px solid #B4000E;}
- .yk_float:after{content:".";display:block;height:0;clear:both;visibility:hidden}.yk_float{zoom:1}
- ul.yk-carousel-control{right:11px;top:233px;z-index:1;}
- #house .right .f-expires{background:#ffffe7;padding:9px 10px 6px;border:2px solid #fc6;line-height:21px;}.expires p a:link,.expires p a:visited{color:#333;}#k2-h2{margin-bottom:10px;}.cut-search-info{width:530px;vertical-align:top;}
- #communityTab,#allTab,#picTab{ color:#666; font-weight:200; margin:0px;}
- #allInfo .equipment span{width:55px;float:left;padding:0 0 3px 19px;background:transparent url(static/image/common/fangc.png) no-repeat;white-space:nowrap;}
- #allInfo .equipment span.yes{background-position:0 -95px;}#allInfo .equipment span.no{background-position:0 -140px;}
- #mapInfo #mapIframe{border:2px solid #ffe187;height:450px;margin:15px 0 10px 10px;}
- #allInfo{background:#F8F8F8;}
- #mapTab{ font-weight:300;}
- #picInfo .infoPicList{margin:9px 0 0 10px;*margin:9px 0 9px 10px;}
- #picInfo li img{border:1px solid #CCC;}
- #picInfo li{width:485px;padding-left:97px;margin-top:24px;text-align:center;}
- #caogenb{background:transparent url(static/image/common/fangc.png) no-repeat 0 -1150px; padding:4px;}
- #allInfo{ margin-bottom:20px; height:220px; width:735px;}
- #caogenb img{margin:10px 0 0 70px;}
- #caogenb h2{ margin:0px; padding:0px;}
- .STYLE1 {
- color: #FF9966;
- font-weight: bold;
- }
- .STYLE2 {font-size: 16px}
- </style>
- <!--帖子显示模板CSS END-->
- <!--房产模板start -->
- <div id="bd">
- <div class="yui-b">
- <div id="house">
- <div id="slides-list" class="left">
- <ul>
- <li>
- <div class="image"><img alt="室内图" height="248" width="248" src="[nc_13value] [nc_13unit]"/></div>
- <div class="layer"></div>
- <div class="des">室内图</div>
- </li>
- <li>
- <div class="image"><img alt="室内图" height="248" width="248" src="[nc_14value] [nc_14unit] "/></div>
- <div class="layer"></div>
- <div class="des">室内图</div>
- </li>
- <li>
- <div class="image"><img alt="室内图" height="248" width="248" src="[nc_15value] [nc_15unit]"/></div>
- <div class="layer"></div>
- <div class="des">室内图</div>
- </li>
- <li>
- <div class="image"><img alt="室内图" height="248" width="248" src="[nc_16value] [nc_16unit]"/></div>
- <div class="layer"></div>
- <div class="des">室内图</div>
- </li>
- </ul>
- </div>
- <div class="right">
- <h1>[nc_btvalue] [nc_btunit]</h1>
- <ul class="expires">
- <li>
- <p class="item1">
- <label>租金:</label>
- <span class="price">[nc_zjvalue] [nc_zjunit]</span>元/月</p>
- <p class="item2">
- <label>面积:</label>
- <em>[nc_mjvalue] [nc_mjunit]</em> </p>
- </li>
- <li>
- <p class="item1">
- <label>付款条件:</label>
- [nc_9value] [nc_9unit]</p>
- <p class="item2">
- <label>租期:</label>
- [nc_6value] [nc_6unit]</p>
- </li>
- <li>
- <p class="item1">
- <label>房屋押金:</label>
- [nc_yjvalue] [nc_yjunit]</p>
- <p class="item2">
- <label>
- 出租方式:[nc_20value] [nc_20unit]
- </p>
- </li>
- <li>
- <p class="item1">
- <label>房屋类型:</label>
- [nc_fxvalue] [nc_fxunit]</p>
- <p class="item2">
- <label>房屋朝向:</label>
- [nc_8value] [nc_8unit] </p>
- </li>
- <li>
- <p class="item1">
- <label>装修情况:</label>
- [nc_7value] [nc_7unit]</p>
- <p class="item2">
- <label>楼层:</label>
- 第<em>[nc_5value] [nc_5unit] </em>层/总<em>[nc_4value] [nc_4unit] </em>层</p>
- </li>
- <li>
- <p class="item1"><span class="STYLE2">联系人:[nc_lxvalue] [nc_lxunit]</span><span class="STYLE1">[nc_12value] [nc_12unit] </span> </p>
- </li>
- </ul>
- <div class="wrap-contact">
- <div class="contact-main">请拨电话 <span class="tel">[nc_dhvalue] [nc_dhunit]</span><a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=[qqvalue]&site=qq&menu=yes"><img border="0" src="http://wpa.qq.com/pa?p=2:[qqvalue]:50" alt="点击这里给我发消息" title="点击这里给我发消息"></a>
- </ul>
- </div>
- </div>
- </div>
- </div>
- <div style="height:250px; width:100%;"></div>
- <div id="tab-nav"class="yk_float">
- <ul class="yk_float">
- <li class="current"><span><b id="allTab" >房屋信息</b></span></li>
- <li><span><b id="picTab">房屋图片</b></span></li>
- <li><span><b id="communityTab">补充信息</b></span></li>
- </ul>
- </div>
- <div id="mainCase">
- <div id="allInfo" class="infoField">
- <ul class="infoList">
- <li>
- <label>房屋编号:</label>
- <div class="infoItem"> [房屋识别码:R16790141978]</div>
- </li>
- <li>
- <label>房屋区域:</label>
- <div class="infoItem1">[nc_xxvalue] [nc_xxunit] - [nc_10value] [nc_10unit] </div>
- </li>
- <li>
- <label>房屋地址:</label>
- <div class="infoItem1">[nc_11value] [nc_11unit] </div>
- </li>
- <li>
- <label>房屋面积:</label>
- <div class="infoItem1">[nc_mjvalue] [nc_mjunit] </div>
- </li>
- <li>
- <label>装修程度:</label>
- <div class="infoItem1">[nc_7value] [nc_7unit]</div>
- </li>
- <li>
- <label>住房户型:</label>
- <div class="infoItem">[nc_1value] [nc_1unit] 室[nc_2value] [nc_2unit]厅 [nc_3value] [nc_3unit]卫[nc_36value] [nc_36unit]阳台</div>
- </li>
- <li>
- <label>配套设施:</label>
- </li>
- <div class="infoItem">
- <div class="equipment"> <span class="yes">[nc_21value] [nc_21unit]</span> <span class="yes">[nc_22value] [nc_22unit] </span> <span class="yes">[nc_23value] [nc_23unit] </span> <span class="yes">[nc_24value] [nc_24unit] </span> <span class="yes">[nc_25value] [nc_25unit] </span> <span class="yes">[nc_26value] [nc_26unit] </span> <span class="yes">[nc_27value] [nc_27unit] </span> <span class="yes">[nc_28value] [nc_28unit] </span> <span class="yes">[nc_29value] [nc_29unit] </span> <span class="yes">[nc_30value] [nc_30unit] </span> <span class="yes">[nc_31value] [nc_31unit] </span> <span class="yes">[nc_32value] [nc_32unit] </span> <span class="yes">[nc_33value] [nc_33unit] </span> <span class="yes">[nc_34value] [nc_34unit] </span> <span class="yes">[nc_35value] [nc_35unit] </span> </div>
- </li>
- </ul>
- </div>
- <!-- 图片start -->
- <div id="picInfo" class="infoField">
- <div id="caogenb">
- <h2>房屋图片</h2>
- <h6><img alt="室内图" height="200" width="200" src="[nc_13value] [nc_13unit]" /> <img alt="室内图" height="200" width="200" src="[nc_14value] [nc_14unit]" /> <img alt="室内图" height="200" width="200" src="[nc_15value] [nc_15unit]" /> <img alt="室内图" height="200" width="200" src="[nc_16value] [nc_16unit]" /> <img alt="室内图" height="200" width="200" src="[nc_17value] [nc_17unit]" /> <img alt="室内图" height="200" width="200" src="[nc_18value] [nc_18unit]" /></h6>
- </div>
- </div>
- <!-- 图片end -->
- <!-- 信息补充start -->
- <div id="communityInfo" class="infoField">
- <div id="caogenb">
- <h2>补充信息</h2>
- </div>
- </div>
- <!-- 信息补充end -->
- <!-- 房产模板end -->
复制代码 发帖显示:
- <style>
- .box1{ margin:10px 0 0 0; font-family:Arial, Helvetica, sans-serif;color:#000;font:normal 12px/260% Arial;background:#FFF; color:#736C6C;}
- .box1 td{ line-height:20px; padding-bottom:10px;}
- .box1 .pb td{ padding-bottom:7px;}
- .box1 td.t{ width:110px; text-align:right; padding-right:5px; vertical-align:top;}
- .box1 td b.red{ font-size:17px; position:relative; top:5px; color:#f00}
- .box1 td.checkpb .pz{ width:500px;}
- .box1 td .pic{ width:660px;}
- .box1 td .pic li{ width:220px; float:left; list-style:none;}
- .box1 td select,.box1 td input{ margin:0 4px 0 0; vertical-align:middle!important; vertical-align:baseline}
- .box1 td select{ border-width:1px; border-style:solid; border-color:#7F9DB9; padding:3px;}
- .box1 td .tag3 li input,.box1 td.checkpb input{ margin-left:0px; *margin-left:-4px; padding:5px; _vertical-align:baseline}
- .box1 td input.uploadpic,.box2 td input.uploadpic{ width:100px; height:25px; font-size:13px; margin-top:5px; vertical-align:middle}
- #topinfomsg{ color:#000; padding:10px 10px 10px 34px; line-height:20px; margin:0px 10px; border:1px solid #F63; position:relative; font-size:12px; }
- #topinfomsg a{ font-size:12px; color:#00c; text-decoration:underline;}#topinfomsg a:hover{ color:red}
- #notice{background:#FBFFB3;color:#f00;line-height:20px;margin-left:5px;margin-right:15px;padding:10px; font-size:14px; margin-bottom:10px;}
- </style>
- <div id="topinfomsg">1、补充说明中填写电话或图片上带电话的信息将被删除。<BR>2、带宣传语、其他网站水印或与房源无关的图片将被删除。<BR>3、请正确选择整租和合租类别。<BR></div>
- <table cellpadding="0" cellspacing="0" class="box1" id="formTb">
- <tr>
- <td class="t"> <b class="red">*</b> 出租方式: </td> <td>[nc_20value] [nc_20unit][nc_20tips] [nc_20description] </td>
- </tr>
- <tr> <td class="t"> <b class="red">*</b> 标 题: </td> <td>[nc_btvalue] [nc_btunit][nc_bttips] [nc_btdescription] </td>
- </tr>
- <tr> <td class="t"> <b class="red">*</b> 所在小区: </td> <td>[nc_xqvalue] [nc_xqunit][nc_xqtips] [nc_xqdescription]</td>
- </tr>
- <tr> <td class="t"> 地址: </td> <td>[nc_xxvalue] [nc_xxunit][nc_xxtips] [nc_xxdescription] [nc_10value] [nc_10unit][nc_10tips] [nc_10description] [nc_11value] [nc_11unit][nc_11tips] [nc_11description] </td>
- </tr>
- <tr> <td class="t"> <b class="red">*</b> 整套户型: </td>
- <td> [nc_1value] [nc_1unit][nc_1tips] [nc_1description] 室[nc_2value] [nc_2unit][nc_2tips] [nc_2description] 厅 [nc_3value] [nc_3unit][nc_3tips] [nc_3description] 卫[nc_36value] [nc_36unit][nc_36tips] [nc_36description]阳台 第[nc_5value] [nc_5unit][nc_5tips] [nc_5description]层,共[nc_4value] [nc_4unit][nc_4tips] [nc_4description]层 <span id="huxingshi_Tip"></span> </td>
- </tr>
- <tr> <td class="t"> 房屋类型: </td> <td> [nc_fxvalue] [nc_fxunit][nc_fxtips] [nc_fxdescription] [nc_7value] [nc_7unit][nc_7tips] [nc_7description]</td> </tr>
- <tr>
- <td class="t"> <b class="red">*</b> 房屋朝向: </td> <td> [nc_8value] [nc_8unit][nc_8tips] [nc_8description] 面积:[nc_mjvalue] [nc_mjunit][nc_mjtips] [nc_mjdescription] </td>
- </tr>
- <tr>
- <td class="t"> <b class="red">*</b>QQ: </td> <td> [qqvalue] [qqunit][qqtips] [qqdescription] 押金:[nc_yjvalue] [nc_yjunit][nc_yjtips] [nc_yjdescription] </td>
- </tr>
- <tr>
- <td class="t"> <b class="red">*</b> 价格条件: </td> <td>[nc_9value] [nc_9unit][nc_9tips] [nc_9description] 租期:[nc_6value] [nc_6unit][nc_6tips] [nc_6description]租金:[nc_zjvalue] [nc_zjunit][nc_zjtips] [nc_zjdescription] 元</td>
- </tr>
- <tr> <td class="t"> 房屋配置: </td> <td class="checkpb"><div class="pz">
- [nc_21value] [nc_21unit][nc_21tips] [nc_21description]
- [nc_22value] [nc_22unit][nc_22tips] [nc_22description]
- [nc_23value] [nc_23unit][nc_23tips] [nc_23description]
- [nc_24value] [nc_24unit][nc_24tips] [nc_24description]
- [nc_25value] [nc_25unit][nc_25tips] [nc_25description]
- [nc_26value] [nc_26unit][nc_26tips] [nc_26description]
- [nc_27value] [nc_27unit][nc_27tips] [nc_27description]
- [nc_28value] [nc_28unit][nc_28tips] [nc_28description]
- [nc_29value] [nc_29unit][nc_29tips] [nc_29description]
- [nc_30value] [nc_30unit][nc_30tips] [nc_30description]
- [nc_31value] [nc_31unit][nc_31tips] [nc_31description]
- [nc_32value] [nc_32unit][nc_32tips] [nc_32description]
- [nc_33value] [nc_33unit][nc_33tips] [nc_33description]
- [nc_34value] [nc_34unit][nc_34tips] [nc_34description]
- [nc_35value] [nc_35unit][nc_35tips] [nc_35description]
- </div> </td>
- </tr>
- </tr>
- <tr id="pdv"><td class="t"> </td>
- <td><div id="uploadPic" value=""></div> <script type="text/javascript">$.c.Uploader.init();</script></td></tr> <tr> <td class="t"> <b class="red">*</b> 手机或电话: </td> <td> [nc_dhvalue] [nc_dhunit][nc_dhtips] [nc_dhdescription]
- </td> </tr>
- <tr> <td class="t"> <b class="red">*</b> 联系人: </td> <td>[nc_lxvalue] [nc_lxunit][nc_lxtips] [nc_lxdescription]<span>[nc_12value] [nc_12unit][nc_12tips] [nc_12description]</span> <span class="jingjiren" id="id_agent_tip"> </span>
- </td> </tr>
- <tr> <td class="t"> <b class="red">*</b> 上传图片: </td> <td><div class="pic">
- <ul>
- <li>[nc_13value] [nc_13unit][nc_13tips] [nc_13description] </li>
- <li>[nc_14value] [nc_14unit][nc_14tips] [nc_14description] </li>
- <li>[nc_15value] [nc_15unit][nc_15tips] [nc_15description] </li>
- <li>[nc_16value] [nc_16unit][nc_16tips] [nc_16description] </li>
- <li>[nc_17value] [nc_17unit][nc_17tips] [nc_17description] </li>
- <li>[nc_18value] [nc_18unit][nc_18tips] [nc_18description] </li>
- </ul></div></td>
- </table>
复制代码
|