设为首页收藏本站展会信息 天天打卡快捷登录设置

会员登录注册帐号

Discuz!大师网»站长社区 › Discuz!资源区 › Discuz!教程汇集 › Discuz!教程之图片友情链接横排的美化方法

发新帖

查看: 1537|回复: 0

Discuz!教程之图片友情链接横排的美化方法

发表于 2017-5-15 04:20:00 | 显示全部楼层 |阅读模式

马上注册，结交更多好友，享用更多功能，让你轻松玩转社区。

您需要登录才可以下载或查看，没有账号？立即注册

x

很多站长希望把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;}

复制代码

important, default, 友情链接, display, common

相关帖子

回复马甲回复

使用道具举报

发新帖

|网站地图|小黑屋|展会网|Discuz站长论坛 |天天打卡

GMT+8, 2024-4-26 08:29 , Processed in 0.028268 second(s), 7 queries , Gzip On, Redis On.

Powered by Discuz! X3.4

Copyright © 2001-2021, Tencent Cloud.

快速回复 返回顶部 返回列表