[分享] 分享个论坛版块的美化

萌化ACG

第三方代码统计

1. <!--板块加边框加背景图-->  
   
2. <style>.list tr,.mainbox.list{border:1px solid #FF9FDB!important;}.list{margin-bottom:0px!important;}.list h3{border-bottom:0px solid #ecb2c5!important;background-image: url(第一图片地址)}.list th,.list td{border-top:2px solid
   
3. #ff9fdb!important;background-image: url(第二图片地址)}.category td{color:#fff!important;}</style>

複製代碼

头部【格子】
<style>.forumlist tbody th,.threadlist tbody th,.forumlist tbody td.nums,.threadlist tbody td.nums,.threadlist tbody td.author,.threadlist tbody td.folder,.threadlist tbody td.forum,.mainbox tbody td,.mainbox tbody th,.category th,.category td,.separation td,.mainbox thead tr td,.mainbox thead tr th{ border-right: 1px solid #D6D7DE;}</style>

萌化ACG

第一个第二个一起用效果会更好，图片就懒得上了自己插到论坛看看效果

superman1024

謝謝分享

始作俑者

謝謝你的教學

繽紛色彩

兩個效果都加在頭部嗎?

在我的論壇
只顯示到一張圖片
效果並不太好

下載 (144.49 KB)

2022-7-17 09:48

而且在有文字格字裡
圖片不會顯示出來

下載 (240.32 KB)

2022-7-17 09:53

繽紛色彩

下載 (200.16 KB)

2022-7-17 16:15

放了兩幅細圖片
為甚麼只能顯示第二幅

萌化ACG

回復 6# 繽紛色彩


    第一个放在第三方代码统计

繽紛色彩

回復 7# 萌化ACG
第一幅圖片以走馬燈式單一橫越首頁
效果不錯

只是在版塊介紹的文字裡掠過
顯得文字不大清楚
這個略為遜色
仍是感謝教學

下載 (234.76 KB)

2022-7-18 20:56

erisen2

謝謝你的教學