设为首页
收藏本站
开启辅助访问
切换到宽版
登录
立即注册
快捷导航
发布信息
搜索
搜索
网站首页
自丢网
社区论坛
自丢网论坛
附件中心
源码下载
邀请码
丢币充值
本版
帖子
自丢网
»
社区论坛
›
建站程序/IT教程
›
织梦教程
›
织梦Dedecms 友情链接纵向改为横向排列的方法 ...
返回列表
发新帖
织梦Dedecms 友情链接纵向改为横向排列的方法
[复制链接]
1744
|
1
|
2019-8-27 13:47
|
显示全部楼层
|
阅读模式
首先,我用的模板的友情链接原来也是横向排列的,看的很不爽,链接多了还会超过边框,导致背景图片超格显示 ,所以觉得把它改成横向显示的。这个是现在我的友情链接显示,看到效果还是比较不错的。
不管是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教程
,
织梦插件
相关帖子
•
高端医疗健康DedeCMS整站织梦模板下载(带手机端)
•
中英双语服装礼服展示类企业建站系统dedecms织梦模板(带手机端)
•
蓝色新闻博客自媒体头条网织梦模板(带手机端带投稿)
•
织梦DEDE后台添加新变量出现:Request var not allow!的解决办法
•
织梦dede实现多城市分站群站功能(插件版)可生成静态
•
织梦dedecms添加优酷视频教程
•
织梦dedecms模板页面内添加php原生代码方法教程
•
dedecms织梦全站动态化,取消静态功能和伪静态功能方法教程
•
织梦dedecms不跳转用ajax提交自定义表单的方法
•
织梦ajax跨域提交自定义表单和跨域验证码问题
•
dedecms织梦ajax动态获取会员总数
•
织梦dedecms自定义表单ajax提交表单
•
织梦DedeCMS首页有效实现分页的两种方法教程
•
dedecms网站运行PHP提示No input file specified
•
织梦dedecms手机静态页生成插件1.4版本
•
织梦全国多城市分站地区插件9.6
•
950个织梦dedecms模板源码打包几乎涵盖市面上所有常见的企业站源码
•
织梦dede:list列表页指定栏目DEDECMS如何调用指定栏目下文章列表
•
织梦(dedecms)全站动态浏览的实现方法
•
织梦dedecms上传图片出现提示302错误ERROR解决方法
回复
举报
大妈
|
2019-8-27 14:04
|
显示全部楼层
学习了,感谢自丢教程网
回复
举报
返回列表
发新帖
高级模式
B
Color
Image
Link
Quote
Code
Smilies
您需要登录后才可以回帖
登录
|
立即注册
本版积分规则
发表回复
回帖后跳转到最后一页
admin
UID
1
贡献
387
丢币
38902
主题
4607
回帖
116
注册时间
2018-9-25
最后登录
2024-4-16
加好友
发消息
回复楼主
返回列表
源码下载
Thinkphp教程
修罗xiuno教程
Discuz教程
zzz资源/教程
织梦教程
服务器教程
数据库教程
Html/Html5教程
JavaScript教程
Css/Css3教程
建站/web前端教程
PHP教程
其他编程教程
小程序app教程
PPT模板/素材
Word简历模板/素材
Excel模板/素材
素材中心
百科知识
图文推荐
html+js实现本站已运行运营多少天代码
2024-2-8 09:19
2024年最新ThinkPHP8.x 讲义代码SQL,实战部分结合四种前端教程
2024-1-23 09:25
小学生必背古诗75首-标注-翻译-A4可打印word版本下载
2024-1-23 09:18
长截图 截动图gif制作 贴图软件免费下载
2024-1-22 10:45
D盾_防火墙 版本: v2.1.8.1最新绿色免安装版本扫木马病毒
2024-1-22 08:27
热门排行
1
修罗轻论坛程序Xiuno免费开源+收费插件模板风格大全 价值1200元 百度云网盘下载
2
仿看雪论坛模板风格 for 修罗模板 支持4.0以上版本
3
【专业商业版】积分插件 v1.25 for xiuno修罗插件
4
修罗程序添加水印插件 for xiuno插件 支持4.0以上版本
5
邀请注册、用户消费购买邀请码 for 修罗插件 支持xiuno4.0以上版本
6
分类/标签(TAG) - 增强版 v2.5 for xiuno插件 支持4.0以上版本
7
tStore积分商城插件 v1.03 for 修罗插件 xiuno4.0以上版本
8
UMEditor 百度编辑器 v2.6 for 修罗插件xiuno 支持4.0以上版本