目錄

• 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