分享一個貼內(nèi)分隔欄美化

影子江湖

1. .xiaztxx {
   
2.     height: 30px;
   
3.     line-height: 30px;
   
4.     border-left: 4px solid #ff0000;
   
5.     padding-left: 20px;
   
6.     position: relative;
   
7.         border-radius: 10px;
   
8.     background-color: #fafafa;
   
9.     text-indent: 0px;
   
10.     box-shadow: 15px 9px 8px #444;
    
11.     margin-bottom: 10px;
    
12. }
    
13. .xiaztxx h2 {
    
14.     font-size: 15px;
    
15.     color: #6D6B6B;
    
16. }

復制代碼

登錄/注冊后可看大圖

上面的代碼復制到正在使用的模板common/extend_common.css文件最底下  每個人的模板不一樣 所以文件命名也不一樣 但該文件就在common文件夾里  后綴也不會改變 就是common.css 有的模板可能會加前綴  但后綴基本上不會有太大改變

之后打開你的網(wǎng)站后臺-界面-編輯器設置-代碼-新增一個按鈕 名字 warning.gif   標簽fgl  然后點擊提交 之后點擊詳情 把下面代碼放到替換內(nèi)容里  然后個數(shù)寫1  次數(shù)1  其他不用寫  用戶組你們自己設置

1. <div class="xiaztxx"><h2>{1}</h2></div>

復制代碼

登錄/注冊后可看大圖

圖標圖片直接上傳背景會變成黑色 我就直接打包了
warning.zip (1.28 KB, 下載次數(shù): 652)

2023-2-6 21:45 上傳

點擊文件名下載附件

這個圖標圖片放到static\image\common文件夾里即可

1. border-radius: 10px;這個是圓角代碼 如果你不想用圓角就把這個代碼刪掉即可  數(shù)字越大它就越圓  10對于我來說是剛剛好 你們自己設置就行了</span>

復制代碼

全部設置好之后 就勾選可用跟顯示就行了  到時候你們用的時候就選擇那個按鈕 然后在框子里輸入文字即可

比如 下載地址了   介紹了   說明了 等文字

影子江湖

手機版也可以顯示,但也只能顯示 沒法在手機版使用    手機版跟電腦版的css名字不一樣 但位置差不多都一樣 克米的comiis_app\comiis\css/comiis.css 一樣是放到最下面  其他手機版你們自行研究  反正都是在css最下面  一般你就看他文件大小  超過100KB以上的理論上都是對的  

yezirui

啊哈哈哈哈，占樓來嘍，感謝大佬分享呀

ysx24

感謝大佬，和上次發(fā)的回復可見顯示效果差不多

下面效果研究個唄，別人美化的，我不會

登錄/注冊后可看大圖

登錄/注冊后可看大圖

TaC

又是好東西，頂一個

影子江湖

ysx24 發(fā)表于 2023-2-11 13:32
感謝大佬，和上次發(fā)的回復可見顯示效果差不多

下面效果研究個唄，別人美化的，我不會

發(fā)個網(wǎng)站我看看

ysx24

影子江湖 發(fā)表于 2023-2-11 19:20
發(fā)個網(wǎng)站我看看

這個還真沒有，不知道為什么站長間都互有戒心，問網(wǎng)址都是三緘其口不愿意說，沒辦法
這是dz交流群一個群友分享他自己美化后的效果截圖

影子江湖

ysx24 發(fā)表于 2023-2-12 09:00
這個還真沒有，不知道為什么站長間都互有戒心，問網(wǎng)址都是三緘其口不愿意說，沒辦法
這是dz交流群一個群 ...

正常,現(xiàn)在都怕  萬一自己的服務器扛不住或者被別有用心的人給JB  防一點總沒錯

TaC

發(fā)現(xiàn)一個怪現(xiàn)象，不知道是PHP升級到8了，還是更改了編輯器圖標editor.gif，這個設置包括其它界面/編輯器設置/Discuz! 代碼，都失效了。

影子江湖

TaC 發(fā)表于 2024-3-29 19:00
發(fā)現(xiàn)一個怪現(xiàn)象，不知道是PHP升級到8了，還是更改了編輯器圖標editor.gif，這個設置包括其它界面/編輯器設 ...

不清楚,我一直用3.4 其他的也不升級