Nana主题顶部菜单用竖线分隔的css样式修改

关于Nana主题顶部菜单用竖线分隔的css样式修改

额,昨天跟一个老哥聊天的时候觉得他做的站挺好看的,也是他推荐我用这个主题的,索性差不多搭建完了,慢慢修改我的博客,这里推荐一下他的网站 集优小站(关于设计方面的),有兴趣的可以看看!

对不起,我又特么的扯远了,回到主题,关于Nana主题顶部菜单用竖线分隔的css样式修改,因为我觉得顶部文字看起来有点拥挤分隔不是很好(垃圾UI的狗屁感觉,请忽略)

然后看了这个老哥的站,发现他使用的是用汉字的“丨”最为分隔,搜索引擎把那个丨会抓取进去,跟自己想表达的关键词好像有点偏远了!

个人认为对seo优化不是很友好,强迫症又来了,所以动手改一下css样式:

下面贴一下代码(修改位置就是style.css里面)

很简单的一个css样式添加:

具体修改:复制.top-menu li以后直接打开style.css,按ctrl+f粘贴关键词.top-menu li,找到相应的位置替换就ok了,

实测没错位,手机端也没影响,值得注意的是,我顶部添加的是四个汉字,然后两个字的请修改width: 72px;把72换成合适的像素就对了,我猜48比较合适!

简单教程,不喜勿喷!

补充:贴进去以后会断行,这里贴一个不断行的

给TA买糖
共{{data.count}}人
人已赞赏
网站教程

手机输入这串神秘代码进入工程模式,手机问题全明白!

2018-12-22 13:31:56

网站教程

WordPress后台密码忘记怎么?三种方法找回密码

2018-12-25 0:47:03

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索