【分享】将自己喜欢的图片作为博客介绍的背景
将自己喜欢的图片作为博客介绍的背景
本文针对“博客中国”的CCS原码。
一、编辑CCS原码中的“Blog介绍”部分(编辑后的不同处标注为红色):
编辑前:
/*=======Blog介绍=======*/
div#blogContent{
font-family: "Tahoma";
font-size: 12px;
color: #000000;
line-height: 120%;
border: solid 2px #e1e4e9;
padding: 0 5px 10px 5px;
margin: 0;
text-align: left;
margin-top: 20px;
height: 120px;
}
p.content{
margin: 0;
}
编辑后:
/*=======Blog介绍=======*/
div#blogContent{
font-family: "Tahoma";
font-size: 12px;
color: #000000;
line-height: 120%;
border: solid 2px #e1e4e9;
padding: 0 5px 10px 5px;
margin: 0;
text-align: left;
margin-top: 20px;
width:440px;
height: 210px;
background-image: url(http://angelsword.bokee.com/inc/blogjs.jpg);}
p.content{
margin: 0;
}
请注意根据需要调整width和height参数,图片链接根据您的需要确定。
二、调整“栏目”参数以确保美观:
编辑前:
/*=======栏目=======*/
div#category{
background-image: url(http://blog.blogchina.com/template/template1/images/diarytitle.gif);
background-repeat: no-repeat;
text-align: center;
height: 23px;
padding:5px 0px 0px 10px;
font-size: 12px;
width: 555px;
margin-top: -200px;
margin-bottom: 120px;
}
编辑后:
/*=======栏目=======*/
div#category{
background-image: url(http://blog.blogchina.com/template/template1/images/diarytitle.gif);
background-repeat: no-repeat;
text-align: center;
height: 23px;
padding:5px 0px 0px 10px;
font-size: 12px;
width: 555px;
margin-top: -390px;
margin-bottom: 215px;}
请注意根据实际情况调整margin-top和margin-bottom参数。