目前分類:部落制作教學 (26)

瀏覽方式: 標題列表 簡短摘要

部落格版型語法 說明

 

  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 → 不透明】

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

引用請一併帶走~

這 兩 天 錦 瑟 ㄉ 右 手 真 是 痛 到 不 行....

從 沒 有 這 麼 痛 過...

不 知 是 不 是 復 健 過 頭 ㄌ 還 是 怎 樣...

總 歸 一 句 就 是 『   好 痛 ㄚ!!!  』~_~"

☆版型預覽圖☆


 

※↑轉貼展示圖需將圖片另存後在編輯文章時,

按下【選擇相片】→【從我的電腦中挑選】上傳加入文章內。

*展示圖是無法直接複製轉貼的

 語法版權所有

 語法分享(請自行copy):

/*Links 連結字體&動態加框*/
a, a:link, a:visited{color:#cc0066;text-decoration:none;}
a:hover{color:#FF3771;border-bottom-style:dotted;border-bottom-color:#D78F2A;border-bottom-width:1px;border-top-style:none;border-top-color:#D78F2A;border-top-width:1px;position:relative;top:1px;left:1px;}

/*奇摩置頂管理語法-顏色設定*/
#yhtw_masthead a, #yhtw_masthead a:link, #yhtw_masthead a:visited, #yhtw_masthead a:hover, #yhtw_masthead .mhuser div, #yhtw_masthead .mhuser div a, #yhtw_masthead .mhuser div b, #yhtw_masthead .masthead_function strong{color:#A10057;}
#yhtw_masthead{margin-bottom:0px;}

/*招呼語不放背景及文字顏色設定*/
#yblast .bg {filter:alpha(opacity=0);opacity:0;}; background: transparent no-repeat;}
#yblast .text{color:#FF72A3;}

/*Blog title 標題字體&無底色透明*/
#yblogtitle .mbd, #yblogtitle .mft{background:transparent;color:#ff0000;text-align:center;}
#yblogtitle h1{font-family:標楷體;color:#ff99cc;font-weight:bolder;}
#yblogtitle .mbd a{font-size:20px;}
#yblogtitle .tbd p{font-size:16px;font-family:標楷體;}
#yblogtitle .tbd{height:10px;}
#yblogtitle .tbd{margin-left:50px;margin-right:50px;}

/*大標題圖背景+重覆底背景*/
#yhtw_masthead {background:url(http://i024.radikal.ru/0806/d8/5dcd1c156852.gif) transparent no-repeat;height:382Px;background-position:center top;opacity:1.0;}
body {background-color:#feccdb;background-image:url(http://i040.radikal.ru/0806/8c/85bfcdf43f00.gif);background-repeat:repeat-y;background-position:top center;}
#yblogtitle .rctop div{background:transparent right top no-repeat;height:0px;right:-0px;}
#yblogtitle .rcl{background:transparent repeat-y;}
#yblogtitle .rcr{background:transparent right repeat-y;}
#yblogtitle .rcbtm {zoom:1;background:transparent left bottom no-repeat;margin-right:0px;}
#yblogtitle .rcbtm div {background:transparent right bottom no-repeat;height:0px;right:-0px;}

/*two col layout 二欄式版面加大寬度設定*/
.twocolga #yhtw_mastfoot, .twocoldr #yhtw_mastfoot {width:980px;margin:0 auto;}
.twocolga[class], .twocoldr[class]{min-width:980px;}
.twocolga .ycnt3col, .twocoldr .ycnt3col {width:980px;text-align:left;margin:0 auto;}

/*三欄式版面寬度設定*/
.thrcol #yhtw_mastfoot {margin:0 auto;}
.thrcol[class]{min-width:980px;}
.thrcol .ycnt3col {width:980px;text-align:left;margin:0 auto;}

/*側欄區上標*/
.yc3sec .mhd, .yc3subbd .mhd, .yc3sec .mhd a, .yc3subbd .mhd a, .yc3sec .mhd a:link, .yc3subbd .mhd a:link, .yc3sec .mhd a:visited, .yc3subbd .mhd a:visited{background:transparent;color:#ff0000;text-align:center;}

/*Nav module body側欄區內文*/
.yc3sec .mbd, .yc3subbd .mbd, .yc3sec .mft, .yc3subbd .mft{background:transparent;color:#ffffff;}

/*Main content header文章區上標*/
.yc3pribd .mhd{background:#FFEBF5;color:#ff0000;font-family:標楷體;font-size:19px;text-align:center;}

/*Main content body文章內文及文章區*/
.yc3pribd .mbd{background:transparent;color:#690120;}
.yc3pribd .mft, #yreplymsg table, #ysbscrblist table, #ybloginfo table, #yusrinfo table, #yusrintro p {background:transparent;color:#FFB400;}
#ymodcal .mbd td strong {color:#EF0409;}

/*Scrollbar捲軸*/
html{SCROLLBAR-FACE-COLOR:#fcb4b4;
SCROLLBAR-HIGHLIGHT-COLOR:#fcd8d8;
SCROLLBAR-SHADOW-COLOR:#fcd8fc;
SCROLLBAR-3DLIGHT-COLOR:#fc0000;
SCROLLBAR-ARROW-COLOR:#fc0000;
SCROLLBAR-TRACK-COLOR:#fcd8d8;
SCROLLBAR-DARKSHADOW-COLOR:#fc0000;}

.text {color:#ff0000;}
.yc3pribd .text {color:#690120;}

.ycntmod .mbd ul.list li {BACKGROUND:url(http://www.zyxr.com/icon/20071002/j_icon/zyxr_0353.gif) no-repeat 0% 0%;padding-left:22px;COLOR:#FF8284;BORDER-TOP:2px dotted;BORDER-RIGHT:2px dotted;BORDER-LEFT:2px dotted;BORDER-BOTTOM:2px dotted;}

/*滑鼠*/
body{cursor:url(http://ruby-pink.myweb.hinet.net/ppp/coney01.ani);}
a:hover {cursor:url(http://ruby-pink.myweb.hinet.net/ppp/coney02.ani);}

/*文章前小圖設定*/
.yblogcnt .blgtitlebar {margin-bottom:10px;}
.yblogcnt .blgtitlebar h2 {background:url(http://i010.radikal.ru/0806/3a/20dc36d91d54.gif) no-repeat;padding-left:65px;height:75px;}
.yblogcnt .blgtitlebar h2 a {padding-right:60px;}

/*左右欄位小圖*/
.ycntmod .mbd ul.list li{background-image:url(http://www.zyxr.com/icon/20071002/j_icon/zyxr_0353.gif);background-repeat:no-repeat;padding-left:22px;padding-top:10px;}

/*Module latest upup改變(更新日期前面小圖)*/
#ymodupdate .mbd .date{background:url(http://i025.radikal.ru/0803/06/3124c976c325.gif) left center no-repeat;padding-left:13px;font-size:89%;font-family:verdana;}

/*性別圖示*/
#ymodprf .horos img{display:none;}
#ymodprf .horos{width:79px;height:167px;background:url(http://i046.radikal.ru/0806/90/b05553c0c192.gif) center no-repeat;}

/*shared rounded corner for all modules 無框語法*/
.ycntmod {width:100%;position:relative;margin-bottom:15px;overflow:hidden;}
.ycntmod .rctop {zoom:1;background:transparent left top no-repeat;margin-right:0px;}
.ycntmod .rctop div {background:transparent right top no-repeat;height:0px;font-size:0;position:relative;right:-0px;}
.ycntmod .rcbtm {zoom:1;background:transparent left bottom no-repeat;margin-right:0px;}
.ycntmod .rcbtm div {background:transparent right bottom no-repeat;height:0px;font-size:0;position:relative;right:-0px;}
.ycntmod .rcl {padding-left:0px;background:transparent repeat-y;}
.ycntmod .rcr {zoom:1;padding-right:0px;background:transparent right repeat-y;}
.ycntmod .text {position:relative;word-break:break-all;}
.yc3pribd .ycntmod{overflow:visible;}
.yc3pribd .ycntmod .yblogcnt{overflow:hidden;}

/*文章框*/
.yc3pribd .rctop {zoom:1;background:url(http://i032.radikal.ru/0806/09/0d0c932984b8.gif) left bottom no-repeat;margin-right:3px;}
.yc3pribd .rctop div {background:url(http://i043.radikal.ru/0806/3a/2de4871eb365.gif) right bottom no-repeat;height:42px;font-size:0;position:relative;right:-3px;}
.yc3pribd .rcbtm {zoom:1;background:url(http://i039.radikal.ru/0806/fa/30f99d1e6292.gif) left bottom no-repeat;margin-right:3px;}
.yc3pribd .rcbtm div {background:url(http://i011.radikal.ru/0806/c1/cd97f63e0903.gif) right bottom no-repeat;height:30px;font-size:0;position:relative;right:-3px;}
.yc3pribd .rcl {padding-left:6px;background:url(http://i022.radikal.ru/0806/eb/8eb73ade34da.gif) repeat-y;}
.yc3pribd .rcr {zoom:1;padding-right:6px;background:url(http://i020.radikal.ru/0806/5e/472961168d6f.gif) right top repeat-y;}
.yc3pribd .yc3pribd{overflow:visible;}
.yc3pribd .yc3pribd .yblogcnt{overflow:hidden;}

/*側欄區框線*/
.yc3sec .rctop, .yc3sub .rctop {zoom:1;background:url(http://i026.radikal.ru/0806/6f/80ce5cfe318c.gif) left top no-repeat;margin-right:0px;}
.yc3sec .rctop div, .yc3sub .rctop div {background:right top no-repeat;height:60px;font-size:0;position:relative;right:-0px;}
.yc3sec .rcbtm, .yc3sub .rcbtm {zoom:1;background:url(http://i008.radikal.ru/0806/35/d8511ed684f1.gif) left bottom no-repeat;margin-right:0px;}
.yc3sec .rcbtm div, .yc3sub .rcbtm div {background:right bottom no-repeat;height:50px;font-size:0;position:relative;right:-0px;}
.yc3sec .rcl, .yc3sub .rcl {padding-left:7px;background:url(http://i020.radikal.ru/0806/b4/3da2ff1d4854.gif) repeat-y;}
.yc3sec .rcr, .yc3sub .rcr {zoom:1;padding-right:7px;background:right repeat-y;}
.yc3pribd .ycntmod{overflow:visible;}
.yc3pribd .ycntmod .yblogcnt{overflow:hidden;}

/*訂閱圖*/
div#btnsbsrb a{display:block;width:98px;height:100px;overflow:hidden;background:url(http://i008.radikal.ru/0806/5e/55ee9a23c601.gif) no-repeat;margin:0;}
div#btnsbsrb_nologin a{display:block;width:98px;height:100px;overflow:hidden;background:url(http://i008.radikal.ru/0806/5e/55ee9a23c601.gif) no-repeat;margin:0;}

/*回應引用圖*/
div.btncomment a {display:block;height:81px;width:76px;background:url(http://i007.radikal.ru/0806/49/7340aa56e4b9.gif) no-repeat;}
div.btntrackback a {display:block;height:81px;width:76px;background:url(http://i033.radikal.ru/0806/ae/3f0e2f1049e3.gif) no-repeat;}

 

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

引用請一併帶走~

明 天 就 是 一 年 一 度 ㄉ 端 午 佳 節....

粽 子 雖 然 好 吃 但 是 不 好 消 化...

還 是 別 吃 太 多 喔 !!

祝 大 家 端 午 假 期 平 安 愉 快~~

☆版型預覽圖☆


 

※↑轉貼展示圖需將圖片另存後在編輯文章時,

按下【選擇相片】→【從我的電腦中挑選】上傳加入文章內。

*展示圖是無法直接複製轉貼的

 語法版權所有

 語法分享(請自行copy):

/*Links 連結字體&動態加框*/
a, a:link, a:visited{color:#A10057;text-decoration:none;}
a:hover{color:#FF3771;border-bottom-style:dotted;border-bottom-color:#D78F2A;border-bottom-width:1px;border-top-style:none;border-top-color:#D78F2A;border-top-width:1px;position:relative;top:1px;left:1px;}

/*奇摩置頂管理語法-顏色設定*/
#yhtw_masthead a, #yhtw_masthead a:link, #yhtw_masthead a:visited, #yhtw_masthead a:hover, #yhtw_masthead .mhuser div, #yhtw_masthead .mhuser div a, #yhtw_masthead .mhuser div b, #yhtw_masthead .masthead_function strong{color:#A10057;}
#yhtw_masthead{margin-bottom:0px;}

/*招呼語不放背景及文字顏色設定*/
#yblast .bg {filter:alpha(opacity=0);opacity:0;}; background: transparent no-repeat;}
#yblast .text{color:#FF72A3;}

/*Blog title 標題字體&無底色透明*/
#yblogtitle .mbd, #yblogtitle .mft{background:transparent;color:#FFAFD6;text-align:center;}
#yblogtitle h1{font-family:標楷體;color:#FF55A8;font-weight:bolder;}
#yblogtitle .mbd a{font-size:20px;}
#yblogtitle .tbd p{font-size:16px;font-family:標楷體;}
#yblogtitle .tbd{height:0px;}
#yblogtitle .tbd{margin-left:50px;margin-right:50px;}

/*大標題圖背景+重覆底背景*/
#yhtw_masthead {background:url(http://i042.radikal.ru/0806/c1/65ba0bd90d48.gif) transparent no-repeat;height:312Px;background-position:center top;opacity:1.0;}
body {background-color:#FFAFD6;background-image:url(http://i015.radikal.ru/0806/01/2503a95fb869.gif);background-repeat:repeat-y;background-position:top center;}
#yblogtitle .rctop div{background:transparent right top no-repeat;height:0px;right:-0px;}
#yblogtitle .rcl{background:transparent repeat-y;}
#yblogtitle .rcr{background:transparent right repeat-y;}
#yblogtitle .rcbtm {zoom:1;background:transparent left bottom no-repeat;margin-right:0px;}
#yblogtitle .rcbtm div {background:transparent right bottom no-repeat;height:0px;right:-0px;}

/*two col layout 二欄式版面加大寬度設定*/
.twocolga #yhtw_mastfoot, .twocoldr #yhtw_mastfoot {width:980px;margin:0 auto;}
.twocolga[class], .twocoldr[class]{min-width:980px;}
.twocolga .ycnt3col, .twocoldr .ycnt3col {width:980px;text-align:left;margin:0 auto;}

/*two col layout 三欄式版面加大寬度設定*/
.thrcol #yhtw_mastfoot {margin:0 auto;}
.thrcol[class]{min-width:980px;}
.thrcol .ycnt3col {width:980px;text-align:left;margin:0 auto;}

/*側欄區上標*/
.yc3sec .mhd, .yc3subbd .mhd, .yc3sec .mhd a, .yc3subbd .mhd a, .yc3sec .mhd a:link, .yc3subbd .mhd a:link, .yc3sec .mhd a:visited, .yc3subbd .mhd a:visited{background:transparent;color:#FF91C7;text-align:center;}

/*Nav module body側欄區內文*/
.yc3sec .mbd, .yc3subbd .mbd, .yc3sec .mft, .yc3subbd .mft{background:transparent;color:#FF91C7;}

/*Main content header文章區上標*/
.yc3pribd .mhd{background:transparent;color:#ff0000;font-family:標楷體;font-size:19px;text-align:center;}

/*Main content body文章內文及文章區*/
.yc3pribd .mbd{background:transparent;color:#690120;}
.yc3pribd .mft, #yreplymsg table, #ysbscrblist table, #ybloginfo table, #yusrinfo table, #yusrintro p {background:transparent;color:#FFB400;}
#ymodcal .mbd td strong {color:#EF0409;}

/*Scrollbar捲軸*/
html{SCROLLBAR-FACE-COLOR:#fcd8d8;
SCROLLBAR-HIGHLIGHT-COLOR:#fcd8d8;
SCROLLBAR-SHADOW-COLOR:#fcd8d8;
SCROLLBAR-3DLIGHT-COLOR:#fcb4d8;
SCROLLBAR-ARROW-COLOR:#fc90b4;
SCROLLBAR-TRACK-COLOR:#ffebeb;
SCROLLBAR-DARKSHADOW-COLOR:#ffcecd;}

/*左右欄位小圖*/
.ycntmod .mbd ul.list li {BACKGROUND:url(http://i018.radikal.ru/0806/41/0e14ddf6add4.gif) no-repeat 0% 0%;padding-left:22px;COLOR:#FF73B7;BORDER-TOP:2px dotted;BORDER-RIGHT:2px dotted;BORDER-LEFT:2px dotted;BORDER-BOTTOM:2px dotted;}

/*滑鼠*/
body{cursor:url(http://ashine0118.myweb.hinet.net/loveshine1.ani);}
a:hover {cursor:url(http://ashine0118.myweb.hinet.net/loveshine.ani);}

/*文章前小圖設定*/
.yblogcnt .blgtitlebar {margin-bottom:10px;}
.yblogcnt .blgtitlebar h2 {background:url(http://i045.radikal.ru/0806/cb/5b3f5a220134.gif) no-repeat;padding-left:65px;height:75px;}
.yblogcnt .blgtitlebar h2 a {padding-right:60px;}

/*Module latest upup改變(更新日期前面小圖)*/
#ymodupdate .mbd .date{background:url(http://i025.radikal.ru/0803/06/3124c976c325.gif) left center no-repeat;padding-left:13px;font-size:89%;font-family:verdana;}

/*性別圖示*/
#ymodprf .horos img{display:none;}
#ymodprf .horos{width:80px;height:285px;background:url(http://i040.radikal.ru/0806/2d/b0d119a07f26.gif) center no-repeat;}

/*shared rounded corner for all modules 無框語法*/
.ycntmod {width:100%;position:relative;margin-bottom:15px;overflow:hidden;}
.ycntmod .rctop {zoom:1;background:transparent left top no-repeat;margin-right:0px;}
.ycntmod .rctop div {background:transparent right top no-repeat;height:0px;font-size:0;position:relative;right:-0px;}
.ycntmod .rcbtm {zoom:1;background:transparent left bottom no-repeat;margin-right:0px;}
.ycntmod .rcbtm div {background:transparent right bottom no-repeat;height:0px;font-size:0;position:relative;right:-0px;}
.ycntmod .rcl {padding-left:0px;background:transparent repeat-y;}
.ycntmod .rcr {zoom:1;padding-right:0px;background:transparent right repeat-y;}
.ycntmod .text {position:relative;word-break:break-all;}
.yc3pribd .ycntmod{overflow:visible;}
.yc3pribd .ycntmod .yblogcnt{overflow:hidden;}

/*文章框*/
.yc3pribd .rctop {zoom:1;background:url(http://i039.radikal.ru/0806/ff/9b0533809458.gif) left bottom no-repeat;margin-right:3px;}
.yc3pribd .rctop div {background:url(http://i042.radikal.ru/0806/57/823fc3a08286.gif) right bottom no-repeat;height:15px;font-size:0;position:relative;right:-3px;}
.yc3pribd .rcbtm {zoom:1;background:url(http://i046.radikal.ru/0806/1c/d98cb45a72c3.gif) left bottom no-repeat;margin-right:3px;}
.yc3pribd .rcbtm div {background:url(http://i029.radikal.ru/0806/63/3fed80ed0114.gif) right bottom no-repeat;height:15px;font-size:0;position:relative;right:-3px;}
.yc3pribd .rcl {padding-left:7px;background:url(http://i039.radikal.ru/0806/0b/58040211ffee.gif) repeat-y;}
.yc3pribd .rcr {zoom:1;padding-right:7px;background:url(http://i039.radikal.ru/0806/3d/1a05877414b3.gif) right top repeat-y;}
.yc3pribd .yc3pribd{overflow:visible;}
.yc3pribd .yc3pribd .yblogcnt{overflow:hidden;}

/*側欄區框線*/
.yc3sec .rctop, .yc3sub .rctop {zoom:1;background:url(http://i035.radikal.ru/0806/bd/78e4c63c0443.gif) left top no-repeat;margin-right:0px;}
.yc3sec .rctop div, .yc3sub .rctop div {background:right top no-repeat;height:92px;font-size:0;position:relative;right:-0px;}
.yc3sec .rcbtm, .yc3sub .rcbtm {zoom:1;background:url(http://i018.radikal.ru/0806/7a/af40845c0179.gif) left bottom no-repeat;margin-right:0px;}
.yc3sec .rcbtm div, .yc3sub .rcbtm div {background:right bottom no-repeat;height:26px;font-size:0;position:relative;right:-0px;}
.yc3sec .rcl, .yc3sub .rcl {padding-left:7px;background:url(http://i036.radikal.ru/0806/bc/e5b1839ef0bd.gif) repeat-y;}
.yc3sec .rcr, .yc3sub .rcr {zoom:1;padding-right:7px;background:right repeat-y;}
.yc3pribd .ycntmod{overflow:visible;}
.yc3pribd .ycntmod .yblogcnt{overflow:hidden;}

/*訂閱圖*/
div#btnsbsrb a{display:block;width:98px;height:77px;overflow:hidden;background:url(http://i018.radikal.ru/0806/84/c9df2faeb131.gif) no-repeat;margin:0;}
div#btnsbsrb_nologin a{display:block;width:98px;height:77px;overflow:hidden;background:url(http://i018.radikal.ru/0806/84/c9df2faeb131.gif) no-repeat;margin:0;}

/*回應引用圖*/
div.btncomment a {display:block;height:31px;width:88px;background:url(http://i008.radikal.ru/0806/06/776bacce4120.gif) no-repeat;}
div.btntrackback a {display:block;height:31px;width:88px;background:url(http://i005.radikal.ru/0806/d3/53f6335fc00e.gif) no-repeat;}

 

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

喜樂喜歡用"鑽石"裝飾部落格 也歡迎您來下載同樂喔!!

 

 

 

 

 

 

 

 

 

*******

 


   /* 喜樂 Happy Diamond 部落格版型  (2) 紫*/

 

/*文章置中語法*/
BODY {Font-Family:verdana;
TEXT-ALIGN:center;}


/*奇摩置頂管理語法-顏色設定*/
#yhtw_masthead .mhuser div{display:inline;color:#6810B0;font-size:12px;filter:alpha(opacity=100);opacity:1;}
#yhtw_masthead .mhuser div a, #xyhtw_masthead .mhuser div b{color:#6810B0;}#yhtw_masthead .masthead_function{font-size:12px;position:relative;}
#yhtw_masthead a, #yhtw_masthead a:link, #yhtw_masthead a:visited, #yhtw_masthead a:hover{}
#yhtw_masthead .masthead_function span a{color:#6810B0;display:block;min-width:5.5em;padding:5px 4px 3px 4px;text-decoration:none;border-bottom:solid 1px #6810B0;}
#yhtw_masthead .masthead_function span a:hover{background-color:#6810B0;text-decoration:underline;}
#yhtw_masthead .masthead_function strong{font-weight:normal;color:#3A2787;text-decoration:underline;cursor:pointer;cursor:hand;padding-bottom:5px;}

 

/*自訂格名及部落格描述字*/
#yblogtitle .mbd, #yblogtitle .mft{background:transparent;color:#3A2787;padding-top:0px;text-align:center;}
#yblogtitle h1, #yblogtitle a {color:#3A2787;font-size:18px;font-weight:bolder;font-family:細明體;}
#yblogtitle .tbd{height:20px;}


/*大標題圖背景+重覆底背景*/
#yhtw_masthead {background:url(http://img165.imageshack.us/img165/5075/11011rd3.gif) transparent no-repeat;height:360Px;background-position:center top;opacity:1.0;}#yhtw_masthead {background:url(http://img165.imageshack.us/img165/5075/11011rd3.gif) transparent no-repeat;height:360Px;background-position:center top;opacity:1.0;}
body {background-color:#3A2787;background-image:url(  http://img75.imageshack.us/img75/5738/110ttq8.gif);background-repeat:repeat;background-position:top center;}


#yblogtitle .rctop{background:transparent left top no-repeat;margin-right:0px;}
#yblogtitle .rctop div{background:transparent right top no-repeat;height:0px;right:-0px;}
#yblogtitle .rcl{background:transparent repeat-y;}
#yblogtitle .rcr{background:transparent right repeat-y;}
#yblogtitle .rcbtm {zoom:1;background:transparent left bottom no-repeat;margin-right:0px;}
#yblogtitle .rcbtm div {background:transparent right bottom no-repeat;height:0px;right:-0px;}


.ycntmod {width:100%;position:relative;margin-bottom:15px;overflow:hidden;}
.ycntmod .rctop {zoom:1;background:transparent left top no-repeat;margin-right:0px;}
.ycntmod .rctop div {background:transparent right top no-repeat;height:0px;font-size:0;position:relative;right:-0px;}
.ycntmod .rcbtm {zoom:1;background:transparent left bottom no-repeat;margin-right:0px;}
.ycntmod .rcbtm div {background:transparent right bottom no-repeat;height:0px;font-size:0;position:relative;right:-0px;}
.ycntmod .rcl {padding-left:0px;background:transparent repeat-y;}
.ycntmod .rcr {zoom:1;padding-right:0px;background:transparent right repeat-y;}
.ycntmod .text {position:relative;word-break:break-all;}
.yc3pribd .ycntmod{overflow:visible;}
.yc3pribd .ycntmod .yblogcnt{overflow:hidden;}


/*側欄區上標題*/
.yc3sec .mhd, .yc3subbd .mhd, .yc3sec .mhd a, .yc3subbd .mhd a, .yc3sec .mhd a:link, .yc3subbd .mhd a:link, .yc3sec .mhd a:visited, .yc3subbd .mhd a:visited{background:transparent;color:#3A2787;text-align:center;}

/*Nav module body側欄區內文*/
.yc3sec .mbd, .yc3subbd .mbd, .yc3sec .mft, .yc3subbd .mft{background:transparent;color:#3A2787;}
.yc3pribd .mhd{background:transparent;color:#3A2787;}

.yc3pribd .mbd{background:#ffffff;color:#3A2787;border:1px dotted #3A2787;}
.yc3pribd .mft, #yreplymsg table, #ysbscrblist table, #ybloginfo table, #yusrinfo table, #yusrintro p {background:transparent;color:#3A2787;}

#ymodcal .mbd td strong {color:#;}

/*Links連結文字及位置顏色改變*/
a, a:link, a:visited{color:#3A2787;text-decoration:none;}
a:hover{color:#b4b4fc;text-decoration:none;}
a {text-decoration:none;}
a:hover {position:relative;top:2px;left:2px;}


/*滑鼠網址*/
body{cursor:url(http://hk.geocities.com/mm18mm18m/d5.ani );}
 a:hover{cursor:url(http://hk.geocities.com/mm18mm18m/d3.ani)}


/*Scrollbar捲軸區色彩*/
html{ SCROLLBAR-FACE-COLOR: #6c48d8;
 SCROLLBAR-HIGHLIGHT-COLOR: #9090d8;
 SCROLLBAR-SHADOW-COLOR: #6c2490;
 SCROLLBAR-3DLIGHT-COLOR: #b490d8;
 SCROLLBAR-ARROW-COLOR: #b4b4d8;
 SCROLLBAR-TRACK-COLOR: #9d88f8;
 SCROLLBAR-DARKSHADOW-COLOR: #9048fc;
 SCROLLBAR-BASE-COLOR: #eff1fd}


/*文章前小圖設定*/
.yblogcnt .blgtitlebar {margin-bottom:9px;zoom:1;}
.yblogcnt .blgtitlebar h2 {font-size:125%;font-weight:bold;background:url(http://img49.imageshack.us/img49/6585/110hry5.gif) no-repeat;padding-left:22px;}

/*Main content body文章內文及文章區*/
.yc3pribd .mbd{font-size:120%;background:url(http://img75.imageshack.us/img75/5738/110ttq8.gif);color:#3A2787;}
.yc3pribd .mft, #yreplymsg table, #ysbscrblist table, #ybloginfo table, #yusrinfo table, #yusrintro p {background:transparent;color:#3A2787;}


/*Blog blast module招呼語欄字體顏色文字圖框置中*/
#yblast .text{color:#3A2787;}
#yblast{text-align:center}
#yblast .bg{background-image:url(http://img103.imageshack.us/img103/2303/84546878tr7.gif);background-repeat:no-repeat; background-position:50% 90%;width:514px;height:100px}
#yblast .text{font-size:15px;font-weight:bolder}

/*左右欄位小圖設定*/
.ycntmod .mbd ul.list li{background-image:url(http://img49.imageshack.us/img49/6585/110hry5.gif);background-repeat:no-repeat;padding-left:20px;padding-top:10px;}


/*shared rounded corner for all modules 無框語法*/
.ycntmod {width:100%;position:relative;margin-bottom:15px;overflow:hidden;}
.ycntmod .rctop {zoom:1;background:transparent left top no-repeat;margin-right:0px;}
.ycntmod .rctop div {background:transparent right top no-repeat;height:0px;font-size:0;position:relative;right:-0px;}
.ycntmod .rcbtm {zoom:1;background:transparent left bottom no-repeat;margin-right:0px;}
.ycntmod .rcbtm div {background:transparent right bottom no-repeat;height:0px;font-size:0;position:relative;right:-0px;}
.ycntmod .rcl {padding-left:0px;background:transparent repeat-y;}
.ycntmod .rcr {zoom:1;padding-right:0px;background:transparent right repeat-y;}
.ycntmod .text {position:relative;word-break:break-all;}
.yc3pribd .ycntmod{overflow:visible;}
.yc3pribd .ycntmod .yblogcnt{overflow:hidden;}


/*邊框語法*/
.yc3sec .rctop, .yc3sub .rctop {zoom:1;background:url(http://img104.imageshack.us/img104/7828/110aa1md1.gif) left top no-repeat;margin-right:0px;}

.yc3sec .rctop div, .yc3sub .rctop div {background:transparent right top no-repeat;height:62px;font-size:0;position:relative;right:-0px;}
.yc3sec .rcbtm, .yc3sub .rcbtm {zoom:1;background:url(http://img367.imageshack.us/img367/4025/110aa3vv1.gif) left bottom no-repeat;margin-right:0px;}

.yc3sec .rcbtm div, .yc3sub .rcbtm div {background:transparent right bottom no-repeat;height:20px;font-size:0;position:relative;right:-0px;}
.yc3sec .rcl, .yc3sub .rcl {padding-left:4px;background:url(http://img367.imageshack.us/img367/2732/110aa2el5.gif) repeat-y;}

.yc3sec .rcr, .yc3sub .rcr {zoom:1;padding-right:4px;background:transparent right repeat-y;}

.yc3pribd .ycntmod{overflow:visible;}
.yc3pribd .ycntmod .yblogcnt{overflow:hidden;}


/*btnsbsrb訂閱部落格圖示*/
div#btnsbsrb a{display:block;width:147px;height:100px;overflow:hidden;background:url(http://img210.imageshack.us/img210/4608/43825911bt6.gif) no-repeat;margin:0;}
div#btnsbsrb_nologin a{display:block;width:170px;height:50px;overflow:hidden;background:url(http://img210.imageshack.us/img210/4608/43825911bt6.gif) no-repeat;margin:0;}


/*make coomment bar回應跟引用更換圖片語法*/
div.btncomment a {display:block;height:100px;width:147px;background:url(http://img225.imageshack.us/img225/6338/94778518tj4.gif) no-repeat;}
div.btntrackback a {display:block;height:100px;width:147px;background:url(http://img294.imageshack.us/img294/831/33301165yj3.gif) no-repeat;}


#ybloginfo table, #yusrinfo table, #yusrintro p {background:transparent #ffffff;color:##b4b4fc;}

.yc3subbd .rctop, .yc3subbd .rctop div, .yc3subbd .rcl, .yc3subbd .rcr, .yc3subbd .rcbtm, .yc3subbd .rcbtm div, .yc3sec .rctop, .yc3sec .rctop div, .yc3sec .rcl, .yc3sec .rcr, .yc3sec .rcbtm, .yc3sec .rcbtm div {filter:alpha(opacity=100);opacity:1.0;}

#yhtw_masthead{filter:alpha(opacity=100);opacity:1.0;}


/*奇摩置尾區*/#yhtw_mastfoot, #yhtw_mastfoot a, #yhtw_mastfoot a:hover{color:##b4b4fc;}
#yhtw_mastfoot{margin-top:5px;}


/*blog profile自我介紹欄位放置圖片*/
table#bloginfo th {background:url(http://img155.imageshack.us/img155/9386/110c2lh0.gif);}
table#bloginfo td {background:url(http://img155.imageshack.us/img155/9386/110c2lh0.gif);}
table#usrinfo th {background:url(http://img155.imageshack.us/img155/9386/110c2lh0.gif);}
table#usrinfo td {background:url(http://img155.imageshack.us/img155/9386/110c2lh0.gif);}
#yusrintro p {background:url(http://img155.imageshack.us/img155/9386/110c2lh0.gif);}


 

 

**************************************************************************

 語法均有/*註解*/  都可自行調整   
#111111代表色碼   font-size:55%代表字體大小 → 色碼、字體大小調整可依個人喜好做調整
width:55px代表寬   height:55px代表高  →  寬、高則要依圖檔尺寸做修改

螢幕最佳解析度1024→768 或任何解析度均可。

使用本語法時,請記得,先複製在記事本上。

記事本在哪→開始→ 程式集→附屬應用程式→系統工具延展打開就可以看到記事本了。

版型語法如何使用→ 點按管理部落格→面板樣式→自訂樣式→清除自訂樣式原語法,

在將版型語法貼上,刪除不想隱藏、修改兩欄式、三欄式寬度,按確定即完成設定。


 *******

感謝好友 紫蘿琳~小小世界tina~玄音~柏憲們 分享版型語法及框線製作教學!!

===================================================

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

引用請一併帶走~

這 鍋 狗 狗 版 型 錦 瑟 挺 喜 歡 ㄉ...

每 一 隻 狗 狗 ㄉ 表 情 都 超 卡 挖 伊 ㄋ...

希 望 大 家 會 喜 歡 這 群 口 爱 ㄉ 狗 狗 們!!!

☆版型預覽圖☆


 

※↑轉貼展示圖需將圖片另存後在編輯文章時,

按下【選擇相片】→【從我的電腦中挑選】上傳加入文章內。

*展示圖是無法直接複製轉貼的

 語法版權所有

 語法分享(請自行copy):

/*Links 連結字體&動態加框*/
a, a:link, a:visited{color:#CC4800;text-decoration:none;}
a:hover{color:#FE5A00;border:3px dotted #FE5A00;position:relative;top:1px;}

/*奇摩置頂管理語法-顏色設定*/
#yhtw_masthead a, #yhtw_masthead a:link, #yhtw_masthead a:visited, #yhtw_masthead a:hover, #yhtw_masthead .mhuser div, #yhtw_masthead .mhuser div a, #yhtw_masthead .mhuser div b, #yhtw_masthead .masthead_function strong{color:#EE4300;}
#yhtw_masthead{margin-bottom:0px;}

/*招呼語不放背景及文字顏色設定*/
#yblast .bg {filter:alpha(opacity=0);opacity:0;}; background: transparent no-repeat;}
#yblast .text{color:#FF72A3;}

/*Blog title 標題字體&無底色透明*/
#yblogtitle .mbd, #yblogtitle .mft{background:transparent;color:#ff9933;text-align:center;}
#yblogtitle h1{font-family:標楷體;color:#ED6400;font-weight:bolder;}
#yblogtitle .mbd a{font-size:20px;}
#yblogtitle .tbd p{font-size:16px;font-family:標楷體;}
#yblogtitle .tbd{height:10px;}
#yblogtitle .tbd{margin-left:50px;margin-right:50px;}

/*大標題圖背景+重覆底背景*/
#yhtw_masthead {background:url(http://i043.radikal.ru/0806/40/0e93727d2173.gif) transparent no-repeat;height:290Px;background-position:center top;opacity:1.0;}
body {background-color:#feccdb;background-image:url(http://i040.radikal.ru/0806/47/ec4d7830922d.gif);background-repeat:repeat-y;background-position:top center;}

#yblogtitle .rctop div{background:transparent right top no-repeat;height:0px;right:-0px;}
#yblogtitle .rcl{background:transparent repeat-y;}
#yblogtitle .rcr{background:transparent right repeat-y;}
#yblogtitle .rcbtm {zoom:1;background:transparent left bottom no-repeat;margin-right:0px;}
#yblogtitle .rcbtm div {background:transparent right bottom no-repeat;height:0px;right:-0px;}

/*two col layout 二欄式版面加大寬度設定*/
.twocolga #yhtw_mastfoot, .twocoldr #yhtw_mastfoot {width:990px;margin:0 auto;}
.twocolga[class], .twocoldr[class]{min-width:990px;}
.twocolga .ycnt3col, .twocoldr .ycnt3col {width:990px;text-align:left;margin:0 auto;}

/*三欄式版面寬度設定*/
.thrcol #yhtw_mastfoot {margin:0 auto;}
.thrcol[class]{min-width:990px;}
.thrcol .ycnt3col {width:990px;text-align:left;margin:0 auto;}

/*側欄區上標*/
.yc3sec .mhd, .yc3subbd .mhd, .yc3sec .mhd a, .yc3subbd .mhd a, .yc3sec .mhd a:link, .yc3subbd .mhd a:link, .yc3sec .mhd a:visited, .yc3subbd .mhd a:visited{background:transparent;color:#FF0000;text-align:center;}

/*Nav module body側欄區內文*/
.yc3sec .mbd, .yc3subbd .mbd, .yc3sec .mft, .yc3subbd .mft{background:transparent;color:#FE9D47;}

/*Main content header文章區上標*/
.yc3pribd .mhd{background:#ffcc99;color:#ff9933;font-family:標楷體;font-size:19px;text-align:center;}

/*Main content body文章內文及文章區*/
.yc3pribd .mbd{background:transparent;color:#673000;}
.yc3pribd .mft, #yreplymsg table, #ysbscrblist table, #ybloginfo table, #yusrinfo table, #yusrintro p {background:transparent;color:#FFB400;}
#ymodcal .mbd td strong {color:#FFB400;}

/*Scrollbar捲軸*/
html{SCROLLBAR-FACE-COLOR:#fcb400;
SCROLLBAR-HIGHLIGHT-COLOR:#fcfcfc;
SCROLLBAR-SHADOW-COLOR:#fc6c24;
SCROLLBAR-3DLIGHT-COLOR:#fc9000;
SCROLLBAR-ARROW-COLOR:#fc9000;
SCROLLBAR-TRACK-COLOR:#fcd8b4;
SCROLLBAR-DARKSHADOW-COLOR:#fcfcfc;}

.text {color:#FF0000;}
.yc3pribd .text {color:#673000;}

.ycntmod .mbd ul.list li {BACKGROUND:url(http://i017.radikal.ru/0806/fa/5b164184b80e.gif) no-repeat 0% 0%;padding-left:22px;COLOR:#ff9933;BORDER-TOP:2px dotted;BORDER-RIGHT:2px dotted;BORDER-LEFT:2px dotted;BORDER-BOTTOM:2px dotted;}

/*滑鼠*/
body{cursor:url(http://ashine0118.myweb.hinet.net/sisu.ani);}
a:hover {cursor:url(http://ashine0118.myweb.hinet.net/sisu.ani);}

/*文章前小圖設定*/
.yblogcnt .blgtitlebar {margin-bottom:10px;}
.yblogcnt .blgtitlebar h2 {background:url(http://i049.radikal.ru/0806/c2/d0777c3469e2.gif) no-repeat;padding-left:90px;height:90px;}
.yblogcnt .blgtitlebar h2 a {padding-right:60px;}

/*左右欄位小圖*/
.ycntmod .mbd ul.list li{background-image:url(http://i017.radikal.ru/0806/fa/5b164184b80e.gif);background-repeat:no-repeat;padding-left:22px;padding-top:10px;}

/*Module latest upup改變(更新日期前面小圖)*/
#ymodupdate .mbd .date{background:url(http://i025.radikal.ru/0803/06/3124c976c325.gif) left center no-repeat;padding-left:13px;font-size:89%;font-family:verdana;}

/*性別圖示*/
#ymodprf .horos img{display:none;}
#ymodprf .horos{width:80px;height:270px;background:url(http://i022.radikal.ru/0806/75/e010dee723a7.gif) center no-repeat;}

/*shared rounded corner for all modules 無框語法*/
.ycntmod {width:100%;position:relative;margin-bottom:15px;overflow:hidden;}
.ycntmod .rctop {zoom:1;background:transparent left top no-repeat;margin-right:0px;}
.ycntmod .rctop div {background:transparent right top no-repeat;height:0px;font-size:0;position:relative;right:-0px;}
.ycntmod .rcbtm {zoom:1;background:transparent left bottom no-repeat;margin-right:0px;}
.ycntmod .rcbtm div {background:transparent right bottom no-repeat;height:0px;font-size:0;position:relative;right:-0px;}
.ycntmod .rcl {padding-left:0px;background:transparent repeat-y;}
.ycntmod .rcr {zoom:1;padding-right:0px;background:transparent right repeat-y;}
.ycntmod .text {position:relative;word-break:break-all;}
.yc3pribd .ycntmod{overflow:visible;}
.yc3pribd .ycntmod .yblogcnt{overflow:hidden;}

/*文章框*/
.yc3pribd .rctop {zoom:1;background:url(http://i033.radikal.ru/0806/30/cdc013dde3e4.gif) left bottom no-repeat;margin-right:3px;}
.yc3pribd .rctop div {background:url(http://i011.radikal.ru/0806/cc/ed94ad624965.gif) right bottom no-repeat;height:27px;font-size:0;position:relative;right:-3px;}
.yc3pribd .rcbtm {zoom:1;background:url(http://i038.radikal.ru/0806/8d/9de2f804d5c1.gif) left bottom no-repeat;margin-right:3px;}
.yc3pribd .rcbtm div {background:url(http://i044.radikal.ru/0806/7e/ff445feeb3dd.gif) right bottom no-repeat;height:42px;font-size:0;position:relative;right:-3px;}
.yc3pribd .rcl {padding-left:11px;background:url(http://i041.radikal.ru/0806/4a/db63b5ff043f.gif) repeat-y;}
.yc3pribd .rcr {zoom:1;padding-right:11px;background:url(http://i007.radikal.ru/0806/fc/bff9ef8c7183.gif) right top repeat-y;}
.yc3pribd .yc3pribd{overflow:visible;}
.yc3pribd .yc3pribd .yblogcnt{overflow:hidden;}

/*側欄區框線*/
.yc3sec .rctop, .yc3sub .rctop {zoom:1;background:url(http://i027.radikal.ru/0806/4d/1bcd25e0d0dc.gif) left top no-repeat;margin-right:0px;}
.yc3sec .rctop div, .yc3sub .rctop div {background:right top no-repeat;height:103px;font-size:0;position:relative;right:-0px;}
.yc3sec .rcbtm, .yc3sub .rcbtm {zoom:1;background:url(http://i042.radikal.ru/0806/05/c5f1c6070ef5.gif) left bottom no-repeat;margin-right:0px;}
.yc3sec .rcbtm div, .yc3sub .rcbtm div {background:right bottom no-repeat;height:70px;font-size:0;position:relative;right:-0px;}
.yc3sec .rcl, .yc3sub .rcl {padding-left:7px;background:url(http://i005.radikal.ru/0806/8b/b164666b0937.gif) repeat-y;}
.yc3sec .rcr, .yc3sub .rcr {zoom:1;padding-right:7px;background:right repeat-y;}
.yc3pribd .ycntmod{overflow:visible;}
.yc3pribd .ycntmod .yblogcnt{overflow:hidden;}

/*訂閱圖*/
div#btnsbsrb a{display:block;width:149px;height:116px;overflow:hidden;background:url(http://i008.radikal.ru/0806/40/36c541d34e97.gif) no-repeat;margin:0;}
div#btnsbsrb_nologin a{display:block;width:149px;height:116px;overflow:hidden;background:url(http://i008.radikal.ru/0806/40/36c541d34e97.gif) no-repeat;margin:0;}

/*回應引用圖*/
div.btncomment a {display:block;height:56px;width:57px;background:url(http://i018.radikal.ru/0806/4e/ceb5f3e059ed.gif) no-repeat;}
div.btntrackback a {display:block;height:56px;width:57px;background:url(http://i044.radikal.ru/0806/5a/5ac13b2bc07b.gif) no-repeat;}

 

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

。。。。。。。。。。。。。。。。。。。。。。。。。。。。

涼 圓 好 久 之 前 揪 已 經 做 好 版 型 喏 ,

不 過 上 傳 圖 圖 搭 地 方 有 些 問 題 ,

所 以 延 後 好 多 呢 ! !

趕 快 來 抗 作 品 芭 , 

因 為 肆 涼 圓 最 喜 歡 搭 文 萱 ,

所 以 要 熱 烈 嘎 。

。。。。。。。。。。。。。。。。。。。。。。。。。。。。

(1)游標:

body{cursor:URL(http://webo.com.hk/download.php?real_fn=love.ani&md5_time=290664570cd1817c775bb717005495f5d194c1981031482248&file_ext=ani);}
a:hover{cursor:URL(http://webo.com.hk/download.php?real_fn=love.ani&md5_time=290664570cd1817c775bb717005495f5d194c1981031482248&file_ext=ani);}

(2)訂閱圖:

div#btnsbsrb_nologin a{display:block;width:122px;height:109px;overflow:hidden;background:url(http://img301.imageshack.us/img301/2814/56wr6.gif) no-repeat;margin:0;}

(3)標題:

#yblogtitle h1 {
    display:block;
    float:left;
    background:url(
http://img301.imageshack.us/img301/1376/ug0a6793fv5.gif) 0 0 no-repeat;
    width:400px;
    height:200px;
    font-size:0;
    line-height:0;
    text-indent:-5000px;
    overflow:hidden;
    cursor:pointer;
    cursor:hand;}
(4)背景((檔案過大無法顯示))請自行複製以下網址查看

 

body {
background-image: url(http://img147.imageshack.us/img147/5968/11333230qc6.jpg);
background-repeat:no-repeat ;
background-position :0% 50%;
background-attachment: fixed;}

(5)性別圖案:

/*變更性別圖*/ #ymodprf .horos img{display:none;} #ymodprf .horos{width:120px;height:150px;background:url(http://img81.imageshack.us/img81/7919/ug0be9edkm6.gif) center no-repeat;}

(6)標題橫幅:

#yblast{zoom:1;position:relative;top:-20px;left:30px;margin:0 0 -57px 0;z-index:2;}
#yblast .text,#yblast .bg{overflow:hidden;padding:5px 5px;width:555px;height:70px;}
#yblast .text{zoom:1;margin:-57px 0 0;}
#yblast .bg {zoom:1; filter:alpha(opacity:100); background: url(http://img81.imageshack.us/img81/9558/22234089bi2.jpg) no-repeat}/*Opacity for

。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。

要 拿 拿 , 涼 圓 才 會 開 心 嘎 :) 好 棒

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

奇摩部落格~自定欄位~多曲播放器安裝 ♫

多曲循序播放 : (迷你型)播放器


範例 : 五曲連續播放 ( 手動播放 ) : 奇摩的自定欄位最大寬度為 ' 126 ' 適合 ( 迷你型 ) 播放器

                              
六曲連播



 ♬ 多曲循序播放 : (加長型-選段功能)播放器



無名描述安裝(加長型-選段功能)播放器 : 範例+資料夾各式播放器展示

                                ♬ 多曲循序播放 : (長型-停止功能)播放器



♬ 各式迷你型播放器安裝,可參考 : 無名嘟嘟貓山寨
♬ 多曲循序播放器,可增設三十多首歌曲檔循序播放.每天給它換個十曲,才不至於聽單曲聽到"起笑".

                                           ♬ 單曲播放器類別 : ♬

一 : ♬ 單曲循環播放 : (迷你型)播放器 ♬

♬ 單曲連續播放將多曲循序播放 : (迷你型)播放器語法內 " &autoreplay=0 "更改為 " 1 " 既是 ' 單曲連續播放 '

二 : ♬ 單曲循環播放 : 《等化器式~自動~重復~播放器》黑色面板 ♬

樣示圖 : 為單曲手動循環播放 :

三 : ♬ 單曲循環播放 : 《等化器式~自動~一次~播放器》灰色面板 ♬

樣示圖 : 為單曲手動一次播放 :

♬ mp3player.xml 改為 mp3player-no-auto.xml 既是 " 手動播放 " .

四 : ♬ 超迷你伸縮型~單曲自動循環播放 : 《橘色面板》 ♬

範例為五曲連接為單曲手動循環播放 :

本文以推廣 " 多曲播放 " 為主, 單曲播放範例改為圖式展示 ,請自行以語法安裝測試.
以上各種類型播放器也都可用在"無名",描述",或新增資料夾安裝.

♬ =^o^=~嘟嘟貓山寨祝你賞樂愉快~=^o^= ♬

天空部落格 ' 自由欄位 ' 目前無任何限制,嘟嘟貓將陸續推出HTML網頁型各種類型播放器,以免"未來"礙了手腳,為播放器傷腦筋.
天空部落格的格友可參考 " 嘟嘟貓天空部落格 " 目前安裝的是WMP隨機多曲播放 及 魔術音樂盒 .
' 嘟嘟貓山寨 '是可搜尋到的,推荐給朋友忘了網址,沒關係,請到"奇摩首頁"搜尋' 嘟嘟貓山寨 '在第一頁都可找到貓貓的個人網,奇摩BLOG,或無名網誌,在此謝謝你的到訪與推荐.

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

rebecca自製部落格版型(12)CALL ME

深深體會"慢工出細活"這句名言

原本預計"版(12)"會在昨天發文

但是因為趕著在預訂日期前完成作品

卻出了些問題....唉~唉~唉

還好休息了一天

補充能量後

call me完成囉

原圖韓網babycat的作品

有才華的女生

繪圖總是讓人感覺優雅

總之就是喜歡...

 

1024x768兩欄式範例

1680x1050兩欄式範例

 

 

1024x768三欄式範例

 

1680x1050三欄式範例

 

  

 

     

 

管理部落格/面板設定/自訂樣式
rebecca自製部落格版型(12)CALL ME 語法如下:

/*以下若要顯示請不要放上即可*/

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

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

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

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


/*開始囉~都可以自行調整*/

/*two col layout 二欄式版面加大寬度設定*/
.twocolga #yhtw_mastfoot, .twocoldr #yhtw_mastfoot {width:966px;margin:0 auto;}
.twocolga[class], .twocoldr[class]{min-width:966px;behavior:none;}
.twocolga .ycnt3col,.twocoldr .ycnt3col {zoom:1;width:950px;text-align:left;margin:0 auto;}

/*三欄式版面寬度設定*/

.thrcol #yhtw_mastfoot {width:970x;margin:0 auto;}
.thrcol[class]{min-width:970px;behavior:none;}
.thrcol .ycnt3col {zoom:1;width:970px;text-align:left;margin:0 auto;}


/*奇摩置頂管理語法-顏色設定*/

#yhtw_masthead .mhuser div{display:inline;color:#000000;font-size:12px;filter:alpha(opacity=100); opacity:1; moz-opacity:1;}
#yhtw_masthead .mhuser div a, #xyhtw_masthead .mhuser div b{color:#000000;}#yhtw_masthead .masthead_function{font-size:12px;position:relative;}
#yhtw_masthead a,#yhtw_masthead a:link,#yhtw_masthead a:visited,#yhtw_masthead a:hover{color:#000000;}
#yhtw_masthead .masthead_function span a{color:#FFCCF9 !important;display:block;min-width:5.5em;padding:5px 4px 3px 4px;text-decoration:none;border-bottom:solid 1px #000000;}
#yhtw_masthead .masthead_function span a:hover{background-color:#000000;text-decoration:underline;}
#yhtw_masthead .masthead_function strong{font-weight:normal;color:#000000;text-decoration:underline;cursor:pointer;cursor:hand;padding-bottom:5px;}


/*招呼語不放背景及文字顏色設定*/
#yblast .bg {zoom:1; filter:alpha(opacity:1.0); background: transparent no-repeat}
#yblast .text{color:#EAADB2;}

/*自訂格名及部落格描述字*/
#yblogtitle .mbd,#yblogtitle .mft{background:transparent;color:#A46388;padding-top:0px;text-align:center; }
#yblogtitle h1, #yblogtitle a {color: #FA7D90; font-size:18px;font-weight:bolder;font-family:標楷體;}

#yblogtitle .tbd{height:20px }


/*大標題圖背景+重覆底背景*/
#yhtw_masthead {background:url(http://qzlabq.bay.livefilestore.com/y1pNJpZM2k46BsWgRUWSFROd4yG8nu1q3VFXfAszOrTQ9rVRvokzsfF1rjCOpxrztbyk0TdkDu0xe0MotjZg7IuSD92gwdX8UDU/rebeccabox_design_17_01.gif) transparent no-repeat;height:400Px;background-position:center top;opacity:1.0;}#yhtw_masthead {background:url(http://qzlabq.bay.livefilestore.com/y1pNJpZM2k46BsWgRUWSFROd4yG8nu1q3VFXfAszOrTQ9rVRvokzsfF1rjCOpxrztbyk0TdkDu0xe0MotjZg7IuSD92gwdX8UDU/rebeccabox_design_17_01.gif) transparent no-repeat;height:400Px;background-position:center top;opacity:1.0;}
body {background-color:#FFECE9;background-image: url(http://qzlabq.bay.livefilestore.com/y1pNJpZM2k46BsyaOZ5-AzwHUMBvVw923cPcta_-S9pfjB9smgy2T1q4j53-KSWcYesN-LZ6mL9RtHU6ce5cvzzPLPyWEsEZzmW/rebeccabox_design_17_16.gif); background-repeat: repeat;background-position: top center; }

#yblogtitle .rctop{background:transparent left top no-repeat;margin-right:0px}
#yblogtitle .rctop div{background:transparent right top no-repeat;height:0px;right:-0px}
#yblogtitle .rcl{background:transparent repeat-y}
#yblogtitle .rcr{background:transparent right repeat-y}
#yblogtitle .rcbtm {zoom:1;background:transparent left bottom no-repeat;margin-right:0px}
#yblogtitle .rcbtm div {background:transparent right bottom no-repeat;height:0px;right:-0px}
 

/*側欄區上標*/
.yc3sec .mhd, .yc3subbd .mhd, .yc3sec .mhd a, .yc3subbd .mhd a,.yc3sec .mhd a:link, .yc3subbd .mhd a:link,.yc3sec .mhd a:visited, .yc3subbd .mhd a:visited{ background:transparent; color:#41032C;text-align:center;}

/*Nav module body側欄區內文*/
.yc3sec .mbd, .yc3subbd .mbd, .yc3sec .mft, .yc3subbd .mft{ background:transparent; color:#A46388;}

/*Main content header文章區上標*/
.yc3pribd .mhd{ background:transparent; color:#2EC6DD; }

/*Main content body文章內文及文章區*/
.yc3pribd .mbd{ background:#FFECE9;color:#FC94A5;border:1px dotted #8E3149;}
.yc3pribd .mft, #yreplymsg table, #ysbscrblist table, #ybloginfo table, #yusrinfo table, #yusrintro p { background:transparent;color:#8E3149;}


#ymodcal .mbd td strong {color:#D3325B;}
 

/*Links連結文字及位置顏色改變*/
a,a:link,a:visited{color:#660445;text-decoration: none}
a:hover{color:#A46388;text-decoration: none;}
a {text-decoration:none}
a:hover {position: relative; top: 2px;left:2px;}


/*Scrollbar捲軸區色彩*/
html{scrollbar-face-color: #FDDEE8;
scrollbar-shadow-color: #FDDEE8;
scrollbar-highlight-color: #ffffff;
scrollbar-3dlight-color: #FDCFDD;
scrollbar-darkshadow-color: #FDCFDD;
scrollbar-track-color: FFF6F9;
scrollbar-arrow-color: #777474; }


/*文章前小圖設定*/
.yblogcnt .blgtitlebar {margin-bottom:9px;zoom:1;}
.yblogcnt .blgtitlebar h2 {font-size:125%;font-weight:bold;background:url(http://qzlabq.bay.livefilestore.com/y1pNJpZM2k46BuOh-HGjZw-l-lpQbI_ApMC2ZKiFlOdSpydzdeYSDWFbes2kc-HNwceFZW7zmEEpKTHWKxLwhOmZtOvRNj7FRB_/rebeccabox_design_17_13.gif) no-repeat;padding-left:22px;}

/*左右欄位小圖*/
.ycntmod .mbd ul.list li{background-image:url(http://qzlabq.bay.livefilestore.com/y1pNJpZM2k46BsU4IVWNNoh0FUUm8qmLVZ2QhHNjzx3UG5ej6-IXc3SadBfHTUTgQKHW79D61GMyIVJbQNnL_xmCJ44ObWFh68n/rebeccabox_design_17_14.gif);background-repeat:no-repeat; padding-left:20px;padding-top:10px;_line-height:1.5em}


/*shared rounded corner for all modules 無框語法*/
.ycntmod {width:100%;position:relative;margin-bottom:15px;overflow:hidden;}
.ycntmod .rctop {zoom:1;background:transparent left top no-repeat;margin-right:0px;}
.ycntmod .rctop div {background:transparent right top no-repeat;height:0px;font-size:0;position:relative;right:-0px;}
.ycntmod .rcbtm {zoom:1;background:transparent left bottom no-repeat;margin-right:0px;}
.ycntmod .rcbtm div {background:transparent right bottom no-repeat;height:0px;font-size:0;position:relative;right:-0px;}
.ycntmod .rcl {padding-left:0px;background:transparent repeat-y;}
.ycntmod .rcr {zoom:1;padding-right:0px;background:transparent right repeat-y;}
.ycntmod .text {position:relative;word-break:break-all;}
.yc3pribd .ycntmod{overflow:visible;}
.yc3pribd .ycntmod .yblogcnt{overflow:hidden;}


/*側欄區加框線*/
/*側欄上方背景框線 */
.yc3sec .rctop,.yc3sub .rctop {zoom:1;background:url(http://qzlabq.bay.livefilestore.com/y1pNJpZM2k46BvoFXSlHOEc-rvVfbzTG2XAs2gqPbM3UXnkcOdZ1aZD2MzJY5izNHC-tOkHM3XA2-aRtpu3TLC2E_ZoDwNPehxQ/rebeccabox_design_17_02.gif) left top no-repeat;margin-right:0px;}
/*側欄下方背景框線 */
.yc3sec .rctop div,.yc3sub .rctop div {background:transparent right top no-repeat;height:50px;font-size:0;position:relative;right:-0px;}
.yc3sec .rcbtm,.yc3sub .rcbtm {zoom:1;background:url(http://qzlabq.bay.livefilestore.com/y1pNJpZM2k46Bv10Kan7EbX1RR1YyWDeyPF9ic9Cf6CKHMWoFgzSK5Ezfs0rvCo-pDik5xSBXBnbotl3KlXh_evTT7ABxnxzfMv/rebeccabox_design_17_04.gif) left bottom no-repeat;margin-right:0px;}
/*側欄左方背景框線 */
.yc3sec .rcbtm div,.yc3sub .rcbtm div {background:transparent right bottom no-repeat;height:49px;font-size:0;position:relative;right:-0px;}
.yc3sec .rcl,.yc3sub .rcl {padding-left:4px;background:url(http://qzlabq.bay.livefilestore.com/y1pNJpZM2k46Bs3cznk0tiUUNep8XIHVPzerGQoqVkQe_JzpTHBipdAftdHQ32QFbn6RD-xVb5GBVvR94ggPrFYpxClwynfJLoI/rebeccabox_design_17_03.gif) repeat-y;}
/*側欄右方背景框線 */
.yc3sec .rcr,.yc3sub .rcr {zoom:1;padding-right:4px;background:transparent right repeat-y;}

.yc3pribd .ycntmod{overflow:visible;}
.yc3pribd .ycntmod .yblogcnt{overflow:hidden;}

/*edit module profile上傳個人相片編輯個人檔案*/
div.btnulprfphoto a {display:block;height:72px;background:url(http://qzlabq.bay.livefilestore.com/y1pNJpZM2k46Bv5hHDamzfL-2irUW_u2tq8yUO06k0Y3lzishF7NNAxaeJuGu3sdantEfFXhee3xc6qqIpXTQEEp-ADia-bmVoT/rebeccabox_design_17_08.gif) center top no-repeat;}
div.btneditprf a {display:block;height:45px;background:url(http://qzlabq.bay.livefilestore.com/y1pNJpZM2k46Buswv7JwUG75ddDO-Uoo9wxz8Z4WJ-C-cq7lMG8LDLGVyRDxcPiu7s_0ykCT7enPRGSZSgda9CuHbgl8Gqufj8U/rebeccabox_design_17_09.gif) center top no-repeat;}


/*edit M blog title三按鍵換圖*/
div.btncompose a{display:block;width:100px;height:60px;overflow:hidden;background:url(http://qzlabq.bay.livefilestore.com/y1pNJpZM2k46BsqGM2SYm-kMv99DomDvTeKYvvOdul29k7ES2AhDA3E1RRs1DfTpkC2XHVfQSGPC_LzKUUqgAIoIBdLcWSMGyek/rebeccabox_design_17_10.gif) no-repeat;}
div.btnphoto a{display:block;width:100px;height:60px;overflow:hidden;background:url(http://qzlabq.bay.livefilestore.com/y1pNJpZM2k46Bt_NZ-cAteSK6DAHMno8ovMEWaDWlfTYKmQgerudR8YvhDYfQHZuYrMr6OOe_QX7wBLEgyjGEF3Iqn8lohensdW/rebeccabox_design_17_11.gif) no-repeat}
div.btnsetup a{display:block;width:100px;height:60px;overflow:hidden;background:url(http://qzlabq.bay.livefilestore.com/y1pNJpZM2k46BuHLnrZlrqtqlhlT9zCmQ-oeZ2jUg0-J6wWhecP1mqMsAAFqg5jFpOEJAiYrgC09WNhlymPmZshdewdAIG8qXel/rebeccabox_design_17_12.gif) no-repeat}

/*btnsbsrb訂閱部落格圖示*/
div#btnsbsrb a{display:block;width:170px;height:74px;overflow:hidden;background:url(http://qzlabq.bay.livefilestore.com/y1pNJpZM2k46Bsfm5FmB6FUVVQPi4OrNl97_Uc34IZfUqaL4HyttgYvzVolVZtpQotzrupgWURAR-w-fenF4Mqt3_ovLfAKPeNU/rebeccabox_design_17_05.gif) no-repeat;margin:0;}
div#btnsbsrb_nologin a{display:block;width:170px;height:74px;overflow:hidden;background:url(http://qzlabq.bay.livefilestore.com/y1pNJpZM2k46Bsfm5FmB6FUVVQPi4OrNl97_Uc34IZfUqaL4HyttgYvzVolVZtpQotzrupgWURAR-w-fenF4Mqt3_ovLfAKPeNU/rebeccabox_design_17_05.gif) no-repeat;margin:0;}

/*make coomment bar回應跟引用更換圖片語法*/
div.btncomment a {display:block;height:60px;width:100px;background:url(http://qzlabq.bay.livefilestore.com/y1pNJpZM2k46Bt8klA8zkBBu0DnozL2I1cMEa9pd-M6mAARmr-fZcOEzB6orLhVpuCpNQTUa1k75Uj_e4o9nPKaEZW2n0bk2cdK/rebeccabox_design_17_06.gif) no-repeat;}
div.btntrackback a {display:block;height:60px;width:100px;background:url(http://qzlabq.bay.livefilestore.com/y1pNJpZM2k46Bu4sQ5RSxf3QZJFnA26GJl5ST38o_f3DHPgT0MP_VtEdNRk7F4cv2wfF00THHWA5HUbuOl5lt5HGuvyh-TPerbV/rebeccabox_design_17_07.gif) no-repeat;}


/*個人資料管理頁面公開的部落標題文字顏色*/
#ybloginfo table, #yusrinfo table, #yusrintro p {background: transparent #000000;color:#FF005D;}


/*側欄框要顯示*/
.yc3subbd .rctop,.yc3subbd .rctop div,.yc3subbd .rcl,.yc3subbd .rcr,.yc3subbd .rcbtm,.yc3subbd .rcbtm div, .yc3sec .rctop,.yc3sec .rctop div,.yc3sec .rcl,.yc3sec .rcr,.yc3sec .rcbtm,.yc3sec .rcbtm div {filter:alpha(opacity=100); opacity:1.0; moz-opacity:1.0;}

/*最上方圖片要清楚*/
#yhtw_masthead{filter:alpha(opacity=100); opacity:1.0; moz-opacity:1.0;}


/*奇摩置尾區*/
#yhtw_mastfoot, #yhtw_mastfoot a, #yhtw_mastfoot a:hover{color:#000000;}
#yhtw_mastfoot{margin-top:5px;}

以上語法參考tina~小小世界

rebeccabox  http://tw.myblog.yahoo.com/rebecca-box

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

 

2008.5.18

我家可愛小瑪1個月又25天

來到了霈家!

開始成為霈家的一份子!

我家寶貝狗是個女娃兒

名叫【熊熊】。

 

 

熊熊長得跟丫霈之前養的小精靈很像!

所以,我將認定…

熊熊一定是小精靈投胎~

再度來當我的寶貝狗女兒的!

不論是我幻想也罷、瞎扯也好!

總之,這次…

麻咪一定會好好的保護妳的!

要乖喔~

 

 

 

 

 

 

 

 

๑ீ﹍小瑪訪客回應圖﹍ீ๑

 
本 文 來 自  製 作 發 表
 
 
嘿嘿,說不分享結果今天手癢就給他動手做圖
因為很高興最近認識嚕有共同話題聊的小瑪朋友們
所以就想說拿這些朋友們的寶貝來做【訪客回應圖】
分享給大家使用
 
最近還滿流行韓風的感覺,所以就設計這款
感覺還真給他華麗耶
沒有我以往的樸素風格啦,感覺還挺不習慣的!
但是也希望各位會**呷意**嚕
 
 
麻豆:寶貝 

麻豆:芭比

麻豆:艾美娜

 

 麻豆:公主

麻豆:小蘿拉

麻豆:小蘿莉

 

放置教學:管理部落格→面版設定→自訂樣式
 
複製下面語法貼到【自訂樣式】最上面【記得修改圖片網址】噢。
 
點選【確定】就完成囉
 
圖片網址如何讀取 *點我看教學*
 
 
/*伈兒制小瑪訪客回應圖*/
#yartcmt .pagination strong{display: none}
#yartcmt .pagination{height:159px; background:url(圖片網址) no-repeat;background-position: center;}
 
 
若 喜 歡 別 忘 了 給 我 回 應,當 做 鼓 勵 唷 ^^
你 的【引 用】以 及【 回 應】, 是 我 發 文 的 動 力 
 
此 文 作 品 皆 伈 兒 自 創
如 需【引 用】或【 轉 貼】請 將 LoGo 帶 走, 謝 謝 你
 
本站LoGo

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

4aae9f7344c607ff66404.gif

 

串聯網址:http://www.hilife.com.tw/hiblog/Article.aspx?Id=12

春天的Blog也要來點應景小物!
這次特別推出春舞蝶的時計貼紙
要讓大家帶回去美化自己的Blog~

春舞蝶時計配合春天的來臨 開滿粉嫩小花
背景是手作風的藍色木頭牆
無論搭配哪款Blog底色都會很出色

時計上 有幾隻小蝴蝶是滑鼠移過去牠就會飛起來的哦!
讓你在看時間的同時
也能體會一下蝴蝶隨風飛舞花香瀰漫的感覺 (笑)

品味人生

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

Blog版型-Lovely dog

本篇是Alice 參考쿠마짱 裡的素材以及採用網路其他素材自行修改  

  

韓國的Blog版型 ↑
 

 

Alice 的版型 ↑

本篇是Alice 參考쿠마짱 裡的素材以及採用網路其他素材自行修改 

語法如下:  

在管理部落格/面板設定/自訂樣式 所需要的語法如下:  


/*隱藏更新日期欄*/
#ymodupdate{display:none}
/*隱藏部落格相簿*/
#ymodalbum{display:none;}
/*隱藏我要留言免受廣告干擾*/
#yblast .text a{display:none;} 
 
 

 

/*強制下方捲軸不出現*/
body{overflow-x:hidden;}
/*two col layout 二欄式版面加大寬度設定 */
.twocolga #yhtw_mastfoot, .twocoldr #yhtw_mastfoot {width:770x;margin:0 auto;}
.twocolga[class], .twocoldr[class]{min-width:770px;behavior:none;}
.twocolga .ycnt3col,.twocoldr .ycnt3col {zoom:1;width:770px;text-align:left;margin:0 auto;}


/*三欄式版面寬度設定*/
.thrcol #yhtw_mastfoot {width:970x;margin:0 auto;}
.thrcol[class]{min-width:970px;behavior:none;}
.thrcol .ycnt3col {zoom:1;width:970px;text-align:left;margin:0 auto;}
/*奇摩置頂管理語法-顏色設定*/
#yhtw_masthead a, #yhtw_masthead a:link, #yhtw_masthead a:visited, #yhtw_masthead a:hover, #yhtw_masthead .mhuser div, #yhtw_masthead .mhuser div a, #yhtw_masthead .mhuser div b, #yhtw_masthead .masthead_function strong{color:#ffffff;}
#yhtw_masthead{margin-bottom:0px;}
 
/*招呼語不放背景及文字顏色設定*/
#yblast .bg {filter:alpha(opacity=0); opacity:0; moz-opacity:0;}; background: transparent no-repeat;}
#yblast .text{color:#666666; }
/*自訂格名及部落格描述字*/
#yblogtitle .mbd,#yblogtitle .mft{background:transparent;color:#666666;padding-top:260px;text-align:center; }
#yblogtitle h1, #yblogtitle a {color: #ffffff; font-size:18px;font-weight:bolder;font-family:標楷體;}
#yblogtitle .tbd{height:20px }
/*大標題圖背景+重覆底背景*/
#yhtw_masthead {background:transparent;}
body {background-color:#000000;background-image: url(http://i221.photobucket.com/albums/dd142/alice0124/B0B3-choigitae.gif); background-repeat: no-repeat;background-position: top center; }

#yblogtitle .rctop div{background:transparent right top no-repeat;height:0px;right:-0px}
#yblogtitle .rcl{background:transparent repeat-y}
#yblogtitle .rcr{background:transparent right repeat-y}
#yblogtitle .rcbtm {zoom:1;background:transparent left bottom no-repeat;margin-right:0px}
#yblogtitle .rcbtm div {background:transparent right bottom no-repeat;height:0px;right:-0px}
 


 
/*側欄區上標*/
.yc3sec .mhd, .yc3subbd .mhd, .yc3sec .mhd a, .yc3subbd .mhd a,.yc3sec .mhd a:link, .yc3subbd .mhd a:link,.yc3sec .mhd a:visited, .yc3subbd .mhd a:visited{ background:transparent; color:#FFFFFF;text-align:center;}
/*Nav module body側欄區內文*/
.yc3sec .mbd, .yc3subbd .mbd, .yc3sec .mft, .yc3subbd .mft{ background:transparent; color:#69003C;}
/*Main content header文章區上標*/
.yc3pribd .mhd{ background:transparent; color:#000000; }
/*Main content body文章內文及文章區*/
.yc3pribd .mbd{ background:transparent;color:#FFFFFF;}
.yc3pribd .mft, #yreplymsg table, #ysbscrblist table, #ybloginfo table, #yusrinfo table, #yusrintro p { background:transparent;color:#FFFFFF;}

 #ymodcal .mbd td strong {color:#000000;}
 
/*Links連結文字及位置顏色改變*/
a,a:link,a:visited{color:#772B1A;text-decoration: none}
a:hover{color:#000000;text-decoration: none;}
a {text-decoration:none}
a:hover {position: relative; top: 2px;left:2px;}

/*Scrollbar捲軸區色彩*/
 html{SCROLLBAR-FACE-COLOR:#000000;
 SCROLLBAR-3DLIGHT-COLOR: #000000;
 SCROLLBAR-ARROW-COLOR: #000000;
 SCROLLBAR-TRACK-COLOR:#000000 ;
 SCROLLBAR-DARKSHADOW-COLOR:#000000;
 SCROLLBAR-BASE-COLOR:#000000;}

/*文章前小圖設定*/
.yblogcnt .blgtitlebar {margin-bottom:9px;zoom:1;}
.yblogcnt .blgtitlebar h2 {font-size:125%;font-weight:bold;background:url(http://i240.photobucket.com/albums/ff40/tina88888888/0320-609/581.gif) no-repeat;padding-left:22px;}
/*左右欄位小圖*/ .ycntmod .mbd ul.list li{background-image:url(http://i240.photobucket.com/albums/ff40/tina88888888/0320-609/492.gif)
;background-repeat:no-repeat; padding-left:22px;padding-top:10px;_line-height:1.5em}
/*shared rounded corner for all modules 無框語法*/
.ycntmod {width:100%;position:relative;margin-bottom:15px;overflow:hidden;}
.ycntmod .rctop {zoom:1;background:transparent left top no-repeat;margin-right:0px;}
.ycntmod .rctop div {background:transparent right top no-repeat;height:0px;font-size:0;position:relative;right:-0px;}
.ycntmod .rcbtm {zoom:1;background:transparent left bottom no-repeat;margin-right:0px;}
.ycntmod .rcbtm div {background:transparent right bottom no-repeat;height:0px;font-size:0;position:relative;right:-0px;}
.ycntmod .rcl {padding-left:0px;background:transparent repeat-y;}
.ycntmod .rcr {zoom:1;padding-right:0px;background:transparent right repeat-y;}
.ycntmod .text {position:relative;word-break:break-all;}
.yc3pribd .y/*側欄上方背景框線 */
.yc3sec .rctop,.yc3sub .rctop {zoom:1;background:url(http://i221.photobucket.com/albums/dd142/alice0124/04-12.gif) left top no-repeat;margin-right:0px;}
/*側欄下方背景框線 */
.yc3sec .rctop div,.yc3sub .rctop div {background:transparent right top no-repeat;height:38px;font-size:0;position:relative;right:-0px;}
.yc3sec .rcbtm,.yc3sub .rcbtm {zoom:1;background:url(http://i221.photobucket.com/albums/dd142/alice0124/05-10.gif) left bottom no-repeat;margin-right:0px;}
/*側欄左方背景框線 */
.yc3sec .rcbtm div,.yc3sub .rcbtm div {background:transparent right bottom no-repeat;height:35px;font-size:0;position:relative;right:-0px;}
.yc3sec .rcl,.yc3sub .rcl {padding-left:4px;background:url(http://i221.photobucket.com/albums/dd142/alice0124/06-10.gif) repeat-y;}
/*側欄右方背景框線 */
.yc3sec .rcr,.yc3sub .rcr {zoom:1;padding-right:4px;background:transparent right repeat-y;}
.yc3pribd .ycntmod{overflow:visible;}
.yc3pribd .ycntmod .yblogcnt{overflow:hidden;}
 
 break:break-all;}
.yc3pribd .ycntmod{overflow:visible;}
.yc3pribd .ycntmod .yblogcnt{overflow:hidden;}

 


/*btnsbsrb訂閱部落格圖示*/
div#btnsbsrb a,div#btnsbsrb_nologin a{display:block;width:120px;height:35px;background:url(http://i240.photobucket.com/albums/ff40/tina88888888/002/07-6.gif) no-repeat;margin:0;}
/*make coomment bar回應跟引用更換圖片語法*/
div.btncomment a {display:block;height:26px;width:90px;background:url(http://i240.photobucket.com/albums/ff40/tina88888888/002/08-4.gif) no-repeat;}
div.btntrackback a {display:block;height:26px;width:90px;background:url(http://i240.photobucket.com/albums/ff40/tina88888888/002/09-2.gif) no-repeat;}
/*個人資料管理頁面公開的部落標題文字顏色*/
#ybloginfo table, #yusrinfo table, #yusrintro p {background: transparent #ffffff;color:#666666;}
/*側欄框要顯示 */
.yc3subbd .rctop,.yc3subbd .rctop div,.yc3subbd .rcl,.yc3subbd .rcr,.yc3subbd .rcbtm,.yc3subbd .rcbtm div, .yc3sec .rctop,.yc3sec .rctop div,.yc3sec .rcl,.yc3sec .rcr,.yc3sec .rcbtm,.yc3sec .rcbtm div {filter:alpha(opacity=100); opacity:1.0; moz-opacity:1.0;}
/*最上方圖片要清楚 */
#yhtw_masthead{filter:alpha(opacity=100); opacity:1.0; moz-opacity:1.0;}
/*奇摩置尾區*/
#yhtw_mastfoot, #yhtw_mastfoot a, #yhtw_mastfoot a:hover{color:#666666;}
#yhtw_mastfoot{margin-top:5px;}

本文出自

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

 

蔡依林粉絲部落格ⓛⓞⓥⓔ 玩美世界 ⓑⓛⓞⓖ™

 唯依最愛的Jolin-fans自製 Jolin 標題圖+訂閱圖1組

 

    玩   美   世   界   分   享   

 

   

標題圖置左的語法

#yblogtitle h1 {display:block;float:left;background:url(http://i246.photobucket.com/albums/gg98/Jolin-fans/20080417-1.gif) 0 0 no-repeat;width:425px;height:279px;font-size:0;line-height:0;text-indent:-5000px;overflow:hidden;cursor:pointer;cursor:hand;}

 

標題圖置中的語法

#yblogtitle h1 { display:block; float:left; background:url(http://i246.photobucket.com/albums/gg98/Jolin-fans/20080325-2.gif) no-repeat center center; width:100%; height:279px; font-size:0; line-height:0; text-indent:-5000px; overflow:hidden; cursor:pointer; cursor:hand; }

 

 

訂閱圖置右的語法

div#btnsbsrb a{display:block;width:150px;height:116px;overflow:hidden;background:url(http://i246.photobucket.com/albums/gg98/Jolin-fans/20080417-2.gif) no-repeat;margin:0;}
div#btnsbsrb_nologin a{display:block;width:150px;height:116px;overflow:hidden;background:url(http://i246.photobucket.com/albums/gg98/Jolin-fans/20080417-2.gif) no-repeat;margin:0;}
#yblogtitle .tft {text-align:right;padding-bottom:0px;position:relative;} 

 

    玩   美   世   界   告   示   

索取圖片請在本文章公開回應,不准使用在非奇摩部落或其他商業用途!

引用須複製全文還有我的Logo然後按下引用鈕,確實遵守才能當朋友唷!

 

  這就是我的Logo歡迎你有空再來逛逛嘿......

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

♥。◕‿◕。創作者勿移除樂果~~~>

引用文章請整篇帶走並用正確方式引用~

可以配以下文章把部落裝飾弄成一套同款色系唷

ling製*{Hello kitty粉藍蕾絲裝飾連結樂果分享}(35)

如果妳是第一次來小格引用偶滴作品請回應唷~

偶才有機會到妳滴格裡訂閱妳唷~~~~~~~~~~

~~~勿單取~喜歡全文引用~在使用

因為奇摩部落格易常中999不用刻意回應~

正確引用就ok嚕~想給咕意見粉歡迎唷~ 阿哩阿兜  -.*

 

&&&&&&&示範圖&&&&&&&

圖網自行點圖右鍵內容就有了唷

語法以下自行調整唷//////~

使用連結目錄方式

請點右上管理部落格→自訂欄位→將下方語法貼於自訂欄位中再按確定即可

記住 語法與語法間不可有空格喔

你要連結的網址">圖片網址">

 

 

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

奶茶好喜歡這一款classicgirl

   圖修了很久 字體也一直配色 花了一天時間

所以請大家務必正確引用文章咩

延伸版型☞♧約克夏奶茶の奶茶製CHANEL版型♧

http://hk.geocities.com/q51848/classicgirl-1.gif

/*Subs list*//*訂閱部落格圖片-語法開始*/
div#btnsbsrb a{display:block;width:px;height:px;overflow:hidden;background:url(訂閱圖片網址) no-repeat;margin:0;}
/*http://tw.myblog.yahoo.com/fly-stolen*/
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;}
/*訂閱部落格圖片-語法結束*/

http://hk.geocities.com/q51848/classicgirl-2.gif

http://hk.geocities.com/q51848/classicgirl-3.gif

/*make coomment bar*//*變更回應及引用圖片語法開始*/
div.btncomment a {display:block;height:px;width:px;background:url(回應文章網址) no-repeat;}
/*http://tw.myblog.yahoo.com/fly-stolen*/
div.btntrackback a {display:block;height:px;width:px;background:url(引用文章網址) no-repeat;}
/*變更回應及引用圖片語法結束*/

 

 

http://hk.geocities.com/q51848/classicgirl-4.gif

http://hk.geocities.com/q51848/classicgirl-5.gif

http://hk.geocities.com/q51848/classicgirl-6.gif

發表文章/上傳相片/管理部落格轉換圖語法
div.btncompose a{display:block;width:120px;height:72px;overflow:hidden;background:url(發表文章圖示) no-repeat;}
div.btnphoto a{display:block;width:120px;height:72px;overflow:hidden;background:url(上傳相片圖示) no-repeat}
div.btnsetup a{display:block;width:120px;height:72px;overflow:hidden;background:url(管理blog圖示) no-repeat}

 

 

http://hk.geocities.com/q51848/classicgirl-7.gif

http://hk.geocities.com/q51848/classicgirl-8.gif

上傳個人相片/編輯個人檔案語法
div.btnulprfphoto a {display:block;:width:120px;height:72px;background:url(上傳個人相片圖示) center top no-repeat;}
div.btneditprf a {display:block;width:120px;height:72px;background:url(編輯個人檔案圖示)center top no-repeat;}

請正確引用文章!看見咩---文章下方有個引用文章鍵--複製文章後粉給它按下  就會彈出發表文章視窗嚕

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

 

這次是我第一次的作品,希望大家會喜歡! 也可以留言給点意見我喔!

1.                          2.                          

 

3.                           4.         

 

5.                                    

 

6.           

 

7.            

 

A.             B.          C.    

 

 

A.             B.           C.    

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

芯誼blog

 

圖~

~

="要連結的網址/分類點到的網址"><img src="圖的網址" alt=""""""border="0">

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

°☆【韓國精緻鑲水鑽公告欄】☆°

歡迎與Amy甜甜屋分享<<�帶走請{[確實引用]}>>
*不會引用滴好友請參閱:引用及懶人包引用需知教學
 
 
**盡量下載上傳到自己的空間收藏**因Amy會不定期滴整理圖庫*

請參閱網路空間申請教學>>
 
 
    
     
 
帶走文章請整篇複製【引 用】連同 Logo 一起帶走*請勿盜圖*

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

羽月製華麗時尚公主風美眉回應、引用、訂閱圖&語卡

要帶走唷

今天是選後的第一天不知道大家有沒有受選局的影響呢

羽月雖然對政治不是很了,不過也成定局了今天還是要微笑的過一天 

希望今天的作品可以帶給大家好心情唷

喜歡的請正確引用喔移除樂果羽月會開單喔 

 

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

/*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;}


/*Subs list*//*訂閱部落格圖片-語法開始*/
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;}
/*訂閱部落格圖片-語法結束*/

        

 

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

e e 自製 ~ 訂閱、引用、回應、留言、相簿  自由搭配 ~ 希望您會喜歡

 

 e e 再次提醒您

更換設定 ~ 相同的語法必須刪除,語法重覆會干擾程式,可能造成預期的效果無法顯示哦!

 

複製語法 管理部落格 面板設定 自訂樣式 貼在 CSS 框框裡 確定

 

     

訂閱部落格滑鼠指標靠近改變訂閱圖 (圖一)、 (圖二) 語法

=================================


div#btnsbsrb_nologin a,div#btnsbsrb a {display:block;width:132px;height:134px;overflow:hidden;background:url(http://connie-ee.t35.com/601/03/60-1.gif ) no-repeat;margin:0;}

div#btnsbsrb_nologin a:hover,div#btnsbsrb a:hover,div#btnsbsrb_nologin a:active,div#btnsbsrb a:active {background:url(http://connie-ee.t35.com/601/03/60-2.gif ) center no-repeat;}

 

感謝      二度空間    柏憲      提供      ↑    ↓    ↑    ↓      語法

/*訂閱圖-連結區塊-訂閱圖位置-訂閱圖顯示寬高-訂閱圖網址 (圖一) - 框線*/

/*滑鼠指標靠近改變訂閱圖 (圖二) - 框線*/   

 

請按 二度空間  語法解說、相關圖片 連結

 

     

引用、回應make coomment bar更換圖片語法

=================================


div.btntrackback a {display:block;width:132px;height:134px;background:url( http://connie-ee.t35.com/601/03/60-3.gif ) no-repeat;}
div.btncomment a {display:block;width:132px;height:134px;background:url( http://connie-ee.t35.com/601/03/60-4.gif ) no-repeat;}

 

感謝      二度空間    柏憲      提供      ↑    ↓    ↑    ↓      語法

/*滑鼠指標靠近改變引用圖*/         /*滑鼠指標靠近改變回應圖*/

 

請按 二度空間  語法解說、相關圖片 連結

 

     

滑鼠指標靠近改變引用、回應  圖片語法

=================================


div.btntrackback a:hover {display:block;width:132px;height:134px;background:url( http://connie-ee.t35.com/601/03/60-2.gif ) no-repeat;}

div.btncomment a:hover {display:block;width:132px;height:134px;background:url( http://connie-ee.t35.com/601/03/60-5.gif ) no-repeat;}

 

 

   

留言板更換圖片、留言版滑鼠指標靠近變換圖片語法

=================================

 

#ymodmsgbd h3 a {padding-left:300px;display:block;}
#ymodmsgbd h3 a {display:block;background:url( http://connie-ee.t35.com/601/03/60-6.gif) no-repeat;width:132px;height:134px;}
#ymodmsgbd h3 a:hover, #ymodmsgbd h3 a:active {display:block;background:url( http://connie-ee.t35.com/601/03/60-5.gif) no-repeat;width:132px;height:134px;}

 

 

部落格相簿圖片更換語法

=================================


#ymodalbum h3 a {padding-left:300px;display:block;}
#ymodalbum h3 a {display:block;background:url( http://connie-ee.t35.com/601/03/60-7.gif ) no-repeat;width:132px;height:134px;}

 


 

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

*妮子自製*//~粉紫kitty(粉彩系列六)~連結目錄

 
 
 





 

妮子這次又推出粉彩系列的連結目錄

這款~粉紫kitty(粉彩系列六)~連結目錄

是不是覺得很可愛啊?

希望你們會喜歡

喜歡的話,可以帶走,別忘了回應與引用唷!

期待您的再度光臨

別忘了妮子的logo喔====>

 

 

以下是分割後的畫面

 

                  

 

        

 

        

 

 

 

 

附上空白的可讓有需要要的人利用

 

 

 

使用連結目錄方式

請點右上管理部落格→自訂欄位→將下方語法貼於自訂欄位中再按確定即可

記住 語法與語法間不可有空格喔

你要連結的網址">圖片網址">

 

如何觀看圖片的網址:

對著你要的圖片,滑鼠點右鍵,

畫面最下方的內容,點進去就可以看到圖片的網址囉!

          

 

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

1 2