這週末在家閒閒沒事
想說來把之前那個灰灰白白有點單調的版型改一改好了
pixnet後台的版形還頗多的
本來想要來個
123,換版型真簡單
或是
快快樂樂換版型的
不過,要挑到個完全喜歡的,還真不簡單
雖然有幾個不錯的
但還是都覺得差了那麼一點
看來還是得自己動動手玩創意了
自己修改CSS看來會是比較好的辦法
不過,週末一整天就都耗下去了
來整理一些比較常用的
下次有需要就可以快速修改囉
/*部落格上方圖片*/
#banner{text-align: left; width: 650;height: 300px; background: url(http://p0.p.pixnet.net/albums/userpics/0/9/17009/49033b6a7933c.jpg) no-repeat 40px 90px; }
/*--部落格標題--*/
#banner h1{*position: relative !important; padding-top: 20px; padding-left: 40px; }
#banner h1 a{font: 28px "Verdana"; font-weight: bolder; color:#d94e10;}
#banner h2{width: 640px; height: 25px; overflow: auto; margin-top: 10px; margin-left: 40px; line-height: 20px; color: #444; font-size: 11px; *font-size: 10px; }
#banner h2 a{color: #444; }
/*文章日期*/
.publish{ margin-left: 50px;
color:#86B56D ;
font-size:12px ;}
.title h2{padding: 18px 2px 10px 8px; }
/*文章標題*/
.title h2 a{
font-family:SimHei;
font-size:20px; color:#ef7800; }
/*文章內文*/
.article-content{
padding: 10px 0px;
margin: 20px 2px;
line-height: 20px;
letter-spacing: 2px;
font-size: 13px;
}
/*--版主回覆內容--*/
#comment-text .reply-text{width: 490px; float: right; padding: 4px; color: #875A3C; display: inline; }
/*--版主回覆資訊--*/
#comment-text .reply-text p{ font-size:12px; color: black;}
.reply-text p a{font-weight: bolder; font-size:12px;color: black;}
/*側欄字體*/
#links{line-height: 20px;letter-spacing: 2px;width: 250px; float: right; padding-right: 45px; margin-top: -220px; overflow: hidden; }
#links a{color:#333;}
#links a:hover{color:#ef7800;}
/*右邊link前加方塊*/
#recent-article .box-text a, #category .box-text a{display: list-item; list-style-type: square; list-style-position: inside; }
/*--最新迴響-迴響日期--*/
#latest-comment .box-text span{}