分享个好看的分类信息美化代码
<br /><br /><img title="8ec7ab93-2ce3-4a19-875a-466091288af7.png" id="aimg_33624" aid="33624" src1="static/image/common/none.gif" zoom="https://www.dismall.com/data/attachment/forum/202412/27/180918w6cez4n3jpjj78jj.png" src="https://www.dismall.com/data/attachment/forum/202412/27/180918w6cez4n3jpjj78jj.png" class="zoom" onclick="zoom(this, this.src, 0, 0, 0)" width="600" inpost="1" onmouseover="showMenu({'ctrlid':this.id,'pos':'12'})" /><br /><br /><br /><blockquote><style><br />.acgc-style-va3 {<br />font-size: 16px;<br />font-weight: 700;<br />color: #FFF;<br />margin-left: 20px;<br />width: 60%;<br />line-height: 50px;<br />}<br />.wf_fllist li:hover {<br />background: linear-gradient(to left,#ff226e 0,#29fffb 100%);<br />border-radius: .9rem;<br />}<br />.content-wrapper-standard {<br />margin-left: 0px;<br />margin-right: auto;<br />max-width: 400px;<br />}<br />.pcb {<br />clear: left;<br /><br />}<br /><br /><br />.cl:after {<br />content: ".";<br />display: block;<br />height: 0;<br />clear: both;<br />visibility: hidden;<br />}<br />.wf_fllist .left {<br />float: left;<br /><br />}<br />.wf_fllist li {<br />padding-left: 25px;<br />font-size: 14px;<br />display: flex;<br />/* justify-content: space-between; */<br />height: 34px;<br />float: left;<br />/* margin-top: 10px; */<br />width: 50%;<br />overflow: hide;<br />/* line-height: 34px; */<br />/* border-bottom: 1px solid #E1E1E1; */<br />color: #f2f2f2;<br />background: #2a3441;<br />height: 60px;<br />border-radius: .9rem;<br />margin-top: 10px;<br />margin-bottom: 10px;<br />width: 420px;<br />/* display: flex; */<br />align-items: center;<br />/* justify-content: center; */<br />box-shadow: 8px 8px 8px #999;<br />/* font-size: 20px; */<br />font-weight: 700;<br />color: #FFF;<br />display: flex;<br />/* line-height: 50px; */<br />margin-left: 10px;<br />}<br />.wf_fllist li span {<br />margin-right: 220px;<br />padding: 1px 4px;<br />font-weight: bold;<br />}<br /><br /><br />body a {<br />transition: 0.5s all;<br />-webkit-transition: 0.5s all;<br />-moz-transition: 0.5s all;<br />-o-transition: 0.5s all;<br />-ms-transition: 0.5s all;<br />}<br />.dz_mbinfo {<br />margin-top: 10px;<br />}<br />.fl_yswz {<br />float: left;<br />margin-left: 10px;<br />}<br />.fl_yswz a {<br />display: block;<br />width: 110px;<br />height: 35px;<br />background: #4F71CB url(图片目录/addon.png) 6px 6px no-repeat;<br />color: #fff;<br />font-size: 16px;<br />text-indent: 35px;<br />line-height: 35px;<br />}<br />.fl_xzdz {<br />float: left;<br />margin-left: 10px;<br />}<br />.fl_xzdz a {<br />display: block;<br />width: 110px;<br />height: 35px;<br />background: #0b9040 url(图片目录/addon.png) 6px 6px no-repeat;<br />color: #fff;<br />font-size: 16px;<br />text-indent: 35px;<br />line-height: 35px;<br />}<br />.fl_xzdz a:hover {<br />background: #e07014 url(图片目录/addon.png) 6px 6px no-repeat;<br />}<br />.acgc-newstyle {<br />background: #2a3441;<br />position: relative;<br />right: 40px;<br />height: 60px;<br />border-radius: .9rem;<br />margin-bottom: 10px;<br />width: 848px;<br />display: flex;<br />align-items: center;<br />box-shadow: 8px 8px 8px #999;<br />}<br />.acgc-style-title {<br />font-size: 20px;<br />font-weight: 700;<br />color: #FFF;<br />display: flex;<br />line-height: 70px;<br />margin-left: 10px;<br />}<br />@media only screen and (max-width: 768px) {<br />.category-info {<br />display: none;<br />}<br />}<br /><br /></style><br /><br /><div class="pct"><div class="pcb"><br /><br /><br /><div class="wf_fllist cl"><br /><div class="right y cl"><br /><script type="text/javascript"><br />var moqu8_ad_from="cmsmb";<br /></script><br /><script type="text/javascript" src="2019/moqu8_ad.js"></script><br /></div><br /><ul class="left z cl"><br /><li><img src="图片目录/103055coz8qwi8zvrsh3ev.png" class="mylbtbsz" alt="QRST » 分类信息" data-pagespeed-url-hash="3745196878"> <<b>{xiazai}</b>:span class="moqu8_ck"> </span></li></blockquote><blockquote><li><img src="图片目录/103712mabbcrbd3kb10a1r.png" class="mylbtbsz" alt="QRST » 分类信息" data-pagespeed-url-hash="3745196878"><b>{laiyuan}</b>:<span class="moqu8_ckx"> </span></li><br /><li><img src="图片目录/103713qrz7owondgdgrqqo.png" class="mylbtbsz" alt="QRST » 分类信息" data-pagespeed-url-hash="3745196878"><b>{ziyuanshuliang}</b>:<span class="moqu8_ck"> </span></li><br /><li><img src="图片目录/103714s6t23l20jcts323t.png" class="mylbtbsz" alt="QRST » 分类信息" data-pagespeed-url-hash="3745196878"><b>{zydx}</b>:<span class="moqu8_ck"> </span></li><br /><li><img src="图片目录/103714cuiyiddw3yji5juu.png" class="mylbtbsz" alt="QRST » 分类信息" data-pagespeed-url-hash="3745196878"><b>{jymm}</b>:<span class="moqu8_ck"></span></li><br /><li><img src="图片目录/103715pr8izbc74raeg3ea.png" class="mylbtbsz" alt="QRST » 分类信息" data-pagespeed-url-hash="3745196878"><b>{jyrj}</b>: <span class="moqu8_ck"> </span></li><br /><div class="dz_mbinfo"><br /><br /><?php if (!$_G['mobile']) { ?><br /><!-- 显示分类信息的代码 --><br /><?php } ?></blockquote><blockquote>放到你后台-论坛-分类信息-模板里</blockquote><blockquote>记得把变量名改成你的 </blockquote> xiazai是我的分类名称的变量名,你自己改成你的 后面的value不要删<br />还有<<b>{xiazai}</b>的变量名,一样是改成你的<br /><br /><br />如果你的分类数量是六个以上或以下就自己删除或添加下即可<br /><br /><br /><br /><br /><br /><br /><br />下面是图片素材<br /><img title="103055coz8qwi8zvrsh3ev.png" id="aimg_33625" aid="33625" src1="static/image/common/none.gif" zoom="https://www.dismall.com/data/attachment/forum/202412/27/181629jwkeet6zkbfwwdfg.png" src="https://www.dismall.com/data/attachment/forum/202412/27/181629jwkeet6zkbfwwdfg.png" class="zoom" onclick="zoom(this, this.src, 0, 0, 0)" width="48" inpost="1" onmouseover="showMenu({'ctrlid':this.id,'pos':'12'})" /><br /><br /><img title="103712mabbcrbd3kb10a1r.png" id="aimg_33626" aid="33626" src1="static/image/common/none.gif" zoom="https://www.dismall.com/data/attachment/forum/202412/27/181630m2zoxmf1di1dnmxw.png" src="https://www.dismall.com/data/attachment/forum/202412/27/181630m2zoxmf1di1dnmxw.png" class="zoom" onclick="zoom(this, this.src, 0, 0, 0)" width="48" inpost="1" onmouseover="showMenu({'ctrlid':this.id,'pos':'12'})" /><br /><br /><img title="103713qrz7owondgdgrqqo.png" id="aimg_33627" aid="33627" src1="static/image/common/none.gif" zoom="https://www.dismall.com/data/attachment/forum/202412/27/181630lg5iarb1bdiyb2pq.png" src="https://www.dismall.com/data/attachment/forum/202412/27/181630lg5iarb1bdiyb2pq.png" class="zoom" onclick="zoom(this, this.src, 0, 0, 0)" width="48" inpost="1" onmouseover="showMenu({'ctrlid':this.id,'pos':'12'})" /><br /><br /><img title="103714cuiyiddw3yji5juu.png" id="aimg_33628" aid="33628" src1="static/image/common/none.gif" zoom="https://www.dismall.com/data/attachment/forum/202412/27/181630pcnnxmvvtlvfmvsv.png" src="https://www.dismall.com/data/attachment/forum/202412/27/181630pcnnxmvvtlvfmvsv.png" class="zoom" onclick="zoom(this, this.src, 0, 0, 0)" width="48" inpost="1" onmouseover="showMenu({'ctrlid':this.id,'pos':'12'})" /><br /><br /><img title="103714s6t23l20jcts323t.png" id="aimg_33629" aid="33629" src1="static/image/common/none.gif" zoom="https://www.dismall.com/data/attachment/forum/202412/27/181630mzpu32n9iuzzk0du.png" src="https://www.dismall.com/data/attachment/forum/202412/27/181630mzpu32n9iuzzk0du.png" class="zoom" onclick="zoom(this, this.src, 0, 0, 0)" width="48" inpost="1" onmouseover="showMenu({'ctrlid':this.id,'pos':'12'})" /><br /><br /><img title="103715pr8izbc74raeg3ea.png" id="aimg_33630" aid="33630" src1="static/image/common/none.gif" zoom="https://www.dismall.com/data/attachment/forum/202412/27/181630ext68m7i136oyw8u.png" src="https://www.dismall.com/data/attachment/forum/202412/27/181630ext68m7i136oyw8u.png" class="zoom" onclick="zoom(this, this.src, 0, 0, 0)" width="48" inpost="1" onmouseover="showMenu({'ctrlid':this.id,'pos':'12'})" /><br /><br /><img title="addon.png" id="aimg_33631" aid="33631" src1="static/image/common/none.gif" zoom="https://www.dismall.com/data/attachment/forum/202412/27/181630mvwv1i1v09nibyxy.png" src="https://www.dismall.com/data/attachment/forum/202412/27/181630mvwv1i1v09nibyxy.png" class="zoom" onclick="zoom(this, this.src, 0, 0, 0)" width="28" inpost="1" onmouseover="showMenu({'ctrlid':this.id,'pos':'12'})" /><br /><br /><br /><br /><br />本帖<em>, </em>最后<em>, </em>影子<em>, </em>江湖<em>, </em>2024-12-27 可以，好看 <br />这个可以出教程么<br /><img title="微信截图_20250119174110.png" id="aimg_34103" aid="34103" src1="static/image/common/none.gif" zoom="https://www.dismall.com/data/attachment/forum/202501/19/174121ksh1cutos58sttzt.png" src="https://www.dismall.com/data/attachment/forum/202501/19/174121ksh1cutos58sttzt.png" class="zoom" onclick="zoom(this, this.src, 0, 0, 0)" width="600" inpost="1" onmouseover="showMenu({'ctrlid':this.id,'pos':'12'})" /><br />
頁:
[1]