close

 

這週末在家閒閒沒事
想說來把之前那個灰灰白白有點單調的版型改一改好了


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{} 

 

 

arrow
arrow
    全站熱搜

    babyincar 發表在 痞客邦 留言(2) 人氣()