建站技术网专注分享网站建设技术,网站建设教程,真正帮你学会做网站技术,轻松解决网站建设过程中遇到的常见问题,为广大站长服务。 网站地图 | 收藏本站 | 订阅
域名投资,就来找米网,认准网址:www.zhaomi.cc 专业仿站,就到仿站网:www.fangzhan.org
  站内公告: ·帝国cms教程内容已更新,欢迎关注     ·建站技术网采用阿里云服务器,备案已通    
您当前的位置:建站技术网 > cms教程 > Dedecms教程

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

时间:2019-02-01 00:23:00  来源:网络收集  整理: 建站技术网 www.jzjsw.com     点击:1次
首先,我用的模板的友情链接原来也是横向排列的,看的很不爽,链接多了还会超过边框,导致背景图片超格显示 ,所以觉得把它改成横向显示的。这个是现在我的友情链接显示,看到效果还是比较不错的。
 
不管是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像素,如果没有这个代码,那么你所有的友情链接都会是挤在一起的,大家都不希望这样吧。
标签:
文章标题:Dedecms 友情链接纵向改为横向排列的方法
文章网址:http://www.jzjsw.com/cmsJiaocheng/dedecms/8539.html
上一篇:如何去掉DedeCMS评论中的手形和表情图片
下一篇:DedeCMS 每个栏目使用不同的模板
来顶一下
返回首页
返回首页
相关文章
    无相关信息
推荐资讯
如何通过SEO优化排名赚钱?SEO赚钱方法
如何通过SEO优化排名赚
seo优化教程:网站seo内容优化
seo优化教程:网站seo
SEO细节:企业SEO如何快速为新站做出效果
SEO细节:企业SEO如何
电商技术将如何发展?2018年有这五个大胆预测
电商技术将如何发展?
最新文章
栏目更新
栏目热门