美化小米簽到按鈕,賊好看

27 主題	102 回帖	152 積分

漸入佳境

貢獻: 1 點
金幣: 4 個

發消息

樓主

發表于 2023-3-21 19:09:55 | 只看樓主 |只看大圖 |倒序瀏覽 |閱讀模式

開始教程

步驟可能會有點多

我們先打開source\plugin\k_misign\template下的button_default.htm文件

.midaben_con {
font-family:arial,"Hiragino Sans GB","Microsoft Yahei",sans-serif;
//background-color:#fff;
width:210px;
height:50px;
border-radius:5px;
/*position:relative*/
}

復制代碼

然后是下面的

{//background-color:{$setting['bcolor']};
height:50px;
display:block;
position:relative;
border-radius:50px;
//background-image:url(./source/plugin/k_misign/static/default/tou.png);
background-repeat:no-repeat;
background-position:14px 8px;
cursor: pointer;
background:linear-gradient(90deg,#03a9f4,#f441a5,#ffeb3b,#03a9f4);
background-size: 400%;
}

復制代碼

然后開始刪代碼

打開k_misign\template/button_default_return.htm

然后把下面這段代碼全刪掉

<div class="fblock">
<div class="all">
{$stats['todayq']}{lang k_misign:people}
</div>
<div class="line">
{$row}
</div>
</div>

復制代碼

之后繼續打開button_default.htm

.midaben_con .midaben_signpanel:before {
content: "";
//position: absolute;
left: -5px;
right: -5px;
top: -5px;
bottom: -5px;
background: linear-gradient(90deg,#03a9f4,#f441a5,#ffeb3b,#03a9f4);
border-radius: 50px;
background-size: 400%;
filter: blur(20px);
}

{
position:absolute;
color:#fff;
width:110px;
text-align:center;
height:30px;
font-size:22px;
line-height:30px;
top:11px;
left:45px
}

復制代碼

依舊是這個文件
.midaben_con .visted 這個代碼的

{
background-position:7px 8px
}

復制代碼

.midaben_con .visted .font的

{
font-size:18px;
line-height:25px;
width:{$setting['width2']}px;
text-align:center;
left:40px;
top:8px;
text-shadow:0 1px 0 {$setting['hcolor']};
}

復制代碼

最后一步簽到后的狀態會有一個已簽到

我們刪掉一個代碼就行

<span class="nums">
{lang k_misign:row}{$qiandaodb['lasted']}{lang k_misign:days}
</span>

復制代碼

打開k_misign\template/button_default_return.htm

到這差不多就結束了

如果有啥問題可以回復我會解決的理論上應該是沒了畢竟這個美化代碼時間有點久我是直接我拿我網站一點一點找出來的如果大家弄了之后發現有不美觀的地方可以回復加上圖片

這些代碼都是我改好的,你們復制后直接替換就行

如果, 可以, 回復, 美化, 代碼