部落格版型語法 說明
ee 把 63 部落格版型語法稍作分析,內容只是多了這些註解,順序和63、64版型語法一樣《相同區塊『橫幅』,套用的語法稍有不同,已標示使用的版型 。》這樣您就能輕鬆地了解套用語法後,所顯示的位置。
部分語法來自各方前輩, ee 非常感謝各位;因為您慷慨無私的與我分享~ ee 才能更上一層。希望這些對您佈置部落格時能有所幫助~~^^
由於這兩款版型要呈現半透明視覺,所以 ee 套用於區塊上的圖片很少,佈置您的部落格時,別忘了還有些區塊可以加入美美的圖片唷!
最後 ee 還是要再次提醒您
更換設定 ~ 相同的語法必須刪除,語法重覆會干擾程式,可能造成預期的效果無法顯示哦!
/*部落格背景顏色及背景圖(固定)*/
body {background:#92B49C;background-image: url(http://hk.geocities.com/connie-ee/b01/63.gif ) 100% 0 repeat;background-attachment:fixed;background-position:center top;}
/*部落格 - 文字顏色*/
.text {color:#0049AA;font-weight:bolder;}
/*cursor 游 標*/
body{cursor:url(http://ashine0118.myweb.hinet.net/catrun2.ani);}
a:hover{cursor:url(http://ashine0118.myweb.hinet.net/music.ani);}
/*連結設定*/
a,a:link,a:visited{font-family:標楷體;color:#0049AA;text-decoration: none;}
↑【連結無底線 - 字型+字體顏色】
a:hover{color:#00BBE9;}
↑【滑鼠點到所顯示的字體顏色】
a:hover{border:3px #A6DE1F outset;font-family:細明體;}
↑【滑鼠點到顯示的框線線條顏色+字型】《更改 框線,請參考框線設定說明》
/*奇摩置頂工具列*/
#yhtw_masthead{background:#92B49C;background-image:url(http://hk.geocities.com/connie-ee/b01/63.gif );filter:alpha(opacity=100);opacity:1.0;moz-opacity:1.0;font-size:29px;}
↑【底圖+透明度+ (部落格)字體大小~設定﹞
#yhtw_masthead .mhuser div{display:inline;color:#00BBE9;font-family:標楷體;}
↑【暱稱 - 字體顏色+字型~設定】
#yhtw_masthead .mhuser div a, #xyhtw_masthead .mhuser div b{color:#00BBE9;font-family:標楷體;}
↑【會員登出、會員中心 - 字體顏色+字型 ~ 設定】
#yhtw_masthead .masthead_function strong{color:#00BBE9;font-family:標楷體;}
div.mhsch span{font-size:16px;filter:alpha(opacity=60);opacity:0.6;moz-opacity:0.6;}
div.mhsch span a{background:#92B49C;}
↑【選擇功能 - 字體顏色+字型+透明度 ~ 設定】
#yhtw_masthead a, #yhtw_masthead a:link, #yhtw_masthead a:visited{color:#00BBE9;font-family:標楷體;}
↑【服務首頁、服務說明、Yahoo!奇摩《含左方 部落格 》- 字體顏色+字型 ~ 設定】
#yhtw_masthead a:hover{color:#FF1100;font-family:細明體;}
↑【滑鼠指標靠近,改變可連結字體、顏色】《不包括選擇功能》
/*Blog title橫幅 - 圖片、字體設定*/ 『 此則語法為 63 版型所使用 』
#yblogtitle h1, #yblogtitle a {font-family:標楷體;color:#007B1D;font-size:19px;font-style:italic;font-weight:bold;}
↑【部落格標題 - 字型+字體顏色+字體大小】《字體不斜體可刪除font-style:italic;若不加重字體視覺可刪除 font-weight:bolder; 註:往下走都一樣哦!若有設定,不喜歡就把它刪了;沒設定的,您也可以加上去,看看效果如何!就隨您的意啦!》
#yblogtitle .mbd{text-align:center;padding-top:2px;}
↑【部落格標題、部落格描述 - 文字置中+部落格標題 文字與上方邊緣距離】《 若不置中可刪除text-align:center;與上方距離可調整padding-top:2px;數字》
#yblogtitle .tbd p{font-family:標楷體;color:#007B1D;font-size:19px;font-style:italic;font-weight:bold;}
↑【部落格描述 - 字型+字體顏色+字體大小】
#yblogtitle .tbd{padding-top:200px;}
↑【部落格描述 - 文字與上方邊緣距離】《拉開部落格標題與部落格描述的距離,可調整距離(數字);若不做此動作,可整句刪除》
#yblogtitle .mbd, #yblogtitle .mft{background:url(http://hk.geocities.com/connie-ee/b01/63-11.gif ) no-repeat;padding-left:50px;}
↑【透明裝飾圖片不重複+圖片與左方邊緣距離】《距離可視顯示物調整數字 》
#yblogtitle .edit {display:none;}
↑【隱藏編輯小方塊;若不隱藏,刪除整句語法】
===============================
/*Blog title橫幅 - 圖片、字體設定*/ 『 此則語法為 64 版型所使用 』
#yblogtitle .rctop {background:url(http://blog.roodo.com/5ee/ce54149b.gif ) 50% 100% no-repeat;height:390px;}
↑【裝飾圖片】《利用橫幅上邊框位置設定裝飾圖片,使部落格標題、部落格描述文字處於裝飾圖片下方,以免破壞圖片美感~^^》
#yblogtitle h1, #yblogtitle a {font-family:標楷體;color:#FFFF99;font-size:19px;font-style:italic;font-weight:bold;}
↑【部落格標題 - 字型+字體顏色+字體大小】《字體不斜體可刪除font-style:italic;若不加重字體視覺可刪除 font-weight:bolder; 註:往下走都一樣哦!若有設定,不喜歡就把它刪了;沒設定的,您也可以加上去,看看效果如何!就隨您的意啦!》
#yblogtitle .mbd{text-align:center;background:url(http:// );padding-top:10px;}
↑【部落格標題、部落格描述 - 文字置中、文字與上方裝飾圖片距離】《 若不置中可刪除text-align:center;文字與上方距離調整 padding-top:10px; 數字即可》
#yblogtitle .tbd p{font-family:標楷體;color:#FFFF99;font-size:19px;font-style:italic;font-weight:bold;}
↑【部落格描述 - 字型+字體顏色+字體大小】
#yblogtitle .edit {display:none;}
↑【隱藏編輯小方塊;若不隱藏,刪除整句語法】
/*招呼語*/
#yblast .text{font-family:標楷體;color:#007698;font-size:18px;font-weight:bold;padding-top:22px;}
↑【字型+字體顏色+字體大小+文字與上方邊緣距離】《調整字體大小時,請同時調整或刪除padding-top:22px;文字與上方邊緣距離》
#yblast .bg {filter:alpha(opacity=70);opacity:0.7; moz-opacity:0.7;}
↑《透明度更改請參考說明》
#yblast .bg {width:480px;height:20px;background:#92B49C;border-left:2px solid #737E00;border-right:5px double #76743F;border-top:2px solid #737E00;border-bottom:4px double #7A7D14;font-family:verdana;}
↑【寬度、高度+框線】《調整寬度width:480px;高度height:20px;更改數字即可,更改框線設定,請參考說明》
#yblast{text-align:center;zoom:1;margin:2px;z-index:2;}
↑【區塊、文字置中+上下區塊距離】《區塊、文字若不置中,可刪除text-align:center; 上下區塊距離調整margin:2px;數字即可》
#yblast .text a{display:none;}
↑【隱藏連結小方塊 "我要留言"字樣;若不隱藏,刪除整句語法】
/*中間欄位 (標題) */
.yc3pribd .mhd{background:#92B49C;padding-left:5px;filter:alpha(opacity=70);opacity:0.7; moz-opacity:0.7;}
↑《透明度更改請參考說明》
.yc3pribd .mhd h3{font-family:標楷體;color:#0049AA;font-size:25px;}
↑【標題字型+字體顏色+字體大小】
.yc3pribd .mhd{background:#92B49C;border-left:2px solid #737E00;border-right:5px double #76743F;border-top:2px solid #737E00;border-bottom:4px double #7A7D14;font-family:verdana;}
↑《更改框線設定,請參考說明》
/*中間欄位 - 管理此分類文章~按鍵*/
#yarticle .text q{background:#92B49C;font-family:標楷體;font-size:18px;font-weight:bold;}
↑【文章分類 (管理此分類文章) 按鍵 - 字型+字體大小~ 設定】《此項無框線設定,若欲加框線,請參考說明》
/*中間欄位 文章內容 - 標題*/
.yblogcnt .blgtitlebar h2 {padding-top:8px;font-family:標楷體;font-weight:bold;background:url(http://hk.geocities.com/connie-ee/b01/63-12.gif ) no-repeat;padding-left:60px;height:40px;}
↑【文章內容標題 - 字型+標題前小圖 】《更換 文章標題前小圖時,請同時調整文字與上方邊緣距離padding-top:8px;,更改圖片與左方的距離 padding-left:60px和圖片高度height:40px,距離和高度都必須大於圖片的寬、高,這樣圖片才能全部顯現出來。》
/*中間欄位 文章內容*/
.yc3pribd .mhd.text {color:#0049AA;font-family:標楷體;font-size:17px;font-weight:bold;}
↑【文章內容 - 字體顏色+字型+字體大小】
.yc3pribd .rcl, .yc3pribd .rcr, .yc3pribd .rcbtm, .yc3pribd .rcbtm div {filter:alpha(opacity=70);opacity:0.7; moz-opacity:0.7;}
↑《透明度更改請參考說明》
.yc3pribd .mbd, .yc3pribd .mft, #yusrintro p{background:#92B49C;border-left:2px solid #737E00;border-right:5px double #76743F;border-top:2px solid #737E00;border-bottom:4px double #7A7D14;font-family:verdana;}
↑《更改框線設定,請參考說明》
/*文章內容 (編輯、 刪除 - 按鍵 )*/
div.btnblgedit, div.btnblgdel a{font-family:標楷體;font-size:17px;font-weight:bold;}
div.btnblgedit, div.btnblgdel{background:#92B49C;background:url(http:// );border:2px double #03747B;}
↑【 字型+字體大小+框線設定】《可加入背景底圖,更改框線設定,請參考說明》
/*文章內容 (檢舉 - 按鍵 )*/
div.btnblgreport a{font-family:標楷體;font-size:18px;font-weight:bold;}
div.btnblgreport {background:#92B49C;background:url(http:// );border:2px dotted #007698;}
↑【字型+字體大小+邊框設定】《 格友進入文章內容就能瞧見檢舉按鍵,註:此項板主需登出,進入文章內容觀看,可加入背景底圖,更改框線設定,請參考說明》
/*文章內回應板*/
#postrte, div.privacy{font-family:標楷體;color:#FFFF00;font-weight:bold;font-size:16px;}
↑【隱藏設定、 公開回覆、 隱藏回覆 - 字型+字體顏色+字體大小】
#postrte, rteNote{font-family:標楷體;color:#FF1100;font-weight:bold;font-size:16px;}
↑【觀看HTML 原始碼、※ 提醒您(整句) - 字型+字體顏色+字體大小】
/*部落格檔案、個人資料、自我介紹*/
table#bloginfo th {background:url(http://); font-family:標楷體;color:#005557;font-weight:bold;font-size:18px;text-align:center;}
↑【部落格檔案(內容)標題 - 字型+字體顏色+字體大小(置中)】《文字不置中可刪除語法 text-align:center;》
#bloginfo td{background:url(http://); font-family:標楷體;color:#FFFF00;font-weight:bold;font-size:18px;}
↑【部落格檔案(內容)介紹 - 字型+字體顏色+字體大小】
table#usrinfo th{background:url(http://); font-family:標楷體;color:#005557;font-weight:bold;font-size:18px;text-align:center;}
↑【個人資料內容(名稱) - 字型+字體顏色+字體大小(置中)】《字體不置中可刪除語法 text-align:center;》
#usrinfo td{background:url(http://); font-family:標楷體;color:#FFFF00;font-weight:bold;font-size:18px;}
↑【個人資料(內容)介紹- 字型+字體顏色+字體大小】
#ybloginfo table, #yusrinfo table{background:#92B49C;background:url(http://);}
↑【部落格檔案、個人資料 - 背景底色設定】
div#yusrintro p{font-family:標楷體;color:#045B9E;font-weight:bold;font-size:18px;}
↑【自我介紹(內容)- 字型+字體顏色+字體大小】
div#yusrintro p{background:#92B49C;background:url( http:// ); filter:alpha(opacity=50);opacity:0.5; moz-opacity:0.5;}
↑【自我介紹(內容)- 透明度設定】《透明度更改請參考說明》
/*部落格檔案 檢舉 按鍵*/
#ybloginfo span a{font-family:標楷體;color:#0049AA;font-size:18px;font-weight:bold;}
#ybloginfo span{background:#92B49C;border:2px dotted #007698;}
↑【部落格檔案 檢舉 按鍵 - 字型+字體大小+框線】《註:此項板主需登出觀看;更改框線設定,請參考說明》
/*留言板*/
/*編輯管理(我要留言)~按鍵*/
#ymsgboard .rcr q{background:#92B49C;font-family:標楷體;font-size:18px;font-weight:bold;}
↑【 編輯管理=我要留言 按鍵 - 字型+字體大小】《此項無框線設定,若欲加框線,請參考說明》
/* 檢舉、加入黑名單 ~按鍵*/
div.cmntusrinfo span a, div.cmntusrinfo.reportbtns span a{font-family:標楷體;color:#0049AA;font-size:17px;font-weight:bold;}
div.cmntusrinfo span, div.cmntusrinfo.reportbtns span{background:#92B49C;border:2px dotted #007698;}
↑【留言板&回覆留言板、文章內(格友引用、回應後顯示) - 字型+字體顏色+字體大小+框線】《更改框線設定,請參考說明》
/*回覆、刪除、取消、選擇全部、取消全部 - 按鍵*/
div.btncmntdel, div.btncmntre{background:#92B49C;background:url(http:// );border:2px double #03747B;font-size:16px;font-family:verdana;}
↑【包含文章內回應板、回應列表 - 框線設定+字體大小】《更改框線設定,請參考說明》
div#ymngmsg q span{background:#92B49C;border:2px dotted #03747B;}
div#ymngmsg q span a{color:#9D0044;}
↑【刪除、取消 - 框線+字體顏色】《更改框線設定,請參考說明》
#ymngmsg .mhd.text.actionbar{background:url(http:// );}
div#ymngmsg span{background:#92B49C;background:url(http:// );font-family:標楷體;color:#9D0044;font-size:19px;font-weight:bold;}
↑【選擇全部、取消全部 - 字型+字體顏色+字體大小】
/*版主~回覆留言區塊*/
#yreplymsg label{font-family:標楷體;color:#FFFF00;font-weight:bold;font-size:16px;}
↑【公開回覆、隱藏回覆、觀看HTML原始碼 - 字型+字體顏色+字體大小】
#yreplymsg td{font-family:標楷體;color:#FF1100;font-weight:bold;font-size:16px;}
↑【※ 提醒您(整句) - 字型+字體顏色+字體大小】
#yreplymsg table {background:#b39f8c;background:url(http:// );}
#yreplymsg table{border-top:5px double #7A7D14;font-family:verdana;}
↑【回覆留言區塊框線設定】《更改框線設定,請參考說明》
/*訪客~留言區塊*/
div#postrte th{background:#92B49C;background:url(http:// );font-family:標楷體;color:#006161;font-weight:bold;font-size:18px;}
↑【留言者、隱藏設定、留言內容 - 字型+字體顏色+字體大小】
div#postrte td{font-family:標楷體;color:#007698;font-weight:bold;font-size:18px;}
↑【暱稱、公開回覆、隱藏回覆 - 字型+字體顏色+字體大小】
div#caption{font-family:標楷體;color:#FF00FF;font-weight:bold;font-size:16px;}
↑【觀看HTML原始碼 - 字型+字體顏色+字體大小】
div#rteNote{font-family:標楷體;color:#FF1100;font-weight:bold;font-size:17px;}
↑【※ 提醒您(整句) - 字型+字體顏色+字體大小】
註:訪客留言區塊語法設定~訪客留言時,才看得到;版主必須登出,給自己留言~讚美讚美自己吧!
/*相簿點閱區*/
/*自動播放 按鍵、相簿分類*/
#yphtgallery .text q{background:#92B49C;font-family:標楷體;font-size:18px;font-weight:bold;}
#yphtgallery .text q a{color:#FF1100;font-size:18px;}
↑【自動播放 - 字型+字體顏色+字體大小】《此項無框線設定,若欲加框線,請參考說明》
select, option {background:#92B49C;font-family:標楷體;color:#A6DE1F;font-size:17px;font-weight:bolder;}
↑【全部相片(點選相簿分類) 字型+字體顏色+字體大小】
#yphtsingle .text q{background:#92B49C;font-family:標楷體;font-size:18px;font-weight:bold;}
#yphtsingle .text q a{color:#FF1100;}
↑【自動播放 - 字型+字體顏色+字體大小】《位於 點閱進入單張相片內;此項無框線設定,若欲加框線,請參考說明》
/*選擇全部、取消全部*/
#yphtgallery .actionbar {background:#92B49C;background:url(http:// );font-family:標楷體;color:#AE1870;font-size:17px;font-weight:bolder;}
↑【 字型+字體顏色+字體大小】
/*更換相簿、發表..... (按鍵)*/
div.buttonmenu{background:#92B49C;color:#FF1100;filter:alpha(opacity=60);opacity:0.6;moz-opacity:0.6;}
↑【更換分類內藏相簿分類選單 - 字體顏色+透明度】《透明度更改請參考說明》
table#datatable td input{background:url(http:// );width:22px;}
↑【相片勾選框寬度】
#yphtgallery, button{font-family:標楷體;color:#ffffff;font-size:15px;font-weight:bolder;}
div.actionbar span{background:#92B49C;border:2px dotted #007698;}
↑【字型+字體顏色+字體大小+框線】《包含 點閱進入單張相片內,更換分類、發表、修圖...及回應列表的刪除、加入黑名單等按鍵;更改框線,請參考說明》
/*回應列表欄 - 設定*/
#ycmntlist .mhd {text-align:center;}
↑【最上層 - (回應列表 )字體置中】
#ycmntlist .mbd, #ycmntlist .mbd{background:#92B49C;text-align:center;}
↑【第二層 (文章、相片回應) - 字體置中】《字體不置中可刪除text-align:center;》
#ycmntlist .mbd li strong {background:url(http:// );font-family:標楷體;color:#FF1100;font-size:23px;font-weight:bolder;}
#ycmntlist .mbd li a{background:url(http:// );font-family:標楷體;color:#0049AA;font-size:20px;font-weight:bolder;}
↑【第二層 (文章回應、相片回應) - 字型+字體顏色+字體大小】《點閱時,頁面文字顏色變化設定,欲加框線,請參考框線說明》
#ycmntlist .actionbar {font-family:標楷體;color:#AE1870;}
↑【(總回應篇數) - 字型+字體顏色】
#ycmntlist table th {background:#92B49C;background:url(http:// );font-family:標楷體;font-size:19px;color:#A6DE1F;font-weight:bolder;text-align:center;}
↑【回應標題(回應內容) - 字型+字體顏色+字體大小(置中)】《文字若不置中,可刪除text-align:center;》
#ycmntlist .listbd {background:url(http:// );color:#03747B;font-size:17px;font-weight:bolder;}
↑【回應者內容、回應時間 - 字體顏色+字體大小】《包括(總回應篇數)字體大小》
#ycmntlist .reply {background:url(http:// );font-family:標楷體;font-size:19px;color:#CD8E0A;font-weight:bolder;}
↑【格主回應 - 字型+字體顏色+字體大小】
#ycmntlist .listbd a {font-family:標楷體;font-size:18px;color:#008E37;font-weight:bolder;}
↑【文章標題、回應者+暱稱、回應的時間 - 字型+字體顏色+字體大小】
#ycmntlist .mft , #ycmntlist .mft a {background:#92B49C;font-size:16px;color:#9D0044;font-weight:bolder;text-align:center;}
↑【底層 (頁數列) - (下一頁、頁數)字體顏色+字體大小】
#ycmntlist strong {font-size:17px;color:#A6DE1F;font-weight:bolder;}
↑【底層 (頁數列) - 點閱頁面,頁數字體顏色+字體大小】
/*我的訂閱~分類列表*/
#ysbscrblist .actionbar {background:url(http:// );color:#AE1870;font-size:17px;font-weight:bolder;}
↑【選擇全部、取消全部 - 字體顏色+字體大小】
#ysbscrblist thead th{background:#92B49C;background:url(http:// );font-family:細明體;color:#DDA600;font-size:18px;font-weight:bolder;}
↑【格友資料欄~標題 - 字型+字體顏色+字體大小】
#ysbscrblist table{background:url(http:// );}
tbody td{font-family:細明體;color:#03747B;font-size:18px;font-weight:bold;}
↑【格友資料欄~部落格描述 - 字型+字體顏色+字體大小】
/*INPUT搜尋、預覽、確認、取消+框線*/
input, action{background:#92B49C;border:2px dotted #03747B;font-size:15px;color:#ffffff;font-family:verdana;}
↑【左右欄搜尋區塊、文章回應區塊-預覽、取消 按鍵、留言版回覆留言區塊 - 確認、取消 按鍵、其他勾選框 「包括回應列表、相簿點閱區」 - 框線+字體大小+字體顏色】《更改框線設定,請參考說明》
/*欄位寬調整 - 左190px右160px-中間縮*/
.thrcol .yc3mainbd {margin-left:190px;}
.thrcol .yc3pribd {margin-right:164px;}
.thrcol .yc3sec {position:absolute;width:190px;left:5px; }
.thrcol .yc3subbd {width:160px;}
↑【不調整欄位寬度,可刪除此項語法】
/*左右欄標題+框線*/
.yc3sec .mhd, .yc3subbd .mhd, , .yc3sec .mhd a, .yc3sec .mhd a:link, .yc3sec .mhd a:visited{font-family:verdana;filter:alpha(opacity=70);opacity:0.7; moz-opacity:0.7;font-size:17px;font-family:標楷體;color:#0049AA;font-weight:bolder;text-align:center;}
↑【透明度+字體大小+字型+字體顏色(置中) 】《更改透明度設定,請參考說明;文字不置中可刪除→ text-align:center 》
.yc3sec .mhd h3, .yc3sub .mhd h3{background:url(http://hk.geocities.com/connie-ee/b01/63-09.gif );border-left:2px solid #737E00;border-right:5px double #76743F;border-top:2px solid #737E00;border-bottom:4px double #7A7D14;}
↑【背景底圖+框線】《更改框線設定,請參考說明》
.yc3sec .mhd a:visited,.yc3subbd .mhd a:visited{background:url(http://) ;color:#FA7B1B;text-align:center;}
↑【左右欄 ~ 留言板、部落格相簿 - 字體顏色(文字置中)】《 文字不置中可刪除→ text-align:center》
.yc3sec .mhd a:visited,.yc3subbd .mhd a:visited{font-size:18px;}
↑【左右欄 ~ 留言板、部落格相簿 - 字體大小】《字體大小更改font-size:18px;數字即可》
/*左右欄內容*/
.yc3sec .mbd, .yc3subbd .mbd, .yc3sec .mft, .yc3subbd .mft {background:#92B49C;border-left:2px solid #737E00;border-right:5px double #76743F;border-top:2px solid #737E00;border-bottom:4px double #7A7D14;font-family:標楷體;font-size:15px;}
↑【框線+字型+字體大小】《更改 框線,請參考框線設定說明》
.yc3subbd .rcl, .yc3subbd .rcr, .yc3subbd.rcbtm, .yc3subbd.rcbtm, .yc3sec .rcl, .yc3sec .rcr, .yc3sec .rcbtm, .yc3sec .rcbtm div {filter:alpha(opacity=70);opacity:0.7; moz-opacity:0.7;}
↑《透明度更改請參考說明》註:透明度包括左右欄標題】
/*左右欄內容、標題間隙+小圖+括號顏色*/
.ycntmod .mbd ul.list li {margin-bottom:10px;background:url(http://hk.geocities.com/connie-ee/b01/63-13.gif ) no-repeat;color:#0049AA;padding-left:16px;}
↑【標題間隙(上下)請調整→ margin-bottom:10px 數字越大間隙越大】【標題前小圖不重複+括號顏色】【調整文字與左邊距離→ padding-left:16px;數字越大,距離越寬】註:調整邊緣距離,視顯示物調整或省略。
/*更新日期前小圖*/
#ymodupdate .mbd .date{background:url(http://desk.blueidea.com/QTZY/GIF/gif_icon/gif_icon015.gif ) no-repeat;height:35px;padding-left:53px;padding-top:13px;font-size:11px;}
↑【小圖不重複(圖片高度height:35px;)+文字與左方、上方邊緣距離+日期字體大小→ font-size:11px; 】《調整邊緣距離,請參考上則》《此項小圖圖片略大些,更換圖片時,記得調整文字與邊緣距離唷!》
/*所有文章、更多回應*/
.ycntmod .mbd ul.list li.more {background:url(http://hk.geocities.com/connie-ee/b01/63-14.gif ) no-repeat;font-size:16px;font-weight:bold;padding-right:10px;}
↑【小圖不重複+字體大小+文字與右邊邊緣距離】《調整邊緣距離,請參考上則》
/*訂閱圖片*/
div#btnsbsrb_nologin a, div#btnsbsrb a {display:block;width:135px;height:33px;overflow:hidden;background:url(http://hk.geocities.com/connie-ee/b01/63-01.gif ) no-repeat;padding-right:5px;}
↑【板主需登出才能看到美美的訂閱圖片唷!】
/*引用、回應make coomment bar*/
div.btntrackback a {display:block;width:82px;height:33px;background:url( http://hk.geocities.com/connie-ee/b01/63-02.gif ) no-repeat;}
div.btncomment a {display:block;width:82px;height:33px;background:url( http://hk.geocities.com/connie-ee/b01/63-03.gif ) no-repeat;}
↑【把文章內 引用、回應 按鍵換上美美的圖片,註:回應圖片包含相簿區】
/*edit M blog title三按鍵換圖*/
div.btncompose a{display:block;width:97px;height:23px;overflow:hidden;background:url(http://hk.geocities.com/connie-ee/b01/63-04.gif ) no-repeat;}
div.btnphoto a{display:block;width:97px;height:23px;overflow:hidden;background:url(http://hk.geocities.com/connie-ee/b01/63-05.gif ) no-repeat;}
div.btnsetup a{display:block;width:97px;height:23px;overflow:hidden;background:url(http://hk.geocities.com/connie-ee/b01/63-06.gif ) no-repeat;}
↑【位於 橫幅 - 發表文章、上傳相片、管理部落格 按鍵】
/*edit module profile上傳個人相片編輯個人檔案*/
div.btnulprfphoto a {display:block;height:23px;background:url(http://hk.geocities.com/connie-ee/b01/63-07.gif ) center top no-repeat;}
div.btneditprf a {display:block;height:23px;background:url(http://hk.geocities.com/connie-ee/b01/63-08.gif ) center top no-repeat;}
↑【位於左右欄,美美的個人相片 ~ 自我介紹欄,上傳個人相片及編輯個人檔案 按鍵】
/*自我介紹欄位 性別 圖片檔變更設定*/
#ymodprf .horos img{display:none;}
#ymodprf .horos{width:130px;height:113px;background:url( http://hk.geocities.com/connie5ee/a01/34-8.gif ) center no-repeat;}
↑【位於左右欄,美美的個人相片 ~ 自我介紹欄,上傳個人相片及編輯個人檔案 按鍵 中間】
/*回應欄位加圖片*/
#yartcmt .pagination strong{display:none;}
#yartcmt .pagination{height:125px;background:url( http://hk.geocities.com/connie-ee/b01/63-10.gif ) no-repeat;background-position:center;}
↑【位於文章內,回應欄上方】
↑【上列幾項 ~更換 圖片時,請隨著圖片更改圖片的寬度 width:130px;數字 和圖片高度 height:40px;數字】
/*SCROLL BAR捲軸*/
html {
scrollbar-face-color:#92B49C;
scrollbar-track-color:#92B49C;
scrollbar-arrow-color:#FFFFFF;
scrollbar-3dlight-color:#FFFFFF;
scrollbar-highlight-color:#FFFFFF;
scrollbar-shadow-color:#FFFFFF;
scrollbar-darkshadow-color:#FFFFFF;}
↑【更改色碼#FFFFFF 變換顏色】
/*無框線*/
.ycntmod {width:100%;position:relative;margin-bottom:10px;overflow:hidden;}
.ycntmod .rctop {background:left top no-repeat;margin-right:5px;}
.ycntmod .rctop div {background:right top no-repeat;height:5px;font-size:0;position:relative;right:-5px;}
.ycntmod .rcbtm {background:left bottom no-repeat;margin-right:5px;}
.ycntmod .rcbtm div {background:right bottom no-repeat;height:5px;font-size:0;position:relative;right:-5px;}
.ycntmod .rcl {padding-left:5px;background:repeat-y;}
.ycntmod .rcr {padding-right:5px;background:right repeat-y;}
.ycntmod .text {position:relative;word-break:break-all;}
.yc3pribd .ycntmod{overflow:visible;}
.yc3pribd .ycntmod .yblogcnt{overflow:hidden;}
↑【不隱藏白色框線,可刪除此項語法】
/*隱藏雅虎頁尾 */
#yhtw_mastfoot{display:none;}
↑【不隱藏,可刪除語法】
簡單說明,更改框線及透明度~^^
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
線條樣式 → outset:立體浮出線、dotted:點線、dashed:虛線、solid:實線、inset:嵌入線、ridge:立體凸出(背脊形)、double:雙線、groove:凹溝線、none:無邊框。
顯示方位→ top:上、bottom:下、left:左、right:右。
邊框:《此次版型套用兩種》
例(1)↓【中間欄位 (文章標題)】
.yc3pribd .mhd{background:#92B49C;border-left:2px solid #737E00;border-right:5px double #76743F;border-top:2px solid #737E00;border-bottom:4px double #7A7D14;font-family:verdana;}
左方→ border-left:2px solid #737E00;
右方→ border-right:5px double #76743F;
上方→ border-top:2px solid #737E00;
下方→ border-bottom:4px double #7A7D14;
四個邊不變
更改線條粗細→border-left:2px solid #737E00; 線條隨數字大小變動。
更改線條樣式→border-left:2px solid #737E00; 參考線條樣式更換。
更改線條顏色→border-left:2px solid #737E00; 參考色碼表更換。
簡單吧!若您只想呈現右方和下方框線;那麼,將左方和上方語法內整句刪除即可。
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
例(2)↓【文章內容 (編輯、 刪除 - 按鍵 ) 底色+文字+框線設定】
div.btnblgedit, div.btnblgdel, div.btnblgreport {background:#92B49C;background:url(http:// );border:2px dashed #0049AA;font-size:18px;font-weight:bold;font-family:verdana;}
這種邊框設定最簡單 → border:2px dashed #0049AA;
更改線條粗細(2px) 、線條樣式 (dashed)、線條顏色色碼( #0049AA)即可。
透明度:
透明度更改→filter:alpha(opacity=70); opacity:0.7; moz-opacity:0.7;更改數字即可。
↑【設定時兩種不同瀏覽器↓的語法都必須使用;不管 格友 用的是哪種瀏覽器,才會呈現相同的效果唷!】
IE瀏覽器→ filter:alpha(opacity=100);【0 ~ 100,0 → 全透明,100 → 不透明】
FIREFOX瀏覽器→ opacity:1.0; moz-opacity:1.0;【0 ~ 1,0 → 全透明,1 → 不透明】
留言列表