怎么修改Dedecms默认导航栏字体大小和间距
这个问题有各自的回答,首先这个导航栏尺寸的大小主要根据用户的浏览体验和PC端电脑的分辨率决定的,经过数据表明导航栏目尺寸主要有以下几种方式:
网站的导航栏目应该设计多大尺寸
第一种:宽度:960px,高度:46px-60px,这种大概有9%的人选择,这种网站一般都是企业论坛,资讯网站。我们不建议使用这种尺寸影响美观和视觉感和体验感。
第二种:宽度:1080px,高度:46px-60px,这种大概有1%的人选择,这种网站一般都是企业的资讯网站。我们不建议使用这种尺寸影响美观和视觉感和体验感。
第三种:宽度:1140px,高度:46px-60px,这种大概有2%的人选择,这种网站一般都是企业的不懂尺寸才会有这样的设置。如果是小电脑的话还可以,大电脑就会显得空白,我们不建议使用这种尺寸影响美观和视觉感和体验感。
第四种:宽度:1200px,高度:46px-60px,这种大概有86%的人选择,这种网站一般都是企业的官方网站。不管你是大电脑还是小电脑都比较适配这种尺寸规格,我们建议使用这种尺寸,浏览体验和视觉感都比较舒适。
第四种是我们极力推荐的
第五种:宽度:1320px,高度:46px-60px,这种大概有19%的人选择,这种网站一般都是企业的官方网站。这种网站如果用电脑分辨率只有1200px就会看不到别的信息,导致浏览体验欠佳。分辨率大于1320px的电脑没有影响。
第六种:宽度:1920px,高度:46px-60px,这种大概有02%的人选择,这种网站一般都是企业的高端大气网站。超过分辨率1920px的电脑可以正常浏览,不适应小电脑。
目前ios的尺寸都是_@2x,除了plus需要注意导航栏60PX,底部标签栏148PX,尺寸需要_@3X也就是15倍计算。
您好,利用织梦dedecms模板程序建站,可以建立若干栏目,但由于个人的喜好或是考虑网站访客的点击习惯或是排版布局的合理,往往需要一些栏目不显示。对于这类问题,目前我做了如下几种处理:
一是导航栏的栏目显示,这个很简单,在建立栏目的时候,就有选择是显示还是隐藏的选项,只要选择了隐藏,导航栏里就不会显示该栏目,而且在首页的栏目列表里也不会显示该栏目。
二是栏目列表里的栏目显示。这个需要对代码进行一些改动。如果导航栏里显示栏目,而在栏目列表里不想让显示,可以在首页模板里找到
<div class='listbox'>
{dede:channelartlist }
………………
</div>
这段代码,这就栏目列表的代码,只需做如下改动
{dede:channelartlist typeid ='1,2,3,4' } 织梦模板
其中typeid ='1,2,3,4'里的1,2,3,4是栏目ID,在后台建立好的栏目可以看到相应ID,这里就是表示显示ID=1,2,3,4两个栏目。通常单页面的栏目不想显示的时候可以采用这种方法,比如我的网站上的“广告合作”就是这样实现的。(需要强调改动的部分是要显示的栏目ID,不显示的栏目ID不写就自动不显示了。
1、改变首页顶级栏目字体大小 将dedecmscss模板中的,第313行,如下红色代码,将15改为你想要的大小,我的是改为了14,所以对比不是很明显,你可以试11或10,对比很明显。 #navMenuullispan{ cursor:pointer; display:inline-block; height:44px; line-height:20px; margin:0005px; padding:05px00; text-align:center; vertical-align:middle; font-weight:bold; color:#ebf5e9; font-size:15px;15px为文字大小,可调整数值来调整文字大小 2、改变首页栏目名称间距 在dedecmscss模板287行开始的红色区域数值进行调整。 #navMenuulli{ float:left; height:22px; margin-right:10px;设置右边的间距 margin-left:-3px;设置左边的间距自行修改数值即可 padding-left:10px;
可以专门写一段导航栏和分类栏的div在写别的页面的时候直接粘贴过去
借助后台可用模板形式统一每个页面的模板
建立header文件,再需要时用函数获取内容
您好,您试试这样,看看能否解决问题:
(1)下载DEDE织梦开发手册,了解这个HTML是怎么生成的。
(2)找一个觉得好看的导航模式,准备套用
(3)找到旧的导航,把CSS+html删掉(如果找不到请使用火狐浏览器的firebug)
(4)把新的导航,用HTML代码+CSS都套进来。先不写你的网站的内容,仅仅只是静态的放进来了。
(5)按照(1)的方法,找到HTML栏目的名字和链接的调用方法(栏目的关键字为:channelid,搜索即可)
(6)调试多浏览器兼容,优化JS、css
PS:这里提一句(3)是可以不用做的,但会有CSS冗余不方便日后的处理。
0条评论