友情链接图片横排的方法

下面这段CSS是网上找到的，很好用，宽高可以随意修改，挺好用的，粘贴到common.css文件的最后面就可以了，不用再修改别的

.bm_c .m { border-bottom: 1px dashed {COMMONBORDER};}

.lk .m li { clear: none; float:left; width:12%; padding:0;height:50px; 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;}

有效果图吗

YuKuaiWang.com 发表于 2012-11-30 20:25
有效果图吗

我添加效果图了，图片的大小可以通过修改li的宽度和高度控制

风辰 发表于 2012-12-1 11:40
我添加效果图了，图片的大小可以通过修改li的宽度和高度控制

文字横排怎么设置呢 ？就是文字的友情链接之隔一个空格 要怎么弄呢（这个我不会css，不会修改啊，求解）

YuKuaiWang.com 发表于 2012-12-1 11:44
文字横排怎么设置呢 ？就是文字的友情链接之隔一个空格 要怎么弄呢（这个我不会css，不会修改啊，求解）

DIY选择属性，然后在选择模块模板，把里面的<li>和</li>这两个标签删掉，然后再加上” &nbsp;“这个空格标签，加几个可以自己看着办

风辰 发表于 2012-12-1 16:33
DIY选择属性，然后在选择模块模板，把里面的和这两个标签删掉，然后再加上” &nbsp;“这个空格标签，加几 ...

额 可以不diy吗？......

来支持了

YuKuaiWang.com 发表于 2012-12-1 16:49
额 可以不diy吗？......

可以的哈，但是也需要修改模板，在门户-模板里面搜索友情链接模板，然后修改仅文字链接的代码
   <div class="x cl">
<ul class="cl mbm">
[loop]
<a href="{url}" {target}>{title}</a>&#160;&#160;<font color="#EECBAD">|</font>&#160;&#160;
[/loop]
</ul>
</div>

你看我这个，中间加了个竖线，www.miqilian.com，效果还可以哈，
Ps:修改了模板代码之后要在DIY里重新调用一下这个模板

liqu12511 发表于 2012-12-1 17:47
来支持了

谢谢，www.miqilian.com，求支持