首页 > 代码库 > 自定义你的博客园样式
自定义你的博客园样式
在自己的博客管理 后台里面 有
貌似不同的模板对应的HTML也不同
这是我暂时的代码 挺丑的
@charset ‘UTF8‘;html,body{ font-family: "verdana","Arial","微软雅黑", "Helvetica", "sans-serif"; box-shadow: 2px 2px 1px #888888;}body{ background-color: #d3d3d3;}a{ &:hover{ text-decoration: none; }}#sub{display: none}#main_container{ position: relative; padding-top: 80px;}#leftmenu{ position: absolute; top: 0px; width: 100%; height: 80px; padding-bottom: 10px; background-color: #20375f; box-sizing:border-box; h3{display: none;} ul{ height: 30px; li{ float: left; margin-bottom: 0; height: 30px; a{ display: block; height: 30px; line-height: 30px; width: 70px; font-size: 15px; text-align: center; color: white !important; border-radius: 4px; border: none; transition: all 200ms ease-in-out; &:hover{ cursor: pointer; padding: 5px; } } } } &>ul{ li:nth-child(1),li:nth-child(4),#MyLinks1_XMLLink{display: none;} } #blog-sidecolumn{ &>h3,&>ul{display: none;} .mySearch{ .catListTitle{display: none;} #widget_my_zzk{text-align: center; .input_my_zzk{ width: 140px; border-radius: 12px; padding: 0 8px; border: none; transition: all 200ms ease-in-out; &:focus{ width: 200px; height: 35px; transition: all 200ms ease-in-out; } } .btn_my_zzk{ //background: -webkit-linear-gradient(left, #fff, #c0c0c0); border: none; border-radius: 13px; &:hover{ cursor: pointer; } } } } } #widget_my_google{display: none;} #topview_posts_wrap{display: none;}}#main_content{ margin-left: 0; float: none; #content{ margin-left: 0; background-color: transparent; border: none; .post{ padding:10px; border: none; border-radius: 5px; background-color: rgb(238, 238, 238); box-shadow: 0px 0px 6px #636363; .cnblogs_code{ border-radius: 5px; } } .date{ span{ background-color: transparent; } } }}
http://www.cnblogs.com/7c00/ 他得很漂亮!
自定义你的博客园样式
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。