分享一個(gè)貼內(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. }

復(fù)制代碼

登錄/注冊后可看大圖

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

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

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

復(fù)制代碼

登錄/注冊后可看大圖

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

2023-2-6 21:45 上傳

點(diǎn)擊文件名下載附件

這個(gè)圖標(biāo)圖片放到static\image\common文件夾里即可

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

復(fù)制代碼

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

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

三姐

美化你是玩的明白的~666

amw111

影子江湖 發(fā)表于 2023-2-6 22:11
手機(jī)版也可以顯示,但也只能顯示 沒法在手機(jī)版使用    手機(jī)版跟電腦版的css名字不一樣 但位置差不多都一樣  ...

手機(jī)版下間隔太高了

amw111

影子江湖 發(fā)表于 2023-2-6 22:11
手機(jī)版也可以顯示,但也只能顯示 沒法在手機(jī)版使用    手機(jī)版跟電腦版的css名字不一樣 但位置差不多都一樣  ...

默認(rèn)模板css放那里

amw111

我3。5默認(rèn)這個(gè) css在那里   common.css不行

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. }

復(fù)制代碼

影子江湖

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

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

影子江湖

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

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

ysx24

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

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

影子江湖

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

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

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