您现在的位置是:网站首页>建站学院织梦CMS

Dedecms 友情链接纵向改为横向排列的方法

2019-07-04来源: 织梦CMS 人已围观

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

首先,我用的模板的友情链接原来也是横向排列的,看的很不爽,链接多了还会超过边框,导致背景图片超格显示 ,所以觉得把它改成横向显示的。这个是现在我的友情链接显示,看到效果还是比较不错的。   不管是div做的模板,还是table做的模板,都可以把友情链接由横向改到竖向显示。我的做法是这样的。首先,如果你的模板是div的话,就最好了,如果不是,那么我们需要在原来放友情链接的单元格中插入一个div   代码如下:  <div id="flinks"><ul style="list-style-type:none;">{dede:flink type='text' row='26'/}</ul></div>    代码解释: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像素,如果没有这个代码,那么你所有的友情链接都会是挤在一起的,大家都不希望这样吧。

很赞哦! ()

猜您喜欢

付费说明

    1、安装cms后台,费用是200,基础费用200包括后台调试以及部分页面模板修改.

    2、请加我个人微信 634626966,或者扫一扫微信二维码。备注“网站”

    3、系统安装只限定于帝国cms,并且支持php,虚拟主机,请选择linux系统

    4、【收费说明】制作企业网站,我是这么收费的!

文章评论

阿里云代金券 100 云产品通用

有效期30天 首购用户

立即领取
阿里云代金券 100 云产品通用

有效期30天 复购+升级

立即领取

站点信息

l