lightchose的部落格

更換捲軸方法：
登入部落格→點右上「管理部落格」→左側外
觀設計按「面板設定」→按「自訂樣式」將新面板語法複
製貼在「輔助編輯功能」內容裡面，按「確定」---完成

語法：
/*捲軸顏色變更設定*/
html{scrollbar-base-color : #000000;整體顏色;
scrollbar-face-color : #000000;軸面顏色;
scrollbar-track-color: #000000;軸軌顏色;
scrollbar-arrow-color : #ff0000;箭頭顏色;
scrollbar-3dlight-color: #ff0000;左立體邊顏色;
scrollbar-highlight-color : #ff0000;軸面左角邊顏色;
scrollbar-shadow-color : #ff0000;軸面右角邊顏色;
scrollbar-darkshadow-color : #ff0000;右立體邊顏色;
/*捲軸*/(白底粉紅虛框)
html{scrollbar-face-color: #ffffff;
scrollbar-highlight-color: #ff99ff;　　　
scrollbar-shadow-color: #ff99ff;　　
scrollbar-3Dlight-color: #ffffff;　　　
scrollbar-arrow-color:#ff99ff;　　　　
scrollbar-track-color: #ffffff;
scrollbar-darkshadow-color:#ffffff}
/*捲軸*/ (黑底紅色虛框)
html{scrollbar-base-color : #ff0000;整體顏色;
scrollbar-face-color : #000000;軸面顏色;
scrollbar-track-color: #000000;軸軌顏色;
scrollbar-arrow-color : #ff0000;箭頭顏色;
scrollbar-3dlight-color: #ff0000;左立體邊顏色;
scrollbar-highlight-color : #ff0000;軸面左角邊顏色;
scrollbar-shadow-color : #ff0000;軸面右角邊顏色;
scrollbar-darkshadow-color : #ff0000;右立體邊顏色;}
/*捲軸*/ (粉紅白底捲軸)
HTML{SCROLLBAR-FACE-COLOR: #fc0090;
 SCROLLBAR-HIGHLIGHT-COLOR: #fcfcfc;
 SCROLLBAR-SHADOW-COLOR: #fcfcfc;
 SCROLLBAR-3DLIGHT-COLOR: #fc90b4;
 SCROLLBAR-ARROW-COLOR: #fcfcd8;
 SCROLLBAR-TRACK-COLOR: #fcfcfc;
 SCROLLBAR-DARKSHADOW-COLOR: #fc90b4;
 SCROLLBAR-BASE-COLOR: #fc6cb4}
/*捲軸*/ (白色捲軸)
html{SCROLLBAR-FACE-COLOR: #ffffff;
SCROLLBAR-HIGHLIGHT-COLOR: #e6e6b3;
SCROLLBAR-SHADOW-COLOR: #e6e6b3;
SCROLLBAR-1DLIGHT-COLOR:#e6e6b3;
SCROLLBAR-DARKSHADOW-COLOR: #ffffff;
SCROLLBAR-ARROW-COLOR: #ffffff;
SCROLLBAR-TRACK-COLOR:#ffffff; }
/*捲軸*/(藍色捲軸)
 HTML {SCROLLBAR-FACE-COLOR: #FFFFFF;
SCROLLBAR-HIGHLIGHT-COLOR: #00FFFF;
SCROLLBAR-SHADOW-COLOR: #0080FF;
SCROLLBAR-3DLIGHT-COLOR: #44A2FF;
SCROLLBAR-ARROW-COLOR: #0080FF;
SCROLLBAR-TRACK-COLOR: #FFFFFF;
SCROLLBAR-DARKSHADOW-COLOR: #0080FF;
SCROLLBAR-BASE-COLOR: #C0C0C0;}
/*捲軸*/(黑底灰色實框)
html{SCROLLBAR-FACE-COLOR: #333333;
 SCROLLBAR-HIGHLIGHT-COLOR: #000000;
 SCROLLBAR-3DLIGHT-COLOR: #333333;
 SCROLLBAR-ARROW-COLOR: #000000;
 SCROLLBAR-TRACK-COLOR: #000000;
 SCROLLBAR-DARKSHADOW-COLOR: #333333;
 SCROLLBAR-BASE-COLOR: #333333;}
/* 卷軸 */(粉紅白底線框)
html{scrollbar-base-color : #FF5E79;
scrollbar-face-color : #FFFFFF;
scrollbar-track-color: #FFFFFF;
scrollbar-arrow-color : #FF5E79;
scrollbar-3dlight-color: #FF5E79;
scrollbar-highlight-color : #FFFFFF;
scrollbar-shadow-color : #FF5E79;
scrollbar-darkshadow-color : #FFFFFF;}
/*捲軸*/( 白底藍色虛框)
html{scrollbar-face-color: #ffffff;
scrollbar-highlight-color: #6699FF;　　　
scrollbar-shadow-color: #6699FF;　　
scrollbar-3Dlight-color: #ffffff;　　　
scrollbar-arrow-color:#6699FF;　　　　
scrollbar-track-color: #ffffff;
scrollbar-darkshadow-color:#ffffff}
/*捲軸*/( 白底藍色立體實框)
html{SCROLLBAR-FACE-COLOR: #6699FF;
 SCROLLBAR-HIGHLIGHT-COLOR: #ffffff;
 SCROLLBAR-3DLIGHT-COLOR: #6699FF;
 SCROLLBAR-ARROW-COLOR: #ffffff;
 SCROLLBAR-TRACK-COLOR: #ffffff;
 SCROLLBAR-DARKSHADOW-COLOR: #6699FF;
 SCROLLBAR-BASE-COLOR: #6699FF;
/*捲軸*/(紅底白色虛框)
html{SCROLLBAR-FACE-COLOR: #770011;
SCROLLBAR-HIGHLIGHT-COLOR: #ffffff;
SCROLLBAR-SHADOW-COLOR: #ffffff;
SCROLLBAR-3DLIGHT-COLOR:#770011 ;
SCROLLBAR-ARROW-COLOR: #ffffff;
SCROLLBAR-TRACK-COLOR: #770011;
SCROLLBAR-DARKSHADOW-COLOR: #770011;
SCROLLBAR-BASE-COLOR: #ffffff}
/*捲軸*/(紫底白色虛框)
html{scrollbar-base-color : #CC66FF;整體顏色;
scrollbar-face-color : #CC66FF;軸面顏色;
scrollbar-track-color: #CC66FF;軸軌顏色;
scrollbar-arrow-color : #CC99FF;箭頭顏色;
scrollbar-3dlight-color: #CC99FF;左立體邊顏色;
scrollbar-highlight-color : #CC99FF;軸面左角邊顏色;
scrollbar-shadow-color : #CC99FF;軸面右角邊顏色;
scrollbar-darkshadow-color : #CC99FF;右立體邊顏色;}
/*捲軸*/(黑底白色虛框)
html{SCROLLBAR-FACE-COLOR: #000000;
 BACKGROUND-ATTACHMENT: fixed;
 SCROLLBAR-HIGHLIGHT-COLOR: #fcfcfc;
 SCROLLBAR-SHADOW-COLOR: #fcfcfc;
 SCROLLBAR-3DLIGHT-COLOR: #fcfcfc;
 SCROLLBAR-ARROW-COLOR: #fcfcfc;
 SCROLLBAR-TRACK-COLOR: #fcfcfc;
 SCROLLBAR-BASE-COLOR: #000000}
/*捲軸*/(棕底深紅實框)
html{ SCROLLBAR-FACE-COLOR: #941B1B;
SCROLLBAR-HIGHLIGHT-COLOR: #BD3838;
SCROLLBAR-SHADOW-COLOR: #BD3838;
SCROLLBAR-3DLIGHT-COLOR: #CF5050;
SCROLLBAR-ARROW-COLOR: #CF5050;
SCROLLBAR-TRACK-COLOR: #570101;
SCROLLBAR-DARKSHADOW-COLOR: #150000;
SCROLLBAR-BASE-COLOR: #150000;}
/*捲軸*/(全黑捲軸)
HTML{SCROLLBAR-FACE-COLOR: #000; SCROLLBAR-HIGHLIGHT-COLOR: #000000; SCROLLBAR-SHADOW-COLOR: #000; SCROLLBAR-3DLIGHT-COLOR: #000; SCROLLBAR-ARROW-COLOR: #000000; SCROLLBAR-TRACK-COLOR: #000; SCROLLBAR-DARKSHADOW-COLOR: #000;}
BODY {Font-Family: verdana;
TEXT-ALIGN: center;}
BODY {Font-Family: verdana;
Font-Size: 13px;}

～招呼語框

/*Opacity for blast*/
#yblast .bg {zoom:1; filter:alpha(opacity:透明度); background: url(圖片網址) no-repeat}

透明度越大越不透明　　　透明度越小越透明

～性別圖

/*性別圖示*/　　　　　
#ymodprf .horos img{display:none;}
#ymodprf .horos{width:120;height:120px;background:url(登入圖網址) center no-repeat;}

(星座最好改為不顯示)

～游標

/*移到網頁時的滑鼠游標*/
body{cursor:URL(游標網址);}
a:hover{cursor:URL(游標網址);}

～訂閱圖語法

/*btnsbsrb訂閱部落格圖示*/
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;}

～標題圖語法:

/* 部 落 格 標 題 圖 */#yblogtitle h1 {display:block;float:left;background:url(標題圖網址) 0 0 no-repeat;width:圖片的寬px;height:圖片的高px;font-size:0;line-height:0;text-indent:-5000px;overflow:hidden;cursor:pointer;cursor:hand;}

～背景位置語法

body {
background-image: url(http://圖片網址.gif);
background-repeat:no-repeat ;
background-position :0% 100%;
background-attachment: fixed;}

紅色部分說明:
backgroud-position: 0% 0%; 左邊上方
backgroud-position: 0% 50%; 左邊中間
backgroud-position: 50% 0%; 中間上方
backgroud-position: 50% 50%; 正中間
backgroud-position:100% 0%; 右邊上方
backgroud-position: 0% 100%; 左邊下方
backgroud-position: 100% 50%; 右邊中間
backgroud-position: 50% 100%; 中間下方
backgroud-position: 100% 100%; 右邊下方

/*自訂按鈕框框*/
input,select{
background:#框線底色;
color: #字體顏色;
border: 1px solid #框線顏色;
FONT-SIZE: 9px;
font-family:verdana;}

色碼表http://tw.myblog.yahoo.com/angel-30121/article?mid=264&prev=343&next=225&l=f&fid=18

～去除文字底線

/*Links文章去除連結底線*/a,a:link,a:visited{color:FA007A;text-decoration: none}
a:hover{color:FA007A;background-color: FA007A;text-decoration: none;}
a {text-decoration:none}
a:hover {position: relative; top: 2px;left:2px;}

～連結浮出效果

/*Links連結浮出效果*/
a:hover{ border: 2px #文字色碼 outset }
 

～回應跟引用更換圖片語法

/*make coomment bar回應跟引用更換圖片語法*/
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;}

～部落格標題圖置中

/*Blog title*/
#yblogtitle .mbd,#yblogtitle .mft{font-size:180%;color:#000000
;font-family:新細明體; color:#D23C78;text-align:center;}
#yblogtitle .thd a{width:168px;height:40px;top:-0px;position:relative;left:0px;display:block;}
#yblogtitle .thd h1 {font-size:180%;color:white;font-family:新細明體;}

color:#D23C78　顏色

text-align:center　文字圖片置中

font-size:180%　 文字大小

～部落格文字置中

/*部落格文字置中*/
BODY {
Font-Family: verdana;
TEXT-ALIGN: center;}

隱藏區：

～隱藏更新日期攔

/*Blog latest update module隱藏更新日期欄*/
#ymodupdate{display:none}

～隱藏頁首和頁尾

/* 隱藏頁首和頁尾 */
#yhtw_masthead,#yhtw_mastfoot{display:none;}

～隱藏部落格相簿

/*Blog album module隱藏部落格相簿*/
#ymodalbum{display:none;}

/*隱藏搜尋欄位*/#boxSearch{display:none;}

/*隱藏最新回應欄位*/#boxNewComment{display:none;}

/*隱藏回應按鈕*/
div.btncomment a {display:none;}

/*隱藏回應欄位*/
#rtemodule {display:none;}

/*隱藏我的訂閱日期*/
.boxRssList1 .side{visibility:hidden;font-size: opt;}
.boxRssList1 .side span{visibility:visible;font-size:small;}

/*隱藏參觀人氣欄位*/#boxCounter{display:none;}

/*隱藏參觀人氣字樣*/.boxCountero{display:none;}

/*隱藏參觀人氣標題*/.boxCounter1{display:none;}

/*隱藏rss圖示*/.syndicate{display:none;}

/*獨立顯示留言板按鈕*/
#ymodmsgbd .mhd {display:block;}

/*獨立顯示相簿按鈕*/
#ymodalbum .mhd {display:block;}

/*隱藏內文發表日期*/
/*隱藏發文時間*/
#ypartsingle .date,#yarticle .date {display:none}

/*隱藏留言時間*/
#ymsgboard .date {display:none}

/*Profile隱藏自我介紹欄位*/
#ymodprf{display:none}

/*隱藏留言板*/
#ymsgboard {display:none;}

/*隱藏文章欄位全部文章大標題*/
.yc3pribd .mhd{display:none}

/*隱藏我要留言免受廣告干擾*/
#yblast .text a{display:none;}

*隱藏奇摩部落格網頁~頁首和頁尾欄位*/
#yhtw_masthead,#yhtw_mastfoot{display:none;}

/*隱藏奇摩部落格網頁~頁首和頁尾欄位*/
#yhtw_mastfoot{display:none;}

/*強制下方捲軸不出現*/
body{overflow-x:hidden;}

/*隱藏左右欄位標題*/
.yc3sec .mhd,.yc3sub .mhd{display:none}
.yc3sec .mbd,.yc3sub .mbd{zoom:1;filter:alpha(opacity:0)}

/*隱藏文章欄位標題*/
.yc3pribd .mhd{display:none}
.yc3pribd .mbd{zoom:1;filter:alpha(opacity:0)}