美化小米签到按钮,贼好看
<br /><br /><img title="QQ图片20230321180501.png" id="aimg_21012" aid="21012" src1="static/image/common/none.gif" zoom="https://www.dismall.com/data/attachment/forum/202303/21/180521h93seple3dieelvp.png" src="https://www.dismall.com/data/attachment/forum/202303/21/180521h93seple3dieelvp.png" class="zoom" onclick="zoom(this, this.src, 0, 0, 0)" width="600" inpost="1" onmouseover="showMenu({'ctrlid':this.id,'pos':'12'})" /><br /><br /><img title="QQ图片20230321180512.png" id="aimg_21013" aid="21013" src1="static/image/common/none.gif" zoom="https://www.dismall.com/data/attachment/forum/202303/21/180521wj4vhvssjs3v4h3v.png" src="https://www.dismall.com/data/attachment/forum/202303/21/180521wj4vhvssjs3v4h3v.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 />开始教程<br /><br />步骤可能会有点多 <br /><br />我们先打开source\plugin\k_misign\template下的button_default.htm文件<br /><img title="QQ图片20230321180647.png" id="aimg_21014" aid="21014" src1="static/image/common/none.gif" zoom="https://www.dismall.com/data/attachment/forum/202303/21/180656ayz2ygr4rnryuddd.png" src="https://www.dismall.com/data/attachment/forum/202303/21/180656ayz2ygr4rnryuddd.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 /><ol><li>.midaben_con {<br /><li> font-family:arial,"Hiragino Sans GB","Microsoft Yahei",sans-serif;<br /><li> //background-color:#fff;<br /><li> width:210px;<br /><li> height:50px;<br /><li> border-radius:5px;<br /><li> /*position:relative*/<br /><li>}</ol>然后是下面的<br /><img title="QQ图片20230321181458.png" id="aimg_21015" aid="21015" src1="static/image/common/none.gif" zoom="https://www.dismall.com/data/attachment/forum/202303/21/181525r1g1eyssy6egf7g1.png" src="https://www.dismall.com/data/attachment/forum/202303/21/181525r1g1eyssy6egf7g1.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 /><br /> {//background-color:{$setting['bcolor']};<br /> height:50px;<br /> display:block;<br /> position:relative;<br /> border-radius:50px;<br /> //background-image:url(./source/plugin/k_misign/static/default/tou.png);<br /> background-repeat:no-repeat;<br /> background-position:14px 8px;<br /> cursor: pointer;<br /> background:linear-gradient(90deg,#03a9f4,#f441a5,#ffeb3b,#03a9f4);<br /> background-size: 400%;<br />}<br /><br /><br /><ol><li><br /><li></ol>然后开始删代码<br /><img title="QQ图片20230321183201.png" id="aimg_21016" aid="21016" src1="static/image/common/none.gif" zoom="https://www.dismall.com/data/attachment/forum/202303/21/183218xjjjvjejquxqhjfq.png" src="https://www.dismall.com/data/attachment/forum/202303/21/183218xjjjvjejquxqhjfq.png" class="zoom" onclick="zoom(this, this.src, 0, 0, 0)" width="511" inpost="1" onmouseover="showMenu({'ctrlid':this.id,'pos':'12'})" /><br /><br /><br />打开k_misign\template/button_default_return.htm<br /><br />然后把下面这段代码全删掉<br /><ol><li> <div class="fblock"><br /><li> <div class="all"><br /><li> {$stats['todayq']}{lang k_misign:people}<br /><li> </div><br /><li> <div class="line"><br /><li> {$row}<br /><li> </div><br /><li> </div></ol><br /><br />之后继续打开button_default.htm<br /><img title="QQ图片20230321210135.png" id="aimg_21023" aid="21023" src1="static/image/common/none.gif" zoom="https://www.dismall.com/data/attachment/forum/202303/21/210146guudwcmcaheda0ah.png" src="https://www.dismall.com/data/attachment/forum/202303/21/210146guudwcmcaheda0ah.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 />.midaben_con .midaben_signpanel:before {<br /> content: "";<br /> //position: absolute;<br /> left: -5px;<br /> right: -5px;<br /> top: -5px;<br /> bottom: -5px;<br /> background: linear-gradient(90deg,#03a9f4,#f441a5,#ffeb3b,#03a9f4);<br /> border-radius: 50px;<br /> background-size: 400%;<br /> filter: blur(20px);<br />}<br /><img title="QQ图片20230321183728.png" id="aimg_21017" aid="21017" src1="static/image/common/none.gif" zoom="https://www.dismall.com/data/attachment/forum/202303/21/183736a15zwakyikomawk4.png" src="https://www.dismall.com/data/attachment/forum/202303/21/183736a15zwakyikomawk4.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 /> position:absolute;<br /> color:#fff;<br /> width:110px;<br /> text-align:center;<br /> height:30px;<br /> font-size:22px;<br /> line-height:30px;<br /> top:11px;<br /> left:45px<br />}<br /><br /><ol><li><br /><li></ol>依旧是这个文件<br />.midaben_con .visted 这个代码的<br /><ol><li>{<br /><li> background-position:7px 8px<br /><li>}</ol><br /><br />.midaben_con .visted .font的<br /><br /><br /><ol><li>{<br /><li> font-size:18px;<br /><li> line-height:25px;<br /><li> width:{$setting['width2']}px;<br /><li> text-align:center;<br /><li> left:40px;<br /><li> top:8px;<br /><li> text-shadow:0 1px 0 {$setting['hcolor']};<br /><li>}</ol><br /><br />最后一步 签到后的状态 会有一个已签到 <br /><br />我们删掉一个代码就行<br /><ol><li> <span class="nums"><br /><li> {lang k_misign:row}{$qiandaodb['lasted']}{lang k_misign:days}<br /><li> </span></ol>打开k_misign\template/button_default_return.htm <br /><br /><br />到这差不多就结束了<br /><br />如果有啥问题可以回复 我会解决的 理论上应该是没了 毕竟这个美化代码 时间有点久 我是直接我拿我网站一点一点找出来的 如果大家弄了之后发现有不美观的地方可以回复加上图片<br /><br /><font size="5"><font color="#ff0000">这些代码都是我改好的,你们复制后直接替换就行</font></font><br />如果<em>, </em>可以<em>, </em>回复<em>, </em>美化<em>, </em>代码 我们的插件，如果真的很多人喜欢这个样式，我们也可以做成组件提供 <br />大大好 看着不错！话说 首页 那个首页4格怎么自己DIY 去设置 模块有点不懂啊！ 我看上这边这一块了 我该怎么做 <img id="aimg_21048" aid="21048" src1="static/image/common/none.gif" zoom="https://www.dismall.com/data/attachment/forum/202303/22/191217xqq010b7eu6zum0q.jpg" src="https://www.dismall.com/data/attachment/forum/202303/22/191217xqq010b7eu6zum0q.jpg" class="zoom" onclick="zoom(this, this.src, 0, 0, 0)" width="600" alt="截图202303221912172148.jpg" title="截图202303221912172148.jpg" w="939" /> <br />模板自带的DIY <br />有没有DIY 教程学习！我也想自己弄，但是不熟悉模块, 比如 怎么弄一个轮播图 和一个热门帖子模块 只展示2个板块 像这样<img id="aimg_21049" aid="21049" src1="static/image/common/none.gif" zoom="https://www.dismall.com/data/attachment/forum/202303/22/212747sasbzlwgiibragl6.jpg" src="https://www.dismall.com/data/attachment/forum/202303/22/212747sasbzlwgiibragl6.jpg" class="zoom" onclick="zoom(this, this.src, 0, 0, 0)" width="600" alt="截图202303222127475145.jpg" title="截图202303222127475145.jpg" w="1579" /> <br />原Discuz论坛应该有 大佬，问一下，这个美化适用什么版本的小米签到
頁:
[1]