wordpress主题知更鸟begin Lts主题样式美化过程

2018.7. 1619:50:00 1 1,038

一个网站的站长其中最为重要的一项技能就是美化网站,因为网站总是一成不变,那么你就缺少一个折腾的心,网站自然不会长久,所以说如果有必要喜欢折腾总是好的。

在一个说的就是seo,其实seo的核心就是,每一个网站的特别之处,如果你的文章写的好,那也算的上你的一个独特之处,当然这个“特别”指的是,你的每一样的都与众不同,那么怎么才能根据自己的喜好定制化自己的网站呢。

我呢今天分享自己的网站的美化过程,在看这篇文章之前建议大伙还是先去看看,我的另一篇文章;自定义wordpress主题CSS样式的神器googel DeyTools

#tag_cloud_widget{height: 245px;}*//知更鸟的标签栏后面的height是高度,可以天正高度
.personal-bg img{    height: 180px;
    width: 990px;}//会员中心的背景图片尺寸
.cat-box{border: 1px solid #fff;}//首页分类的边框颜色
.cat-box .cat-title{    background: #ffffff;    border-bottom: 1px solid #dddddd4a;}
.nbs-flexisel-container{    border: 1px solid #fff;}
.cat-grid-title, .cat-square-title{    border-top: 1px solid #fff;
    border-left: 1px solid #fff;
    border-right: 1px solid #ffffff;
background: #ffffff;}
.cms-cat-grid .post{border-left: 1px solid #dddddd4a;
    border-top: 1px solid #dddddd4a;
    border-bottom: 1px solid #dddddd4a;}
.cms-cat-square .post{border-left: 1px solid #dddddd4a;
    border-top: 1px solid #dddddd4a;
    border-bottom: 1px solid #dddddd4a;}
.cat-g5{border-right: 1px solid #dddddd4a;}
.cat-g3{border-right: 1px solid #dddddd4a;}
#sidebar h3, #sidebar-l h3{background: #ffffff;border-bottom: 1px solid #dddddd4a;}
.widget{border: 1px solid #fff;}
.wpz_widget_content .tab_title a{background: #ffffff;    border-left: 1px solid #ffffff;
    border-top: 1px solid #ffffff;
    border-bottom: 1px solid #ffffff;}
.picture-h{border: 1px solid #dddddd4a;}
.tab-bd{border-top: 1px solid #dddddd4a;}
.tab-hd{background: #f9f9f9;}
.tab-hd-con{border-right: 1px solid #dddddd4a;}
.tab-site{border: 1px solid #dddddd4a;}
.cms-news-grid .post{    border: 1px solid #dddddd4a;}
#top-header{    background: #dce3ff;
    border-bottom: 1px solid #dce3ff;}
#footer-widget-box{    background: #1e3a4e;}
.footer-widget .widget{    background: #5550;}
.cms-news-grid .marked-ico{background: #0000005c;}
.new-icon .be{    color: #0000005c;}
.title-i span{    background: #000;
    border: 1px solid #000;}
#respond{border: 1px solid #fff;
    box-shadow: 0 1px 1px rgb(255, 255, 255);}
#comment{border-radius: 20px;}
.meta-nav{border: 1px solid #dddddd4a;}
#respond #submit{    border-radius: 20px;border: 1px solid #dddddd4a;    padding: 1px;}
.authorbio{border: 1px solid #ffffff4a;}
#related-img{border: 1px solid #fff;}
.down-form fieldset{order: 1px solid #dddddd4a;}
.comments-title{padding: 0 20px 2px 20px;
    border: 1px solid #fff;
    box-shadow: 0 1px 1px rgba(255, 255, 255, 0);}
.comment-list li{padding: 0 20px 5px 20px;
    border: 1px solid #fff;
    box-shadow: 0 1px 1px rgba(255, 255, 255, 0);}
li.comments-anchor{background: white;}
.comments-anchor, .scroll-comments{top: 0px;}

我这一次动的不多,不像之前那一次,还给图片增加了阴影效果,看久了之后,总觉得不好看,太乱,所以自己重新的折腾了一次,改变了北京的颜色,让整个网站看起来更加的美观,优雅。

很多代码定义某个位置我都忘记了,大家可以自己用DeyTools 查询一下,对应的名称id自己找到以后即可修改。

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

目前评论:1   其中:访客  1   博主  0

    • avatar 馆长 4

      没人评论紫杉醇评论