目录
- My page custom CSS code
My page custom CSS code
My page customize CSS code for SimpleGamboge blog skin.
Adjustment:
- 1.The picture on the left is replaced by a head image.
- 2.Expand the width of the left column and reduce the width of the right main column width.
- 3.expand the width of the comment area of the content page, and keep the tool icon to the left.
- 4.go to the advertisement...
- 5.Under tension, the left column is fixed width and the right column is suitable (by grace).
- 6.two level Title Format: blue background
/*左上头像*/#lnkBlogLogo {float: right;display: block;width: 180px; /*调整*/height: 180px; /*调整*/background-image: url(http://pic.cnitblog.com/avatar/694556/20141120153630.png); /*调整*/} ?/*左侧栏*/#header {width: 180px; /*调整*/min-width:180px;color: #000;background: #FFF;}@media screen and (max-width: 1000px){#header, #sideBar {display:block;}} #sideBar {width: 180px; /*调整*/min-width: 180px; /*调整*/min-height: 200px;float: left;text-align: right;-o-text-overflow: ellipsis;text-overflow: ellipsis;overflow: hidden;word-break: break-all;}.input_my_zzk {width: 100px; /*调整input text*/} ?/*右侧主栏*/#mainContent .forFlow {position: absolute;top: 0;left:200px;right: 0;float: right;width: initial;min-height: 1000px;min-width: 800px;background: #F6E497;} ??/*评论区*/div.commentform textarea {width: 100%; /*调整*/height: 300px;font-size: 13px;}.commentbox_title_right {float: left; /*调整*/height: 22px;} ?/*下广告*/#site_nav_under {margin-top: 5px;line-height: 1.8;display: none; /*调整*/}.c_ad_block {margin-top: 10px;line-height: 1.5;display: none; /*调整*/}/*二级标题蓝色背景*/#cnblogs_post_body h2 {background: gray !important;background: #406CA4 !important;border-radius: 4px 4px 4px 4px !important;box-shadow: 0 0 0 1px #5F5A4B, 1px 1px 6px 1px rgba(10, 10, 0, 0.5);color: #FFFFFF;font-family: "微软雅黑", "宋体", "黑体", Arial;font-size: 17px;font-weight: bold;margin: 15px 0 !important;padding: 5px 0 5px 20px;}My page custom CSS code
原文地址：https://www.cnblogs.com/hugeng007/p/9382675.html