這二天將Toto 模版做了二次調整，第一次調整是版面的部份，將首頁圖改成一張而非二張，並放大。這次主要是調整版面的顏色。

這篇文章，無關旅遊....但是，還是想說....

前幾天的新聞消息，Dell宣布筆記型電腦電池全球召回，這次召回範圍包含全球約410萬顆由新力公司（SONY）製造的戴爾鋰離子電池，有可能出現過熱而引發起火的潛在可能性。

網誌模組修改分享 - toto版

先說明首頁上方的照片圖面，將原二張圖，改成一張大圖。其他的部份，我還想再改，但還沒空改完。後面改好後，再貼上來。

很久沒post 新文章了，除了前陣子出差以外，另一方面也是我的相機壞了。心情不佳，也不想寫網誌。

我的相機是Pentax optio S5i ，上個月去大陸期間，不小心撞到，所以，鏡頭旁邊的塑膠框有點裂開，造成收鏡頭時會卡到。於是前幾天打電話給Pentax 台灣代理商，準備找時間送修。

簡單的說明一下，在Flickr 如何取得連結的code，至於如何貼入網誌panel.template中，請參照前一篇的語法。

之前的高人有分享如何在日誌中貼上HTML Badge。但是，一直覺得Flash 相簿比較酷。研究了二天，還是功力不夠。

今天在某高人的指點下，成功貼上Flash 相本。而語法竟然出乎我想像的簡單。

KC: 高人，可以幫我看一下，我有一個script 一直不知道要怎麼辦才能放上去

高人: 給我看看(高人很酷的接受挑戰)

.....五分鐘後......

高人: 試試看我傳給你的, 那些script 都是廢話

KC: 我知道有一些是廢話，但是，看了二天的CSS 語法，還是不會改。

好了，請見下面的code。祝大家成功

謝謝Macgirl 的建議，我將我修改後的 grey.css 的內容，完整貼上。有興趣延用的人，就直接拿去用吧！我將我修改的地方，用藍色字標出。

------------------------------------

body {
margin:10px 0px;
padding:0px;
text-align:center;
font:11px arial, times new roman, lucida sans unicode, sans-serif;
color:#333;
background:#fff url("./bkg.jpg") fixed;
}

h1 {
font:bold italic 20px times new roman, lucida sans unicode, sans-serif;
margin-top:20px;
background: transparent;
}

h2 {
color:#333;
font:bold 15px times new roman, times, sans-serif;
margin-top: 15px;
margin-bottom: 2px;
background: transparent;
}
h3 {
color:#666;
font: bold 13px/18px lucida sans unicode, times new roman, times, sans-serif;
margin-top: 15px;
margin-bottom: 2px;
background: transparent;
border: 1px solid #666;
border-width: 0px 0px 1px 0px;
}

h4 {
font: 10px times new roman, arial, sans-serif;
letter-spacing: 0.09em;
text-transform: uppercase;
margin: 0px;
padding: 0px;
}

.date {
font: 10px verdana, arial, helvetica, sans-serif;
letter-spacing: 0.09em;
}

.footer {
font:10px verdana, arial, helvetica, sans-serif;
color: #666;
background: transparent;
text-align: right;
}

.Upgrade {
display: none;
font-weight: bold;
}

p {
line-height:1.8;
margin:10px 0px;
}

ol, ul {
margin-top:0;
margin-bottom:10px;
line-height:1.8;
}

#Container {
width:790px;
margin:0px auto;
text-align:left;
padding:0px;
border: 1px solid #ccc;
background-color:transparent;
color: #333;
}

#Main {
width:748px;
float: left;
margin-right: 10px;
margin-left: 10px;
text-align:center;
padding:0px;
border: 1px solid #ccc;
background-color:transparent;
color: #333;
}

#Resource-Container {
width:790px;
margin:0px auto;
text-align:left;
padding:0px;
border: 1px solid #ccc;
background-color:#eee;
color: #333;
}

#Resource-Container a:link {
text-decoration: none;
}

#Resource-Main {
width:790px;
padding:0px;
border-top: 1px solid #ccc;
background-color:#fff;
color: #333;
text-decoration: none;
}

#Resource-Desc {
padding: 10px;
text-decoration: none;
}

