Discuz!官方免费开源建站系统

 找回密码
 立即注册

QQ登录

只需一步,快速开始

搜索

[发布] 商家分类信息(简单好用)

[复制链接]
532149990 发表于 2012-9-24 12:25:51 | 显示全部楼层 |阅读模式
本帖最后由 532149990 于 2012-9-24 12:32 编辑

效果图如下:

首先公布一下代码信息,这个代码是要复制到“分类信息”的帖子页模板
如图:

代码如下:
  1. <!--帖子显示模板CSSstart-->

  2. <style>
  3. div,ul,li,p,th,td{margin:0;padding:0}
  4. #house .left p{text-align:center;margin-top:6px;color:#7B7B7B;}
  5. #house .right{width:468px;float:right;}
  6. #house .right li{border-bottom:1px dashed #d9d9d9; padding:6px;*padding-top:4px;list-style:none;line-height:22px; height:22px;display:block;}
  7. #house .right li.first{padding:2px 0 0 7px;border-bottom:none;color:#999;margin-bottom:4px;}
  8. #house .right li.last{border-bottom:none;}
  9. #house .right li.Alevel{background:#F5FDFF;padding:8px 0 4px;*padding:7px 0 5px;}
  10. #house .right li.Alevel .yk-icon-wp-a{margin:-5px 4px 0 0;*margin:-2px 5px 0 0;}
  11. #house .right li.Alevel a{margin-left:13px;}
  12. #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}
  13. #house .right li p .price{ color:#F90; font-size:21px; font-weight:bold;}
  14. #house .right .item1{width:219px;}
  15. #house .right .item2{width:235px;}
  16. #house .right .item3{width:454px;}
  17. #house .right .item2 em{color:#F90; font-size:14px; font-weight:bold;}
  18. #add-compare.state-yes{color:#666;}
  19. #wrap-counter{font-size:12px;margin-left:5px;}
  20. #house .wrap-contact{margin-top:7px;*margin-top:5px;}
  21. #house .contact-main{padding:2px 0 6px 3px;}
  22. .wrap-contact{border:1px solid #FFE2B8;margin-top:10px;}
  23. .wrap-contact .contact-main{background:#FFF5E3;border:1px solid #FFFAEF;}
  24. .wrap-contact .contact-main .yk-lowlight{margin:0 3px;}
  25. .wrap-contact .contact-main .yk-highlight{color:#c00;}
  26. .wrap-contact .contact-main .tel{ color:#093; font-size:22px; font-weight:bold;margin-right:10px;}
  27. #tab-nav{margin-top:22px;padding-bottom:1px;background:transparent url(static/image/common/fangc.png) no-repeat 0 -1126px;}
  28. #tab-nav li{float:left;margin:2px 2px 0 0;position:relative;list-style:none}
  29. #tab-nav li.current{margin:0 2px 0 0;}
  30. #tab-nav li span{color:#000;float:left;background:transparent url(static/image/common/fangc.png) no-repeat 0 -50px;height:22px;}
  31. #bd{ width:735px;}
  32. #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;}
  33. #tab-nav li.current span{background-position:0 0;height:24px;cursor:text;text-decoration:none;}
  34. #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;}
  35. #tab-nav .yk-icon-new{position:absolute;right:2px;top:-9px;}
  36. #slides-list{padding:6px 0 0 6px;overflow:hidden;height:296px;width:254px; float:left; background:#fdd;}
  37. #slides-list.only .yk-carousel-control{display:none;}
  38. #slides-list ul.yk-carousel-slides{overflow:hidden;height:292px;width:250px;position:relative;}
  39. #slides-list ul.yk-carousel-slides li,ul.yk-carousel-slides img{width:250px;height:292px;list-style:none}
  40. 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);}
  41. 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;}
  42. ul.yk-carousel-control li{border:1px solid #B4000E;height:14px;width:14px;line-height:14px;}
  43. 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;}
  44. .yk_float:after{content:".";display:block;height:0;clear:both;visibility:hidden}.yk_float{zoom:1}
  45. ul.yk-carousel-control{right:11px;top:233px;z-index:1;}
  46. .infoList label{float:left;text-align:right;width:82px;}
  47. .infoList .infoItem{float:left;width:607px;}
  48. .areaItem{z-index:2;position:relative;}
  49. .greenItem{z-index:1;position:relative;zoom:1}
  50. .infoList li{line-height:24px;list-style:none}
  51. .infoList li:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
  52. #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;}
  53. #communityTab,#allTab,#picTab{ color:#666; font-weight:200; margin:0px;}
  54. #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;}
  55. #allInfo .equipment span.yes{background-position:0 -95px;}#allInfo .equipment span.no{background-position:0 -140px;}
  56. .STYLE4 {
  57. font-size: 18px;
  58. font-weight: bold;
  59. color: #336600;
  60. font-family: "黑体";
  61. }
  62. .STYLE5 {color: #0000CC}
  63. </style>
  64. <!--帖子显示模板CSS END-->
  65. <!--房产模板start -->
  66. <div id="bd">
  67. <div class="yui-b">
  68. <div id="house">
  69. <div id="slides-list" class="left">
  70. <ul>
  71. <li>
  72. <div class="image"><img alt="商家店铺" height="290" width="248" src="[smtpvalue] [smtpunit]"/></div>
  73. <div class="layer"></div>
  74. </li>
  75. </ul>
  76. </div>


  77. <div class="right">
  78. <h1><span class="STYLE5">商家名称:[sjnamevalue] [sjnameunit]</span></h1>
  79. <ul class="expires">
  80. <li><p class="item3"><label><span class="price">所属地区:</span></label><span class="price">[ssdqvalue] [ssdqunit]</span></p></li>

  81. <li><p class="item3"><label><span class="price"><span class="price">商家网址:</span></label><span class="price">[sjwzvalue] [sjwzunit]</p></li>
  82. <li><p class="item3"><label><span class="price">经营项目:</span></label><span class="price">[sjjyvalue] [sjjyunit]</p> </li>
  83. <li><p class="item3"><label><span class="price">详细地址:</span></label><span class="price">[xxdzvalue] [xxdzunit]</span></p> </li>




  84. </ul>


  85. <div class="wrap-contact">
  86. <div class="contact-main">商家电话 <span class="tel">[sjdhvalue] [sjdhunit]</span><span class="tel">[lxrvalue] [lxrunit]
  87. </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>
  88. </div>
  89. </div>
  90. </div>
  91. </div>
  92. <div style=" width:100%;"></div>
  93. <div id="mainCase">
  94. <!-- 信息补充end -->
  95. <table width="750" border="0">
  96. <tr>
  97. <td width="736"><span class="STYLE4">欢迎来到爱英德商家<span class="STYLE5">"注意辨别信息真伪"</span>爱英德欢迎您!记住我们的域名:www.iyingde.com</span></td>
  98. </tr>
  99. </table>
  100. <p> </p><p> </p>
复制代码
安装方法!
先添加论坛-分类信息-分类A
商铺名称
店面图片
所属地区
联系人
经营项目
详细地址
商家电话
业务QQ
商家网站
如图:按照图填写


在添加上面公布的代码是要复制到“分类信息”的帖子页模板

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有账号?立即注册

x
 楼主| 532149990 发表于 2012-9-24 12:33:04 | 显示全部楼层
然后就可以到论坛版块管理调用分类信息啦
回复

使用道具 举报

 楼主| 532149990 发表于 2012-9-24 12:33:44 | 显示全部楼层
不懂的回帖问我吧
回复

使用道具 举报

深圳门户 发表于 2012-9-24 12:37:03 | 显示全部楼层
不错人才哈


深圳论坛_SZ_深圳_鹏城-深圳城市生活社区,请到http://www.chaxb.com

免费DZ、PW、PHPCMS、wordpress风格和免费插件,问题求助、交流,请到http://www.winqb.com

美女、性感、想看mm请到http://www.winqb.net

回复

使用道具 举报

movelion 发表于 2012-9-24 13:19:16 | 显示全部楼层
确实简单,实用!!
回复

使用道具 举报

zcl198753 发表于 2012-9-24 16:55:16 | 显示全部楼层
能按地区和按行业查找吗、
回复

使用道具 举报

magwei 发表于 2012-9-25 00:13:03 来自手机 | 显示全部楼层
zcl198753 发表于 2012-9-24 16:55:16
能按地区和按行业查找吗、

在后台设下就好
回复

使用道具 举报

 楼主| 532149990 发表于 2012-9-26 06:57:33 | 显示全部楼层
magwei 发表于 2012-9-25 00:13
在后台设下就好

没错没错没错没错
回复

使用道具 举报

wwacca 发表于 2012-9-27 03:55:38 | 显示全部楼层
请问商家信息可以调用到这种优惠商家插件吗如果可以请教一下方法
回复

使用道具 举报

伊川网 发表于 2012-9-27 17:21:44 | 显示全部楼层
支持分享
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

手机版|小黑屋|Discuz! 官方站 ( 皖ICP备16010102号 )star

GMT+8, 2024-9-22 15:44 , Processed in 0.120794 second(s), 19 queries , Gzip On.

Powered by Discuz! X3.4

Copyright © 2001-2023, Tencent Cloud.

快速回复 返回顶部 返回列表