码迷,mamicode.com
首页 > Web开发 > 详细

My page custom CSS code

时间:2018-07-28 18:21:38      阅读:196      评论:0      收藏:0      [点我收藏+]

标签:size   icon   screen   uitable   目录   too   微软   http   form   

目录

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

标签:size   icon   screen   uitable   目录   too   微软   http   form   

原文地址:https://www.cnblogs.com/hugeng007/p/9382675.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!