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

Discuz! 官方交流社區(qū)

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

(, 下載次數(shù): 158)

(, 下載次數(shù): 70)


開始教程

步驟可能會有點多

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


  1. .midaben_con {
  2.         font-family:arial,"Hiragino Sans GB","Microsoft Yahei",sans-serif;
  3.         //background-color:#fff;
  4.         width:210px;
  5.         height:50px;
  6.         border-radius:5px;
  7.         /*position:relative*/
  8. }
復制代碼
然后是下面的
(, 下載次數(shù): 51)



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



復制代碼
然后開始刪代碼
(, 下載次數(shù): 62)


打開k_misign\template/button_default_return.htm

然后把下面這段代碼全刪掉
  1.             <div class="fblock">
  2.                 <div class="all">
  3.                     {$stats['todayq']}{lang k_misign:people}
  4.                 </div>
  5.                 <div class="line">
  6.                     {$row}
  7.                 </div>
  8.             </div>
復制代碼


之后繼續(xù)打開button_default.htm
(, 下載次數(shù): 89)


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

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


復制代碼
依舊是這個文件
.midaben_con .visted 這個代碼的
  1. {
  2.         background-position:7px 8px
  3. }
復制代碼


.midaben_con .visted .font的


  1. {
  2.         font-size:18px;
  3.         line-height:25px;
  4.         width:{$setting['width2']}px;
  5.         text-align:center;
  6.         left:40px;
  7.         top:8px;
  8.         text-shadow:0 1px 0 {$setting['hcolor']};
  9. }
復制代碼


最后一步   簽到后的狀態(tài) 會有一個已簽到

我們刪掉一個代碼就行
  1.             <span class="nums">
  2.                 {lang k_misign:row}{$qiandaodb['lasted']}{lang k_misign:days}
  3.             </span>
復制代碼
打開k_misign\template/button_default_return.htm


到這差不多就結束了

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

這些代碼都是我改好的,你們復制后直接替換就行
作者: 湖中沉    時間: 2023-3-21 20:18
我們的插件，如果真的很多人喜歡這個樣式，我們也可以做成組件提供
作者: 影子江湖    時間: 2023-3-21 20:46
湖中沉 發(fā)表于 2023-3-21 20:18
我們的插件，如果真的很多人喜歡這個樣式，我們也可以做成組件提供

大大好
作者: 276397082    時間: 2023-3-22 16:37
提示: 作者被禁止或刪除 內容自動屏蔽
作者: 6718522    時間: 2023-3-22 19:06
看著不錯！話說 首頁  那個首頁4格怎么自己DIY 去設置 模塊有點不懂啊！
作者: 6718522    時間: 2023-3-22 19:12
我看上這邊這一塊了 我該怎么做
作者: 影子江湖    時間: 2023-3-22 20:24
6718522 發(fā)表于 2023-3-22 19:12
我看上這邊這一塊了 我該怎么做

模板自帶的DIY
作者: 6718522    時間: 2023-3-22 21:28
影子江湖 發(fā)表于 2023-3-22 20:24
模板自帶的DIY

有沒有DIY 教程學習！我也想自己弄，但是不熟悉模塊, 比如 怎么弄一個輪播圖 和一個熱門帖子模塊 只展示2個板塊 像這樣
作者: 影子江湖    時間: 2023-3-23 15:41
6718522 發(fā)表于 2023-3-22 21:28
有沒有DIY 教程學習！我也想自己弄，但是不熟悉模塊, 比如 怎么弄一個輪播圖 和一個熱門帖子模塊 只展示2 ...

原Discuz論壇應該有
作者: yezirui    時間: 2023-3-24 13:25
大佬，問一下，這個美化適用什么版本的小米簽到
作者: 影子江湖    時間: 2023-3-24 16:46
yezirui 發(fā)表于 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
影子江湖 發(fā)表于 2023-3-24 16:46
就百變的 4.1.3古老版本了

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



歡迎光臨 Discuz! 官方交流社區(qū) (http://www.9999xn.com/) Powered by Discuz! W1.0