• #main就係「MySinaBlog.com | 主頁 | 管理面版 | 資料夾 」呢行字以下，FOOTER以上既BLOG內容。
  #main{ /* the middle region between the "top_menu" & "footer" */
  float : left;
  background-color : #FFFFFF;/*你可以改成自己想要的顏色*/
  background: url(http://cheese326.mysinablog.com/resserver.php?resource=awa1.gif); /*呢句係我後加既，就姐係加上圈圈背景圖*/
  }
• #main_content就係整個blog內容既排列。
  #main_content{ /* the content's region */
  float           : left; /*left就姐係主內容係左邊，相反right就會變左主內容係右邊，side bar既內容去o左左邊*/
  width           : 530px; /*主內容既寬度，可以唔改*/
  }
• #content係內容既位置調教。可以不改。
  #content{
  padding-top : 15px; /*離上15px*/
  padding-right: 15px; /*離右15px*/
  }
• #main_sidebar就係隔離sidebar既寬度同位置。
  #main_sidebar{ /* the sidebar's region */
  float            : right; /*如果你既內容係左，呢個當然係set right啦！相反內容係右的話，呢個就要set right喇！*/
  width            : 230px; /*sidebar既寬度*/
  }

好，宜家開始改既係每一個post，開始會有d難度，要小心留意顏色哦！

• 搵到以下common layout：
  /***********************************************/
  /* common layout                         */
  /***********************************************/
• div.c_outline就係上圖橙色果部分。如有需要可加框框，如：border: 1px dotted Black;
  div.c_outline{ /* the outline */
  width       : 100%;
  padding     : 0px;
  }
• div.c_title即是紅色框框題目名果行。在示範中我將所有邊框刪除，然後用花花作背景圖。
  div.c_title{ /* title */
  padding-top         : 2px;
  padding-left        : 5px;
  height              : 20px;
  font-family         : lucida grande, verdana, arial, sans-serif;
  font-size           : 13px;
  font-weight         : bold;
  line-height         : 1.5;
  color               : #FFFFFF; /*字顏色改為藍色navy*/
  text-align          : left; /*對齊改為center*/
  background-color    : #518CCE;
  border-top          : 1px solid #2E66A5;
  border-left         : 1px solid #2E66A5;
  border-right        : 1px solid #2E66A5;
  background-image: url(http://cheese326.mysinablog.com/resserver.php?resource=line01.gif); /*加上花花背景圖及其他細節*/
   background-repeat: no-repeat; /*加上花花背景圖及其他細節*/
   background-position: center;/*加上花花背景圖及其他細節*/
  }
• 以下係改紅色框框題目既字及mouse移過去時變色。
  .c_title a, .c_title a:link, .c_title a:visited{
  color               : #FFFFFF; /*因為背景係白色所以將字改成藍色#6495ED*/
  text-decoration     : none;
  background          : transparent;
  }
  .c_title a:active,.c_title a:hover{
  color               : #FFFFFF; /*因為背景係白色所以將字改成藍色blue*/
  text-decoration     : none;
  background          : transparent;
  }
• .c_content_space就係紫色框框既地方。
  .c_content_space{ /* the content */
  padding             : 5px;
  height              : 100%;
  font-family         : lucida grande, verdana, arial, sans-serif;
  font-size           : 12px;
  background-color    : #F3F8FC; /*現改為透明 transparent; */
  border              : 1px solid #2E66A5; /*邊框，全行刪除*/
  text-align   : left;
  background: url(http://cheese326.mysinablog.com/resserver.php?resource=60760-tetubou_k11.gif) no-repeat top left; /*這是我後加上去的，就是那倒轉的三個人作背景圖，不重複，位置對齊上方及左方*/
  }
• 以下是超連結之顏色變化，請自行改變你要的顏色。
  .c_content_space a:link        
  .c_content_space a:visited     
  .c_content_space a:active      
  .c_content_space a:hover       
• #post_index即是 上一篇 | 下一篇 藍色框框。
  #post_index{ /* e.g. Previos Page | Next Page */
  margin-bottom       : 10px;
  text-align          : center;
  font-size           : 12px;
  }
• #post_index a,#post_index a:link,#post_index a:visited,#post_index a:active,#post_index a:hover就係上一篇 | 下一篇既超連結變化，不詳解喇。
• div.post_content即是黃色框框既地方。
  div.post_content{ /*the post's content */
  padding         : 4%;
  padding-top  : 20px;
  color           : #333333; /*可改字顏色*/
  font            : 12px lucida grande, verdana, arial, sans-serif;
  overflow        : hidden;
  margin-bottom   : 0px;
  width           : 90%;
  word-wrap       : break-word;
  overflow        : hidden;
  line-height     : 1.8;
  text-align  : left;
  background-color: white; /*這是我後加上的背景色為白色*/
  filter:alpha(opacity=80); /*這是我後加上的，透明度為80%，會顯示為半透明，將.c_content_space的三個人倒轉既背景圖輕輕透出又唔怕遮住d字*/
  }

今次教既係「MySinaBlog.com | 主頁 | 管理面版 | 資料夾 」呢行字以下，FOOTER以上既BLOG內容。

#main就係「MySinaBlog.com | 主頁 | 管理面版 | 資料夾 」呢行字以下，FOOTER以上既BLOG內容。
#main{ /* the middle region between the "top_menu" & "footer" */
float : left;
background-color : #FFFFFF;/*你可以改成自己想要的顏色*/
background: url(http://cheese326.mysinablog.com/resserver.php?resource=awa1.gif); /*呢句係我後加既，就姐係加上圈圈背景圖*/
} 氣

可不要background-color

改為圖片背景

http://sugarblythe.mysinablog.com/index.php?op=ViewArticle&articleId=71134

HEADER   HIGHT[318   SUCCESS

另外要改既係#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{ /* the blog's title */

padding             : 0px 20px 0px 20px;
position            : relative;
top                 : 30%;　　［標題頂高度］
text-align          : left;
font                : bold 25px lucida grande, verdana, arial, sans-serif;
}

#title a{

color           : #66FFFF;　　　［文章雜錦字有顏色］
text-decoration : none;
}

