[blog裝潢]yahoo部落格
 
  今天因為只有上午3堂課,於是又把yahoo部落格拿來裝潢,一開始真的不知道從何下手,因為yahoo部落格沒有所謂的"小幫手",只能直接更改css,心想「哇~我的天!真複雜」,連/* */(註解)裡面的文字都是英文,真是糟糕,最後,靠著看網路教學起家的我,又去搜尋yahoo部落格css對照的相關教學嚕!最後靠著自己測試和那一些零散的教學,完成了大致上的樣子(其實還有想改的,只是不會改,連那些教學也沒教。)



以下大概列出一些語法,有些我沒有設定的我就不列了,那些有些測試時看不出來有什麼變化,等以後有空再慢慢試。



/*Background*/ body{}
→這裡設定的道理跟無名差不多,背景、游標和視窗內框。

/*Nav module header*/ .yc3sec .mhd, .yc3subbd .mhd{}
→這裡設定的是欄位(個人資料、最新文章……)的標題列,類似無名的sidetitle。

/*Main content header*/ .yc3pribd .mhd{}
→這裡設定的是文章內的標題列。

/*Shared rounded corner for all modules*/
.ycntmod {width:100%;position:relative;margin-bottom:10px;overflow:hidden;}
.ycntmod .rctop {zoom:1;background:url(邊框圖片網址) left top repeat;margin-right:5px;}
.ycntmod .rctop div {background:url(邊框圖片網址) right top no-repeat;height:3px;font-size:0;position:relative;right:-5px;}
.ycntmod .rcbtm {zoom:1;background:url(邊框圖片網址) left bottom repeat;margin-right:5px;}
.ycntmod .rcbtm div {background:url(邊框圖片網址) right bottom no-repeat;height:3px;font-size:0;position:relative;right:-5px;}
.ycntmod .rcl {padding-left:5px;background:url(邊框圖片網址)repeat-y;}
.ycntmod .rcr {zoom:1;padding-right:5px;background:url(邊框圖片網址) right repeat-y;}
.ycntmod .text {position:relative;word-break:break-all;}
.yc3pribd .ycntmod{overflow:visible;}
.yc3pribd .ycntmod .yblogcnt{overflow:hidden;}
→這段語法通常css裡面沒有,要自己加上,這是設定欄位和文章邊框的語法。

/*Blog title*/ #yblogtitle .mbd,#yblogtitle .mft{}
→這是設定blog標題的文字底色和文字字色。
 
 /*Background color for whole page*/ body {}
→其實這個跟第一個我真的不知道有什麼差別,但是這個應該是整個頁面的背景,我測試的時候第一個只能設定部份背景。

/*Background color for module*/ .yc3sec .mbd, .yc3subbd .mbd, .yc3sec .mft, .yc3subbd .mft {}
→設定欄位的背景圖案吧。

/*Background color for main content body*/ .yc3pribd .mbd, .yc3pribd .mft, #yreplymsg table, #ysbscrblist table, #ybloginfo table, #yusrinfo table, #yusrintro p{}
→文章的body,也是設定背景那些。

/*Opacity for blast*/ #yblast .bg {}
→招呼語設定,可以設定背景和透明度filter:alpha(opacity:100)(數字愈小愈透明,此語法無名亦有在使用。)。



另外,捲軸的語法和也可以使用在yahoo部落格上,我猜還有很多其實可以通用,只是我沒測試。
還有,yahoo現在雖然已經有自訂欄位了,但是好像不支援



這是繼天空之後的"無名style Melita's blog*粉兔"
下次一樣閒的時候
再玩其他吧!









by兔


↓點它選擇你要的回覆↓
無圖表示服務離線



C-マンション
arrow
arrow
    全站熱搜

    Melita 粉兔 發表在 痞客邦 留言(0) 人氣()