個人對部落格園主題做了簡單的修改。(這裡是在部落格園預設主題CodingLife中修改,不禁用模闆預設css)
頁面定制的css代碼如下
body{
background:#eee;
}
.catListTitle{
color:#333 !important;
background:#fff !important;
border: 1px solid #dedede !important;
}
#sidebar_search{
display:none;
}
.newsItem>.catListTitle{
display:none;
}
.headImage>img{
border: 3px solid #2586d7;
border-radius: 50%;
width: 150px;
margin: auto;
display: block;
}
#blog-news{
background:#eee;
}
#blogTitle> h2{
color:#333;
margin-left:20px;
top:0px;
}
#blogTitle>h1{
top:0px;
color:#333;
}
#blogTitle h1 a{
color:#000;
}
#blogTitle{
/*background:url(http://images.cnblogs.com/cnblogs_com/ywb-articles/1456868/o_bg2.jpg) no-repeat center 21px;*/
background:#eee;
height:200px;
}
#navigator{
background:#eee;
border: 1px solid #dedede;
}
#navList a {
color:#333;
}
#navList a:link{
text-shadow:none;
color:#333;
}
#navList a:hover{
text-decoration:none;
background-color:#eee;
color:#169fe6
}
.dayTitle{
background-color:#b9bec1;
}
.dayTitle:hover{
background-color:#6fb2db;
}
#profile_block:hover{
border:1px solid #eee;
}
#profile_block{
color:#333;
font-weight: bold;
border:none;
margin: 0px 50px 0px 50px;
background:#eee;
}
部落格側邊欄公告(添加頭像)
<div class="headImage">
<img src="http://images.cnblogs.com/cnblogs_com/ywb-articles/1456868/o_3.jpg" alt="頭像">
</div>
首頁html代碼(時鐘)
<link rel="stylesheet" type="text/css" href="https://blog-static.cnblogs.com/files/ywb-articles/clock.css"/>
<link rel="stylesheet" type="text/css" href="https://blog-static.cnblogs.com/files/ywb-articles/spiders.css"/>
<div id="upupoo_bottomLayer">
<div id="upupoo_exhibitionLayer_two">
<p id="clock">00:00</p>
<p id="seconds">00</p>
<p id="date">2019/1/1</p>
</div>
</div>
</div>
<script src="https://blog-static.cnblogs.com/files/ywb-articles/clock.js" type="text/javascript" charset="utf-8"></script>
頁腳html
<script src="https://blog-static.cnblogs.com/files/ywb-articles/bootstrap.min.js"></script>
<link href="https://blog-static.cnblogs.com/files/ywb-articles/myCatalog.css" rel="stylesheet">
<script type="text/javascript" src="https://blog-static.cnblogs.com/files/ywb-articles/myCatalog.js"></script>
<style>
@media screen and (max-width:767px){
#blogTitle h1{
position: static;
padding-top: 0px;
}
}