#title a:hover就係滑鼠移去BLOG時既狀態。例如本身BLOG名為白色，滑鼠移過去時會變黃色。[按文章雜錦字有色彩出現]
#title a:hover{
color               : Yellow;
text-decoration     : none;

SINA BLOG米唐遊樂誌SUCCESS

詳細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 其位置

(閱讀全文)

見到喜歡的圖片想貼在 blog 內嗎？ 介紹幾個常用的貼圖方法給大家：

 貼圖語法

<img src="圖片網址">

 貼圖加框語法

<img src="圖檔網址" border=10>

★註：border  =  框線數字越大越粗

 貼縮圖語法

<img src="圖片網址" width="寬度" height="高度">

 文字連結語法

<a href=連結網址>連結名稱</a>

 圖檔連結語法

<a href="連結網址"><img src="圖片網址"></a>

 logo連結語法

<a href="連結網址"target=blank><img src="圖片網址"alt="""網名"border="0"></a>

 縮圖 logo連結語法

<a href="連結網址"target=blank><img src="圖片網址"alt="""網名"border="0" width="寛度" height="高度"></a></p>

 按字跳另一個視窗畫面的文字連結語法

 <p><font face=標楷體><strong><font color=#0000ff size=3><a href=" 連結網址" target=_blank>連結文字</strong></font> </b></font></p>

★註：color= #0000ff 文字顏色代碼  size= 3  文字大小

 貼 SWF 動畫圖片語法

<EMBED src=swf圖片網址   width=寬度 height=高度 type=application/x-shockwave-flash allowscriptaccess="never" wmode="transparent"></EMBED>

http://hk.myblog.yahoo.com/funfunworld@ymail.com/article?mid=3046

先將你要搜尋東西的關鍵字輸入 ，例如很多網友都會問我如何在blog放背景音樂......

我們就在 【網誌內容搜尋 】輸入 : 背景音樂 再按BLOG搜尋

看看.......所有有關背景音樂的網誌便全部出現了.......

