CSS。改靚SINABLOG教學。I
本篇是logo之教學。

範例ｂｌｏｇ：http://cheese326.mysinablog.com/index.php
(正改進中）

要改靚個BLOG唔少得一個靚LOGO啦！
也不少得一兩個繪圖軟件旁下身。(請來信register.sugar@gmail.com)

詳細CSS之語法可參考：
http://www.casys.com.tw/news/ReadNews.asp?NewsID=3

改LOGO
準備好了嗎？首先做一個LOGO。因為時間上既關係已經做左一個800px X 316px既LOGO。

• 因為改左LOGO大小，所以請修改#document之width為800px，整個blog的寬度就會改變。
  #document{ /* the blog's main frame */
  padding             : 0px; /*可以不改*/
  width                : 760px; /* blog's width ←改為800PX或依你自己個LOGO來改。*/
  margin-left         : auto;  /*對齊為自動，可以不改*/
  margin-right        : auto; /*對齊為自動，可以不改*/
  border-right        : 1px solid #1E436C; /*這是BLOG右邊的幼線，可依照自己的喜好修改。*/
  border-left         : 1px solid #1E436C; /*這是BLOG左邊的幼線，可依照自己的喜好修改。*/
  }
• 另外要改既係#header，就是放logo既地方。因為logo既大小改變，要將高度改成你的logo高度。
  #header{
  padding     : 0px;
  margin      : 0px;
  height      : 100px; /* header's height改成318*/
  width       : 100%;
  background  : url(http://cheese326.mysinablog.com/resserver.php?resource=59486-logo.gif); /* header's image 改成你自己的圖網址*/
  }
• #title就係你logo上面既BLOG名，你可以根據你既LOGO設計改變其位置。
  #title{ /* the blog's title */
  padding             : 0px 20px 0px 20px;
  position            : relative;
  top                 : 20%;  /*依自己LOGO位置而改成80%*/
  text-align          : left; /*依自己LOGO位置改變：靠左LEFT、置中CENTER、靠右RIGHT*/
  font                : bold 25px lucida grande, verdana, arial, sans-serif;
  }
• #title a就係BLOG名，可調教其顏色。
  #title a{
  color           : White;
  text-decoration : none;
  }
• #title a:hover就係滑鼠移去BLOG時既狀態。例如本身BLOG名為白色，滑鼠移過去時會變黃色。
  #title a:hover{
  color               : Yellow;
  text-decoration     : none;
  }
• .description就係blog名下面果句介紹你的網誌(描述)
  .description{ /* the blog's description */
  font            : bold 12px lucida grande, verdana, arial, sans-serif;
  color           : #ffffff;
  line-height     : 1.5;
  }
• #top_menu就係寫「MySinaBlog.com | 主頁 | 管理面版 | 資料夾 」果行。
  #top_menu{  /* the horiozontal menu under the header */
  width           : 100%;
  height          : 30px;
  text-align      : left;/*對齊方法：靠左left、置中center、靠右right*/
  font            : 12px lucida grande, verdana, arial, sans-serif;
  color           : black;/*可改變其字體顏色*/
  background      : transparent url(http://mysinablog.com/templates/sina_default/img/top_menu.gif) repeat-x top left;/*可依你喜好改變其背景圖片，在此例未有更改*/
  }
• 以下一堆係關於「MySinaBlog.com | 主頁 | 管理面版 | 資料夾 」果行既連結變化。
  #top_menu a 連結
  #top_menu a:link 一般連結
  #top_menu a:visited 參觀過的連結
  #top_menu a:active 正在執行的連結
  #top_menu a:hover 當滑鼠移到連結上
  #top_menu_nav 其位置