首页 >

织梦DedeCMS 友情链接纵向改为横向排列的方法

首先,用的模板的友情链接原来也是横向排列的,看的很不爽,链接多了还会超过边框,导致背景图片超格显示 ,所以觉得把它改成横向显示的。这个是现在的友情链接显示,看到效果还是比较不错的。

织梦DedeCMS 友情链接纵向改为横向排列的方法

不管是div做的模板,还是table做的模板,都可以把友情链接由横向改到竖向显示。的做法是这样的。首先,如果你的模板是div的话,就最好了,如果不是,那么需要在原来放友情链接的单元格中插入一个div

代码如下:

    {dede:flink type=’text’ row=’26’/}

代码解释:id=”flinks”是css中的选择器,需要在css控制这个id的样式。

ul是一个无序列表标签。

style=”list-style-type:none;”这个表示将无序列表前面的列表样式去掉,设置成无。

{dede:flink type=’text’ row=’26’/}这个用dede的人都知道,是调用友情链接的。

然后在首页使用的css文件中,插入如下的代码:

#flinks li{

float:left;

padding-left:10px;}

代码解释:

float:left;设置div快的浮动,主要让友情链接横向排列的代码就是这段。

padding-left:10px;这个是设置每个友情链接和它前面一个边距,这里设置为10像素,如果没有这个代码,那么你所有的友情链接都会是挤在一起的,大伙都不希望这样吧。


织梦DedeCMS 友情链接纵向改为横向排列的方法
  • 织梦DedeCMS仿站的笔记,织梦DedeCMS标签详解
  • 织梦DedeCMS仿站的笔记,织梦DedeCMS标签详解 | 织梦DedeCMS仿站的笔记,织梦DedeCMS标签详解 ...

    织梦DedeCMS 友情链接纵向改为横向排列的方法
  • 织梦DedeCMS 防盗链无法下载远程图片的搞定方式
  • 织梦DedeCMS 防盗链无法下载远程图片的搞定方式 | 织梦DedeCMS 防盗链无法下载远程图片的搞定方式 ...

    织梦DedeCMS 友情链接纵向改为横向排列的方法
  • 织梦DedeCMS自定义表单发送邮件
  • 织梦DedeCMS自定义表单发送邮件 | 织梦DedeCMS自定义表单发送邮件 ...