是不是很方便呢 ? 下次想找什麼內容時可以試試這個方法 (✿◕‿◕)

引用(0)

共2個回應

• 

  私人回應 檢舉

  這是私人回應

  檢舉

  這是私人回覆

• 檢舉

  Angelkitty 2008-10-29 02:31

   

  檢舉

  (✿◕‿◕) fun fun world❖❖2008-10-29 12:32

  多謝你的到訪！(✿◕‿◕)

上一篇 下一篇

 

一、先在Name打上英文名(不支援中文)
二、  選擇你要製做的是男生還是女生
三、  按左邊有？的小娃人，它會自動幫你配套好
按右邊紅色的小娃人是裸體的，你要自己配套，
圖樣大家都應該看得懂吧?就自己玩看看嚕~~
四、製作完後選擇儲存格式  奇摩只支援JPG
五、如果你不會上傳滴話，
只要點〈HTML〉 (中間位置)將會有語法出現，
複製好語法，貼在自定欄位即可嚕!
★ ★這個是切割圖檔用的，
製作好後可以放在MSN或是即時通的圖示喲!
☆ ☆這個不用我講大家應該都知道吧!阿就素例印啦!

ok嚕!來看看一張琳達自己搭配的男生像素JPG圖檔


因為現在要教動態的，需要U5的軟體
下載點→
(下載完成後需解壓縮，先安裝英文正式版，
再來安裝中文化程式；這套軟體是製作動圖所必備滴啦!
也是琳達超愛用滴一套軟體喲!)★教學開始嚕~~★


★説明4.調整眼睛位置：
當按1畫格時，右邊顯示對象就要是對象1.
會反白也有眼睛出現(此時對象2不能反白也不能有眼睛出現喲!)
相反的；
當你按了畫格2時，右邊顯示對象就要是對象2.
也會反白也有眼睛出現(此時就如上圖所示嚕~~)





你也可以按預覽看看自己所做的成品
滿意後按儲存
就是↓醬子的成品喲!

像醬子...你會了嗎?
以上由 教學分享

請點下圖進入↓

範例1:

原圖

成品

範例2:

原圖

成品

另一線上倒影網址 : http://www.fotline.ws/

  

 

 

 

 

引用(0)

共12個回應

• 

  檢舉

  愛音 2009-04-05 21:46

  成功啦。。。。

  好簡單哦

  檢舉

  (✿◕‿◕) fun fun world❖❖2009-04-05 23:32

  

• 

  私人回應 檢舉

  這是私人回應

• 

  檢舉

  秋金 2009-02-02 22:32

  謝謝我成功了!

• 

  私人回應 檢舉

  這是私人回應

  檢舉

  這是私人回覆

• 

  檢舉

  poseidonhenry 2008-11-29 20:28

  Thank you to share，有空也到 我的博客 坐吧！

• 

  檢舉

  豬爸媽 2008-11-28 16:47

  hi,第一次到訪,覺得你既水樣圖片好靚啊.

  檢舉

  (✿◕‿◕) fun fun world❖❖2008-11-28 16:49

  多謝到訪 , 喜歡這裏便多些來逛逛 (✿◕‿◕)

• 

  私人回應 檢舉

  這是私人回應

• 

  檢舉

  飛飛 2008-11-21 14:54

  成功了，Thanks!

• 

  檢舉

  *黑暗公主の消失的夢想*哀* 2008-11-21 14:18

  <成功

  Apply Lake Effect to your Picture WaveMyPic.com

  

• 

  私人回應 檢舉

  這是私人回應

  檢舉

  這是私人回覆

• 

  檢舉

  秋金 2008-11-20 22:31

  我可以借用嗎？好靚！

  檢舉

  (✿◕‿◕) fun fun world❖❖2008-11-20 22:37

  可以~隨便取用(✿◕‿◕)

• 

  檢舉

  羽翼天使 2008-11-20 14:33

  我試成功啦....
  多謝你...

  檢舉

  (✿◕‿◕) fun fun world❖❖2008-11-20 14:45

  我去你個 blog 睇過,你幅圖整得好靚 (✿◕‿◕)

上一篇 下一篇