久久久久av_欧美日韩一区二区在线_国产精品三区四区_日韩中字在线

<label id="66116"></label>

Discuz! 官方交流社區

標題: 美化小米簽到按鈕,賊好看 [打印本頁]

作者: 影子江湖 時間: 2023-3-21 19:09
標題: 美化小米簽到按鈕,賊好看
本帖最后由影子江湖于 2023-3-21 21:02 編輯

(, 下載次數: 178)

(, 下載次數: 92)

開始教程

步驟可能會有點多

我們先打開source\plugin\k_misign\template下的button_default.htm文件
(, 下載次數: 101)

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

復制代碼

然后是下面的
(, 下載次數: 73)

{//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%;
}

復制代碼

然后開始刪代碼
(, 下載次數: 85)

打開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
(, 下載次數: 113)

.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);
}
(, 下載次數: 78)

{
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

到這差不多就結束了

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

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

作者: 湖中沉 時間: 2023-3-21 20:18
我們的插件，如果真的很多人喜歡這個樣式，我們也可以做成組件提供

作者: 影子江湖 時間: 2023-3-21 20:46

湖中沉發表于 2023-3-21 20:18
我們的插件，如果真的很多人喜歡這個樣式，我們也可以做成組件提供

大大好

作者: 276397082 時間: 2023-3-22 16:37
提示: 作者被禁止或刪除內容自動屏蔽

作者: 6718522 時間: 2023-3-22 19:06
看著不錯！話說首頁那個首頁4格怎么自己DIY 去設置模塊有點不懂?。?hr noshade size="2" width="100%" color="#808080"> 作者: 6718522 時間: 2023-3-22 19:12
我看上這邊這一塊了我該怎么做

作者: 影子江湖 時間: 2023-3-22 20:24

6718522 發表于 2023-3-22 19:12
我看上這邊這一塊了我該怎么做

模板自帶的DIY

作者: 6718522 時間: 2023-3-22 21:28

影子江湖發表于 2023-3-22 20:24
模板自帶的DIY

有沒有DIY 教程學習！我也想自己弄，但是不熟悉模塊, 比如怎么弄一個輪播圖和一個熱門帖子模塊只展示2個板塊像這樣

作者: 影子江湖 時間: 2023-3-23 15:41

6718522 發表于 2023-3-22 21:28
有沒有DIY 教程學習！我也想自己弄，但是不熟悉模塊, 比如怎么弄一個輪播圖和一個熱門帖子模塊只展示2 ...

原Discuz論壇應該有

作者: yezirui 時間: 2023-3-24 13:25
大佬，問一下，這個美化適用什么版本的小米簽到

作者: 影子江湖 時間: 2023-3-24 16:46

yezirui 發表于 2023-3-24 13:25
大佬，問一下，這個美化適用什么版本的小米簽到

就百變的 4.1.3古老版本了

作者: 276397082 時間: 2023-3-30 16:09
提示: 作者被禁止或刪除內容自動屏蔽

作者: 276397082 時間: 2023-4-1 22:45
提示: 作者被禁止或刪除內容自動屏蔽

作者: yezirui 時間: 2023-4-5 19:51

影子江湖發表于 2023-3-24 16:46
就百變的 4.1.3古老版本了

好吧，我的版本比較新??

作者: 月入兩塊一 時間: 2025-10-16 16:28
高手啊~~~

歡迎光臨 Discuz! 官方交流社區 (http://www.9999xn.com/)

久久久久av_欧美日韩一区二区在线_国产精品三区四区_日韩中字在线