部落格版型語法 說明

 

  ee 把 63 部落格版型語法稍作分析,內容只是多了這些註解,順序和63、64版型語法一樣《相同區塊『橫幅』,套用的語法稍有不同,已標示使用的版型 。》這樣您就能輕鬆地了解套用語法後,所顯示的位置。

部分語法來自各方前輩, ee  非常感謝各位;因為您慷慨無私的與我分享~  ee 才能更上一層。希望這些對您佈置部落格時能有所幫助~~^^

請按觀看 → 63 ~ 部落格版型、預覽圖

請按觀看 → 64 ~ 部落格版型、預覽圖

由於這兩款版型要呈現半透明視覺,所以  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 → 不透明】

arrow
arrow
    全站熱搜
    創作者介紹
    創作者 amman0713 的頭像
    amman0713

    我ㄉ心世界

    amman0713 發表在 痞客邦 留言(1) 人氣()