自然時記

 
↑部落格樣式的版型。

 /************************************* 樣式名稱：悠閒夏日 素材來源：★Dream of echi★　ECHI繪畫 樣式作者：悠然薰風 部落格網址：https://blog.pixnet.net/floragreen 適用版型：Pixnet CSS參考PIXNET的預設樣式， 可自行修改，請尊重，勿隨意轉載散播。 **************************************/ /* 網誌整體 */ html { SCROLLBAR-FACE-COLOR: #fcfcfc; SCROLLBAR-HIGHLIGHT-COLOR: #fcfcfc; SCROLLBAR-SHADOW-COLOR: #fcfcfc; SCROLLBAR-3DLIGHT-COLOR: #99cc99; SCROLLBAR-ARROW-COLOR: #99cc99; SCROLLBAR-TRACK-COLOR: #fcfcfc; SCROLLBAR-DARKSHADOW-COLOR: #99cc99; SCROLLBAR-BASE-COLOR: #fcfcfc cursor:url(https://floragreen.myweb.hinet.net/box/cur_g4.ani); } a { color:#000000; font-size:13px; font-family: Arial, Helvetica, sans-serif; text-decoration : none; } a:hover { color:#cccccc; cursor:url("https://floragreen.myweb.hinet.net/box/cur_g1.ani"); } a img { border:0px; } .mainEntryBody br {clear:none;} body { background:#ffffff; background-image: url(https://p6.p.pixnet.net/albums/userpics/6/2/223162/1174392198.jp); margin:20px 0px 10px 0px; padding:0; overflow-x:hidden; } .Upgrade {display:none;} #Container {} /* 網誌上方區塊 */ #Top { height:400px; width:800px; margin:0 auto; background:url(https://p8.p.pixnet.net/albums/userpics/8/0/437880/1180639383.jpg); background-repeat:no-repeat; position:relative; border-top:1px dotted #99cc00; border-bottom:1px dotted #99cc00; border-left:1px dotted #99cc00; border-right:1px dotted #99cc00; } /* 網誌標題 */ #BlogHeader { position:relative;left:80px;top:40px; } #BlogHeader a { color:#99cc00; font-family:verdana; font-weight:bold; font-size: 16px; } #BlogHeader a:hover { color:#ffffff; } /* 網誌敘述 */ #BlogDescr { position:relative;left:10px;top:50px; font-size:13px; font-weight : normal; font-family: Arial, Helvetica, sans-serif; } /* 網誌中間區塊 */ #Main { width:800px; margin:0 auto; padding-top:15px; padding-bottom:10px; background:url(); border-top:1px dotted #99cc00; border-bottom:1px dotted #99cc00; border-left:1px dotted #99cc00; border-right:1px dotted #99cc00; } /* 網誌右邊連結 */ #Sidebar { position:relative; width:200px; float:right; background:url(); font-family:verdana; font-size:12px; border:1px solid #99cc99; margin-right:8px; } .SidebarFooter { display:none; height:20px; background:url(); } .SidebarHeader { display:none; height:0px; background:url(); } .Sidetitle{ background:url(); } .Sidetitle h4{ padding-left:10px; padding-top:10px; margin:0px; text-align:left; color:#000000; font-size:14px; font-weight : normal; font-family: Arial, Helvetica, sans-serif; background-color: #99cc99; height:25px; } .Sidetitle h4 a { color:#999999; padding-left:10px; } .Sidetitle h4 a:hover { color:#ffffff; padding-left:10px; } .Sidebody { margin:10px 10px 10px 10px; text-align:left; font-size:13px; font-family: Arial, Helvetica, sans-serif; color:#000000; line-height:180%; } .Sidebody a {color:#000000;} .Sidebody a:hover {color:#cccccc;} .Sidebody p { margin:0px; } ul { margin:0px; list-style-type:none; padding-left:19px; } /* 月曆 */ .calMonth {width:100%;} .calMonthNav th { text-align:center;} .calMonthHeader th { text-align:center;} td {text-align:center;} td a { text-decoration:underline; font-weight:bold; } .calendarToday { background-color: #cccccc;} /* 網誌左邊內容 */ #Content { width:540px; margin-left:15px; } .mainEntry { background-image: url(https://p8.p.pixnet.net/albums/userpics/8/0/437880/1181138230.jpg); background-repeat : no-repeat; /*不重複排列*/ border:1px solid #99CC99; margin-bottom:20px; } .mainEntryTitle h3 { margin:15px 15px 10px 15px; font-family:verdana; font-size:12px; line-height:140%; display:block; font-weight:normal; background:red;background:url(); padding-left:5px; letter-spacing:2pt; border-left:5px solid #000000; } .mainEntryTitle h3 a{color:#000000;} .mainEntryTitle h3 a:hover {color:#999999;} .mainEntryBody {} .mainEntryBody div.date { color:#666666; margin:0px 15px 10px 15px; font-family:Comic Sans MS; font-size:11px; padding-left:5px; border-left:5px solid #666666; } p { margin:0px 15px 5px 15px; font-size:13px; font-family: Arial, Helvetica, sans-serif; color:#000000; line-height:180%; } p a { color:#666666; border-bottom:1px dotted #666666; } p a:hover { color:#000000; } .extended { margin:0px 15px 0px 15px; } .mainEntryfoot p, .mainEntryBottom { margin:0px 15px 15px 15px; color:#999999; font-size:12px; border-bottom:1px dotted #99cc99; } .mainEntryfoot a, .mainEntryBottom a { color:#999999; border-bottom:0px dotted #99cc99; } .mainEntryfoot a:hover, .mainEntryBottom a:hover {color:#000000;} .mainEntryBottom { display:none; position:relative; top:-35px; left:30px; } .more { margin:10px 15px 0px 15px; width:100px; font-size:13px; font-family: Arial, Helvetica, sans-serif; display:block; border-bottom:0px; } a.more { color:#000000; } a:hover.more { color:#000000; letter-spacing:2pt; } /* 網誌迴響 */ .commentTitle { margin:10px 15px 15px 15px; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; letter-spacing:3px; } .commentTitle a { color:#000000; } .commentTitle a:hover { color:#999999; } .commentBody { border:1px dotted #99cc99; } .commentheader {display:none;} .commentposterinfo { margin:10px 15px 0px 15px; font-family:Arial, Helvetica, sans-serif; font-size:13px; } .replyBox { border:0px; background-color: #eeeeee; font-family:Arial, Helvetica, sans-serif; font-size:13px; } /* 網誌下方區塊 */ #pagefooter { clear:both; width:760px !important; width:790px; margin:0 auto; height:20px !important; height:30px; background:url() !important; background:url(); background-repeat:no-repeat; background-position:center bottom; font-size:12px; color:#DA467E; font-family:verdana; } #Bottommenu a, #Bottom a.style1 {color:#DA467E;} #Bottommenu a:hover,#Bottom a.style1:hover {color:#FEA3C4;} #Bottommenu {display:none;} #Bottom {display:none;} #Bottom a {display:none;} #Bottom a.style1 {display:inline;} #LatestComments{ overflow:hidden; }  
↑部落格的CSS，如喜愛者請自行複製，記得告知我一聲。

請使用Pixnet二欄式的樣板。

 
 　　昨天剛完成的部落格樣式，之前把上圖改好後，一直沒時間修改其他的，不過後來看到不耐煩，乾脆一併修改完成，這部落格樣式看起來還清爽吧？　　　　

寫於2007/6/7(四) 今日霪雨霏霏