**♥布丁妹+小饅頭的日記♥**

。。。--------------------------------------------------------------------------------------------。。。

【　+  Teaching* -- 教學解說 +　】

★ 星羽的部落格 L o G o ：　 

★ 本站網址: http://tw.myblog.yahoo.com/shine-starwing 

★ 教學課程內容:【CSS部落格基本語法說明】

★ 其他部落格問題 : 問題精選

★ 版主的話 :  基本上更改yahoo部落格的基本語法

就是這些了，其實還滿多人問我的˙口˙"

不過...說真的= =  大部分人都根本沒有爬文，就猛問= _ ="  (答案在css語法區都找的到)

除非...你問的語法我根本沒有使用或是我根本不會( 那問我有什麼意義呢?

在你想問其他語法之前 → CSS語法     先給我到css語法區好好看看過一次!!!

我相信裡面有相當多好用實用的語法   (好歹我收集很久= =)

沒去認真查，就問的人 我沒什麼必要回答。

這次 是為了有些剛進來的人 不了解那些語法名稱是搭配在部落格的哪裡使用

而製作的講解+圖示

這些就是一個基本yahoo面版製作的方法了

而進階版的製圖問題(也就是你要自己製作部落格面板)

請去 →  製圖教學  

製圖有問題，問我的話我一定不會回答你，就這樣。

網路上的資源太多了，隨便踢都有

自己試著找出來，成就感還比較大呢

另外，這是最基本的CSS語法

還有進階的(改更多東西)

如果有需要的話，就請回應告知瞜

不然一律去  CSS語法  找

★ 使用方法: 請依照圖片上標示的1-10來看，每一號的語法以及使用的地方我都有標示過了。

把圖片網址、圖片寬度、圖片高度等等做修改即可

*右鍵--內容--即可看見圖片網址&圖片高度&寬度

將紅色部分做些改即可//*

。。。--------------------------------------------------------------------------------------------。。。

。。。--------------------------------------------------------------------------------------------。。。

《 １ 》 標題圖

#yblogtitle h1 {
display:block;
float:left;
background:url(圖片網址) 0 0 no-repeat;
width:高px;
height:寬px;
font-size:0;
line-height:0;
overflow:hidden;
cursor:pointer;
cursor:hand;}#yblogtitle .mbd{text-align:center;}
#yblogtitle .mbd .thd{background-repeat:no-repeat;background-position:0% 100%;width:高px;height:寬px;text-align:center;}
#yblogtitle h1{color:#78AEFF;font-weight:bold;}
#yblogtitle .rctop, #yblogtitle .rctop div, #yblogtitle .rcl, #yblogtitle .rcr, #yblogtitle .rcbtm,
#yblogtitle .rcbtm div{zoom:1;}

《 ２ 》訂閱圖

div#btnsbsrb a{display:block;width:圖片寬度px;height:圖片高度px;overflow:hidden;background:url(訂閱圖網址) no-repeat;margin:0;}
div#btnsbsrb_nologin a{display:block;width:圖片寬度px;height:圖片高度px;overflow:hidden;background:url(訂閱圖網址) no-repeat;margin:0;}
#yblogtitle .tft {text-align:right;padding-bottom:0px;position:relative;}

《 ３ 》招呼語框（文字置中）

#yblast .bg {zoom:1;background:url(圖片網址) no-repeat;}

《 ４ 》頭貼/頭像/ICON

管理部落格→個人相片→上傳

《 5 》 性別圖 (圖片寬度請勿超過120)

#ymodprf .horos img{display:none;}
#ymodprf .horos{width:圖片寬度px;height:圖片高度px;background:url(性別圖網址) center no-repeat;}

《 6 》 首頁看板 ( 告示牌 )   *基本上用於有頂置文章的部落格*又稱"首頁看板"

這是貼在文章裡面的， 觀看HTML 原始碼   道裡面貼上語法，加上圖片網址完成語法之後

在將 觀看HTML 原始碼 的打勾點掉，你就可以預覽成品瞜 : )

貼圖語法:

<img src="圖片網址">

《 ７ 》回應、引用　

div.btncomment a {display:block;height:圖片高度px;width:圖片寬度px;background:url(我要回應圖片網址) no-repeat;}
div.btntrackback a {display:block;height:圖片高度px;width:圖片寬度px;background:url(我要引用圖片網址) no-repeat;}

《 ８ 》 回應欄位上方圖式

#rtemodule {background:url(圖片網址) no-repeat scroll center top;padding-top:圖片高度px;}
#ypreviewmsg .yvstrcmnt{background:transparent url(圖片網址) no-repeat scroll center top;padding-top:圖片高度px;}

《 ９ 》卷軸改色

html{
SCROLLBAR-FACE-COLOR: 色碼;                     　　軸面顏色
SCROLLBAR-HIGHLIGHT-COLOR:色碼;             　 設定軸面三角左邊顏色
SCROLLBAR-SHADOW-COLOR: 色碼;              　  設定軸面三角右邊顏色
SCROLLBAR-3DLIGHT-COLOR: 色碼;                     左立體邊顏色
SCROLLBAR-DARKSHADOW-COLOR: 色碼;         右立體面顏色
SCROLLBAR-ARROW-COLOR: 色碼;                       箭頭的顏色
SCROLLBAR-TRACK-COLOR: 色碼;                         軸軌的顏色

《 ９ 》背景圖 (置中)
 
body {background-image:url(圖片網址);background-repeat:no-repeat;background-position:50% 50%;background-attachment:fixed;}

。。。--------------------------------------------------------------------------------------------。。。

色碼參考區:

★--   Design By Starwing 2009 * http://tw.myblog.yahoo.com/shine-starwing  -- ★

。。。--------------------------------------------------------------------------------------------。。。