本帖最后由 532149990 于 2012-9-24 12:32 编辑
效果图如下:
首先公布一下代码信息,这个代码是要复制到“分类信息”的帖子页模板
如图:
代码如下:- <!--帖子显示模板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:22px;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 .item3{width:454px;}
- #house .right .item2 em{color:#F90; font-size:14px; font-weight:bold;}
- #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;}
- #slides-list{padding:6px 0 0 6px;overflow:hidden;height:296px;width:254px; float:left; background:#fdd;}
- #slides-list.only .yk-carousel-control{display:none;}
- #slides-list ul.yk-carousel-slides{overflow:hidden;height:292px;width:250px;position:relative;}
- #slides-list ul.yk-carousel-slides li,ul.yk-carousel-slides img{width:250px;height:292px;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;}
- .infoList label{float:left;text-align:right;width:82px;}
- .infoList .infoItem{float:left;width:607px;}
- .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;}
- #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;}
- .STYLE4 {
- font-size: 18px;
- font-weight: bold;
- color: #336600;
- font-family: "黑体";
- }
- .STYLE5 {color: #0000CC}
- </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="290" width="248" src="[smtpvalue] [smtpunit]"/></div>
- <div class="layer"></div>
- </li>
- </ul>
- </div>
- <div class="right">
- <h1><span class="STYLE5">商家名称:[sjnamevalue] [sjnameunit]</span></h1>
- <ul class="expires">
- <li><p class="item3"><label><span class="price">所属地区:</span></label><span class="price">[ssdqvalue] [ssdqunit]</span></p></li>
- <li><p class="item3"><label><span class="price"><span class="price">商家网址:</span></label><span class="price">[sjwzvalue] [sjwzunit]</p></li>
- <li><p class="item3"><label><span class="price">经营项目:</span></label><span class="price">[sjjyvalue] [sjjyunit]</p> </li>
- <li><p class="item3"><label><span class="price">详细地址:</span></label><span class="price">[xxdzvalue] [xxdzunit]</span></p> </li>
- </ul>
- <div class="wrap-contact">
- <div class="contact-main">商家电话 <span class="tel">[sjdhvalue] [sjdhunit]</span><span class="tel">[lxrvalue] [lxrunit]
- </span><a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=[ywqqvalue] [ywqqunit]&site=qq&menu=yes"><img border="0" src="http://wpa.qq.com/pa?p=2:[ywqqvalue] [ywqqunit]:46" alt="点击这里给我发消息" title="点击这里给我发消息"></a></ul>
- </div>
- </div>
- </div>
- </div>
- <div style=" width:100%;"></div>
- <div id="mainCase">
- <!-- 信息补充end -->
- <table width="750" border="0">
- <tr>
- <td width="736"><span class="STYLE4">欢迎来到爱英德商家<span class="STYLE5">"注意辨别信息真伪"</span>爱英德欢迎您!记住我们的域名:www.iyingde.com</span></td>
- </tr>
- </table>
- <p> </p><p> </p>
复制代码 安装方法!
先添加论坛-分类信息-分类A
商铺名称
店面图片
所属地区
联系人
经营项目
详细地址
商家电话
业务QQ
商家网站
如图:按照图填写
在添加上面公布的代码是要复制到“分类信息”的帖子页模板 |