1. 程式人生 > >Discuz!教程之圖片友情連結橫排的美化方法

Discuz!教程之圖片友情連結橫排的美化方法

很多站長希望把Discuz!友情連結圖片模式進行橫排,但是Discuz!本身是沒有這個設定的,必須有通過修改css檔案實現,在檔案:

\template\default\common\common.css

檔案底部加上如下程式碼:

bm_c .m { border-bottom: 1px dashed {COMMONBORDER};}
.lk .m li { clear: none; float:left; [backcolor=Lime]width:12%;[/backcolor] padding:0;[backcolor=Lime]height:50px[/backcolor]; border-bottom:0px;}
.m .mbm { margin-bottom:0px !important; }
.lk p {height:17px;overflow:hidden;}
.lk .m img {margin-left:0px; float:left;}
.lk_logo .lk_content {float: none;display:block; padding-right:10px;}