首页 > 代码库 > 自定义博客园样式
自定义博客园样式
相必每个在博客园开通博客的人都抱怨博客园的皮肤丑得要死,尤其是我这种类处女座的孩子根本把持不住
所以我遍鼓敲着美化(老板,我有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;}
如转载,请标注本博客地址,谢谢
自定义博客园样式
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。