Simple Tux主题调整

Biesi 技术 2017-07-03 629 次浏览 , 没有评论

别思博客使用的是Simple Tux主题,尽管是基础版本,但我还是非常喜欢这种风格的主题,简洁、整齐、大气,功能很全面,而且不需要插件,还是自适应主题,适合电脑、平板及手机浏览。一般来说,这个主题可以拿来直接使用,不需要进行任何修改的。

但我是一个无聊的人,没事就来折腾Simple Tux主题了。

一、调整了一下段落字体对齐样式

在主题CSS文件的body属性中加入了下面的代码:

body{text-align: justify;text-justify: inter-ideograph;}

二、调整了搜索框和侧栏Widget标题分割线的颜色。

修改CSS文件中#searchform和.widget h3的颜色代码如下:

#searchform{background:#95a5a6;}

.widget h3{border-bottom:3px solid #95a5a6;}

三、调整主题的页面宽度。

我的本本是1366×768像素,原来的页面宽度几乎占满了整个屏幕,看着不习惯。于是把#content、#header .navtop和#navigation的宽度改为1024px,把#main的宽度调整为66%。

四、修改了一下评论头像的图片属性。

相关代码记录如下:

.avatar{float:left;width:32px;height:32px;margin:2px 2px 0 0;padding:3px;border:1px solid #DDD;}

发表评论

电子邮件地址不会被公开。 必填项已用*标注

回顶部