#Resource-Desc a:link,
#Resource-Desc a,
#Resource-Desc a:hover {
text-decoration: none;
border: 0px;
}

#Container>#Main {margin-left: 20px;}

#Top {
text-align:center;
padding:10px;
border-bottom: 0px;
font:16px verdana, arial, helvetica, sans-serif;
color: #333;
background:transparent;
}

#Topmenu {
text-align:center;
padding:5px 10px;
border-top:1px dashed #ccc;
border-bottom: 0px;
background-color:transparent;font:10px verdana, arial, helvetica, sans-serif;
color:#333;
text-transform: uppercase;
}

#Content {
width: 425px;
float: left;
text-align:left;
margin:0px;
padding:10px;
border-right: 1px solid #ccc;
border-left: 1px solid #ccc;
color: #333;
background-color:transparent;
}

#Sidebar-l {
width: 130px;
float: left;
font:12px/1.5 trebuchet ms, verdana, arial, helvetica, sans-serif;
color:#666;
text-align:left;
padding:10px;
background-color:rgb(230,255,255);
}

#Sidebar-r {
width: 130px;
float: left;
font:12px/1.5 trebuchet ms, verdana, arial, helvetica, sans-serif;
color:#666;
text-align:left;
padding:10px;
background-color:rgb(230,255,255);
}

.Sidetitle {
text-align: center;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
color: #333;
background: rgb(255,255,153);
text-transform: uppercase;
}

#Bottommenu {
text-align:center;
padding:10px 5px;
border-top:0px;
border-bottom:1px dashed #ccc;
background-color:transparent;
font:10px verdana, arial, helvetica, sans-serif;
color:#333;
text-transform: uppercase;
}

#Bottom {
text-align:center;
padding:10px;
border-top: 0px;
background-color:transparent;
font:10px verdana, arial, helvetica, sans-serif;
color:#333;
text-transform: uppercase;
}

a {
color:#666;
text-decoration:none;
background: transparent;
}

a:link {color: #666; border-bottom: 1px dashed #666; background: transparent;}
a:visited {color: #666; border-bottom: 1px dashed #666; background: transparent;}
a:hover {color: #666; border-bottom: 1px solid #666; background: transparent;}

#album a, #album a:link, #album a:hover, #album a:active { border: 0px; text-decoration: none; }

.calendar {
font: 12px/1.5 trebuchet ms, verdana, arial, helvetica, sans-serif;
}

.calMonthToday {
font: inherit;
background-color: #ecdebd;
}

table.calMonth {
font: inherit;
width:130px;
}

thead {
font: inherit;
text-align:center;
}

tbody {
font: inherit;
text-align:right;
}

table.calYear tbody tr td {
font: inherit;
vertical-align:top;
}

th.calMonthCurrent {
font: inherit;
font-weight:normal;
padding: 0px;
text-align: center;
}

th.calMonthBackward {
font: inherit;
font-weight:normal;
padding: 0px;
text-align:center;
}

th.calMonthForward {
font: inherit;
font-weight:normal;
padding: 0px;
text-align:center;
}

.calMonthHeader th {
font: inherit;
text-align:center;
font-weight:normal;
padding: 0px;
}

.commentposterinfo {
font: 9px trebuchet ms, arial, verdana, sans-serif;
letter-spacing: .09em;
text-align: left;
margin-top: 0px;
}

以下就是看圖說故事，我將我昨天針對自己的網誌模組所做的所有修改，將有改的部分，貼上來，並加上中文說明。讓大家參考。出來的效果，就是各位現在看到的結果。如有不足，再另行補充。

p.s. 我也是一邊查看CSS 語法(大家可由網誌最下方的css 連結進去看語法參考頁面)，一邊試改，太難的語法，我也看不懂。我不是學電腦的....只是好奇的做修改，被我矇著了....呵呵，請其他網誌高手多多幫忙，如果有其他簡單好用的方法可試的話....教一下吧！

今天自己閒著閒著，試著修改網誌的模組，修改後，看來還不差。今個兒就來離題一下，分享一下我改了什麼。大家也來試試看~

1. 首先進入【個人網誌設定】頁面，後下面就看圖說故事。我是拿模組中的"grey" 來做修改的。