做网站也有段时间了,没有想着能有什么收入,纯粹兴趣的驱使下,做了也有段时间了,总是在typecho和WordPress之间切来切去,终于最近烦了,又搬回了WordPress,本文记录一下折腾记录,以便同在美化的朋友参考
修改顶部头像圆角度
因为顶部默认是方形,所以做了些修改,找到主题的style文件,在以下代码添加border-radius: 10px;属性
.user-my img {
position: absolute;
top: 8px;
left: 0;
width: 16px;
height: auto;
overflow: hidden
}
修改顶部菜单样式
样式来自诗梦博客,首先将以下样式粘贴到自定义样式中,然后将文章归档粘贴到导航标签即可,修改一下class,class不同颜色不同,必须为下面代码里面有的class才生效
/*顶部菜单*/
.mcnmq {
background: #b485e2;
color: #fff;
padding: 2px 8px;
border-radius: 2px
}
.mcnmw {
background: #74d62f;
color: #fff;
padding: 2px 8px;
border-radius: 2px
}
修改顶部导航为随机色
下载下面的文件,将后缀改为js,上传至服务器,然后打开主题的footer.php找到<?php wp_footer();?>在之前添加;,目前随机色的有导航栏,云标签,导航栏,云标签颜色不是很搭配后面再做修改
修改登录界面
首先打开主题的style.css,分别搜索#login和login-tab将border-radius的值修改为13px,然后继续搜索.login-tab-hd增加border-radius: 13px 13px 0 0,最后搜索.login-tab-bd,将border-radius中2修改为13,最后修改登录按钮配色,搜索#login input[type="submit"]将background修改为#66b4f0,将border-radius修改为25px,在最后增加outline: none;去除蓝色边框。
修改侧边栏配色
侧边栏配色我个人不是很喜欢,所以做了略微修改在Style中搜索#scroll li ara然后修改color即可,或者将一下代码粘贴到自定义样式
#scroll li a {
color: #67a5df;
}
4 comments
美化有啥好玩的。
主题一升级就没了
美化得蠻好看的!!
哈哈,还好,就是没整理完整