首页 > 代码库 > 自定义博客园样式

自定义博客园样式


相必每个在博客园开通博客的人都抱怨博客园的皮肤丑得要死,尤其是我这种类处女座的孩子根本把持不住
所以我遍鼓敲着美化(老板,我有1WQB,给我美美脸~~)

其实发现博客园里面有个自定义CSS样式,你可以加样式
思路就是你选定一个预选皮肤,博客园会给你固定的html结构
然后你根据结构来自己添加css,尤其在现在CSS3的年代,你可以把你的博客变得妈都不认得
fighting!

1,预选皮肤选择LessIsMore(大多数人用这个皮肤来做自定义)
2,然后在页面定制里加入如下代码(only示例,最美的还是你自己设定的)
3,禁用模版默认CSS样式
4,美妙的博客就显现出来

/*公用*/body {    font-size:15px;    padding:0;    margin:0;    font-family:"lucida grande", "lucida sans unicode", lucida, helvetica, "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;;    min-width:1200px;    background: url("http://images.cnblogs.com/cnblogs_com/WJ-yellow/645559/o_oxhome-bg.jpg") top;}#home {    opacity: 0.95;    filter: alpha(opacity=95);    margin:0 auto;    background:rgba(255,255,255,0.2);    overflow:auto;    border:solid 1px #fff;}*{    transition: all 0.75s;}/*段落*/.postBody p,.postCon p {    margin:7px 0;    line-height:24px;}h1 {    margin:0;}h3 {    font-size:15px;    font-weight:bold;}/*超链接*/a {    color:#464646;    text-decoration:none;}a:hover {    text-decoration:underline;}a:visited,a:hover {    color:#464646;}ul {    list-style:none;    margin:0;    padding:0;}image {    border:none;}#header {}/*博客标题*/#blogTitle,#blogTitle a {    font-weight:bold;    color: #ffffff;    text-align: center;}#blogTitle .title {    height: 115px;    line-height:180px;    font-size:96px;}.headermaintitle {    }#blogTitle,#blogTitle a:hover {    text-decoration:none;}/*子标题*/.subtitle {    text-align: center;    font-size:14px;    font-weight:normal;    margin:10px 0;    color: #CDCDCD;}/*导航栏*/#navigator {    width: 1200px;    font-size:16px;    height:48px;    text-align:center;    margin:25px auto 45px;    border-bottom: 1px solid #ddd;}#navList li {    margin:0;    line-height:48px;    display:inline-block;    float:left;}#navList li:hover {    background: #000000;}#navList li a {    color: #ffffff;    padding:0 30px;    text-decoration:none;    line-height:48px;    border:0;    display:-moz-inline-box;    display:inline-block;}.blogStats {    height:48px;    color:#fff;    line-height:48px;}#main {    width: 1200px;    padding:0px 20px 20px;    margin: auto;}#nav_sitehome {    display: none !important;}/*左边*/#sideBarMain {    padding:0 10px 0 0;    margin:0 0 20px 0;    width:190px;    font-size:12px;    line-height:22px;}#sideBarMain a {    color:#CDCDCD;}#leftcontentcontainer {    color:#CDCDCD;}.newsItem {    color:#CDCDCD;}.newsItem .catListTitle {    background: url("http://images.cnblogs.com/cnblogs_com/WJ-yellow/645558/o_me.jpg");    background-size: 190px 190px;    width: 190px;    height: 190px;    border-radius: 5px;    color: transparent;}/*公告*/#profile_block {    margin-top:0px;    line-height:24px;    text-align:left;}/*主面板*/#mainContent {    margin-top:0px;    padding-top:0px;    padding-right:0px;    border-radius: 5px;    padding-bottom:0px;    float:right;    width:980px;    padding-left:0px;}/*每日文章列表*/.day {    color: #ffffff ;    padding:0;    margin:0 0 20px 0;}/*博客标题*/.postTitle a {    color:#ffffff ;}.postTitle {    padding-bottom:10px;    font-size:20px;    font-weight:bold;    color:#464646;    background:url(‘http://images.cnblogs.com/cnblogs_com/libaoheng/305804/o_br229512.link(en-us,MSDN.10).gif‘) no-repeat 0 3px;    padding-left:30px;}.dayTitle {    display:none;}/*摘要*/.c_b_p_desc {    padding:10px;    line-height:24px;    color:#CDCDCD;}.c_b_p_desc a {    color:#CDCDCD;}.c_b_p_desc a:hover {    text-decoration:none;    border-bottom-width:1px;    border-bottom-style:dotted;}/*右侧图片*/.desc_img {    width: 30%;    margin-left:10px;    border:solid 1px #fff;    box-shadow:0 0 10px #aaa;}/*博文页*/#topics .post {    background:#fff;}.postCon {    padding:10px 20px 0 20px;}.postDesc {    margin:0 30px;    margin-bottom:2px;    padding:8px 0px;    font-size:12px;    color:#ffffff ;;    text-align:right;}.postDesc a {    color:#AAA;}.postBody {    padding:20px;}/*google搜索框*/#google_q,#q {    height:22px;    width:120px;    border:solid 1px #ccc;    box-shadow:inset 0 0 3px #ddd;    border-radius:4px;}/*搜索按钮*/.btn_my_zzk {    font-family:‘Microsoft Yahei‘;    border:none;    height:26px;    width:60px;    padding:1px;    font-size:14px;    cursor:pointer;    position:relative;    vertical-align:middle;    display:inline-block;    background:#55895B;    border-radius:4px;    color:#fff;}.btn_my_zzk:hover {    background:#6DA47D;}/*评论按钮*/#btn_comment_submit {    border:none;    height:48px;    width:120px;}/*评论按钮*/.comment_btn {    font-family:‘Microsoft Yahei‘;    border:none;    height:48px;    width:120px;    font-size:18px;    cursor:pointer;    position:relative;    vertical-align:middle;    display:inline-block;    background:#55895B;    color:#fff;}#btn_comment_submit:hover {    background:#6DA47D;}/*评论标题*/.feedback_area_title {    padding:10px;    font-size:24px;    font-weight:bold;    color:#55895B;    border-bottom:solid 6px #55895B;}.feedbackListSubtitle {    font-size:12px;    color:#888;}.feedbackListSubtitle a {    color:#888;}.comment_quote {    background:#FCFAAC;    padding:15px;    border:1px solid #CCC;}#commentform_title {    color:#55895B;    background-image:none;    background-repeat:no-repeat;    margin-bottom:10px;    padding:10px 20px 10px 10px;    font-size:24px;    font-weight:bold;    border-bottom:solid 6px #55895B;}/*评论框*/#comment_form {    padding:20px;}.commentform {    padding:10px 20px;    background:#fff;}/*评论输入域*/#tbCommentBody {    font-family:‘MIcrosoft Yahei‘;    margin-top:10px;    width:90%;    background:white;    color:#333;    border:2px solid #fff;    box-shadow:inset 0 0 8px #aaa;    padding:10px;    height:120px;    font-size:14px;    min-height:120px;}/*评论条目*/.feedbackItem {    font-size:14px;    line-height:24px;    margin:10px 0;    padding:20px;    background:#F2F2F2;    box-shadow:0 0 5px #aaa;}.feedbackListSubtitle {    font-weight:normal;}/*分类页*/.entrylist {    padding:10px 20px;    background:#fff;}.entrylistItem {    margin:10px 0;    padding:10px;}.entrylistPosttitle {    font-size:18px;    font-weight:bold;    background:url(‘http://images.cnblogs.com/cnblogs_com/libaoheng/305804/o_br229512.link(en-us,MSDN.10).gif‘) no-repeat 0 3px;    padding-left:30px;}.entrylistPostSummary {    padding:10px;}.entrylistItemPostDesc {    font-size:12px;    color:#999;    padding-left:40px;}/*尾部*/#footer {    font-size:12px;    margin:20px;    padding:12px;    text-align:center;    color:#DDD;    font-size:14px;}/*文章内图片*/#cnblogs_post_body p img {    margin:10px;}/*顶一下*/.diggnum {    font-size:28px;    color:#6DA47D;    font-family:‘Microsoft Yahei‘;}#div_digg .diggnum {    line-height:100px;}.diggit {    float:left;    width:128px;    height:128px;    background:url(‘http://images.cnblogs.com/cnblogs_com/libaoheng/305804/o_dig.gif‘) no-repeat;    background-position:0 0;    text-align:center;    cursor:pointer;}.diggit:hover {    background-position:-128px 0;}/*踩一下(园友反映,这个有点“邪恶”,呵呵,其实是我没来得及设计这个背景图片,就暂时把它隐藏了……可以去掉这句话)*/.buryit {    display:none;}.diggword {    display:none;}/*green_channel*/#green_channel {    text:align:right;    background:#6DA47D;    padding-left:20px;    font-weight:normal;    font-size:15px;    width:95%;    border:none;    color:#fff;    padding:20px;    border-radius:4px;}/*最新评论*/#myposts .PostList {    font-size:14px;    line-height:24px;    margin:10px 0;    padding:20px;    background:#F2F2F2;    box-shadow:0 0 5px #aaa;}#myposts .postTitl2 a {    color:#6DA47D;}/* 文章*/.forFlow {}/*广告*/#under_post_kb {    display: none !important;}#google_ad_c2 {    display: none !important;}#under_post_news {    display: none !important;}#ad_under_post_holder{    display: none !important;}#site_nav_under {    display: none !important;}

 



如转载,请标注本博客地址,谢谢

自定义博客园样式