如何将 dedecms 链接从纵向改为横向排列

2022-07-20 0 350
不管是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像素,如果没有这个代码,那么你所有的友情链接都会是挤在一起的,大家都不希望这样吧。
收藏 (0) 打赏

感谢您的支持,我会继续努力的!

打开微信/支付宝扫一扫,即可进行扫码打赏哦,分享从这里开始,精彩与您同在
点赞 (0)

建站虎 dedecms教程 如何将 dedecms 链接从纵向改为横向排列 https://www.jianzhanhu.com/1992.html

常见问题
  • 1.把网站的程序主机,然后解压压缩包,输入域名打开,会出现授权的页面,直接到pbootcms的官网进行授权(免费商业授权)。 2.登录后台,登录方式:你的域名/admin.php 账号:admin 密码:admin或123456 3.后台-全局配置-配置参数里最下面,填写刚刚申请的授权码 4.站点信息里改成自己当前使用的域名 点击立即提交完成操作。
查看详情

相关文章

发表评论
暂无评论