目前分類:可愛小圖&版型及教學 (175)

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

韓國插畫作品 ★HappyJules★



 


 









常常在韓網看見她的作品, 一直都想知道畫家的名字, 終於讓我無意中看到了! 原來她是 Jules !


以前雖然已發表相關的介紹如下:



本篇80款美圖取自jules’s blog , 算是一個紀念囉 !


懶人包(14.3 MB )分享給同好者, 請按以下網址耐心等待數秒再按會出現的 downfile即可。


http://www.4shared.com/file/38243027/ea3594f5/0219-jules.html


 


 














由於不能用崁入語法發表了, 以下僅放小樣以免造成當機情況 !

 













































本文出自 Tina~小小世界  http://tw.myblog.yahoo.com/tina88888888-babytony/ 


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

部落格版型(203) Happy House



 


本篇素材取自韓網BLOG/작은행복+ TINA自行加工製作。 
版型語法可適用 1024x768px 或 1280x1024px 的螢幕,以及IE或Firefox 瀏覽器;


語法中均有註解說明可依其需要修改。


請先備份其自定樣式原始文字, 再使用提供的語法 !


不太會版型語法的朋友可按以下教學參考


  新手如何使用版型語法以及改變自己要的文字顏色 



這是韓網blog  /작은행복的blog skin 小樣







這是tina改良奇摩部落格三欄版面-1024px畫面參考









側欄框樣式參考


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







/*以下若要顯示請不要放上即可*/
/*隱藏更新日期欄*/
#ymodupdate{display:none}
/*隱藏部落格相簿*/
#ymodalbum{display:none;}
/*隱藏我要留言免受廣告干擾*/
#yblast .text a{display:none;}
 
/*開始囉~都可以自行調整*/
/*強制下方捲軸不出現*/
body{overflow-x:hidden;}

/*two col layout 二欄式版面加大寬度設定 */
.twocolga #yhtw_mastfoot, .twocoldr #yhtw_mastfoot {width780px;margin:0 auto;}
.twocolga[class], .twocoldr[class]{min-width:780px;behavior:none;}
.twocolga .ycnt3col,.twocoldr .ycnt3col {zoom:1;width:780px;text-align:left;margin:0 auto;}
 
/*三欄式版面寬度設定*/
.thrcol #yhtw_mastfoot {width:980px;margin:0 auto;}
.thrcol[class]{min-width:980px;behavior:none;}
.thrcol .ycnt3col {zoom:1;width:980px;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:#D90254;}
#yhtw_masthead{margin-bottom:0px;}
 
/*招呼語不放背景及文字顏色設定*/
#yblast .bg {filter:alpha(opacity=0); opacity:0; moz-opacity:0;}; background: transparent no-repeat;}
#yblast .text{color:#FD659A;}
/*自訂格名及部落格描述字*/
#yblogtitle .mbd,#yblogtitle .mft{background:transparent;color:#FD659A;padding-top:0px;text-align:center; }
#yblogtitle h1, #yblogtitle a {color: #D90254; font-size:18px;font-weight:bolder;font-family:標楷體;}
#yblogtitle .tbd{height:25px }
/*大標題圖背景+重覆底背景*/
#yhtw_masthead {background:url(http://i240.photobucket.com/albums/ff40/tina88888888/003/1c-eyes37.gif) transparent no-repeat;height:488Px;background-position:center top;opacity:1.0;}
body {background-color:#FFF7F7;background-image:url(http://i240.photobucket.com/albums/ff40/tina88888888/003/2-eyes37-1.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}
 
/*側欄區上標*/
.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:#FD659A;text-align:center;}
/*Nav module body側欄區內文*/
.yc3sec .mbd, .yc3subbd .mbd, .yc3sec .mft, .yc3subbd .mft{ background:transparent; color:#FF72A3;}
/*Main content header文章區上標*/
.yc3pribd .mhd{ background:transparent;; color:#FD659A; }
/*Main content body文章內文及文章區*/
.yc3pribd .mbd{ background:transparent;;color:#666666;}
.yc3pribd .mft, #yreplymsg table, #ysbscrblist table, #ybloginfo table, #yusrinfo table, #yusrintro p { background:transparent;color:#666666;}
 #ymodcal .mbd td strong {color:#D90254;}
 
/*Links連結文字及位置顏色改變*/
a, a:link, a:visited{color:#D90254;text-decoration:none;}
a:hover{color:#FD659A;text-decoration:none;}
a {text-decoration:none;}
a:hover {position:relative;top:2px;left:2px;}

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

 

/*文章前小圖設定*/
.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/003/1110603.gif) no-repeat;padding-left:22px;}


/*左右欄位小圖*/
.ycntmod .mbd ul.list li{background-image:url(http://i240.photobucket.com/albums/ff40/tina88888888/003/1110603.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 .ycntmod{overflow:visible;}
.yc3pribd .ycntmod .yblogcnt{overflow:hidden;}

/*側欄區加框線*/
.yc3sec .rctop, .yc3sub .rctop {zoom:1;background:url(http://i240.photobucket.com/albums/ff40/tina88888888/003/03-39.gif) left top no-repeat;margin-right:0px;}
.yc3sec .rctop div, .yc3sub .rctop div {background:transparent right top no-repeat;height:13px;font-size:0;position:relative;right:-0px;}
.yc3sec .rcbtm, .yc3sub .rcbtm {zoom:1;background:url(http://i240.photobucket.com/albums/ff40/tina88888888/003/05-34.gif) left bottom no-repeat;margin-right:0px;}
.yc3sec .rcbtm div, .yc3sub .rcbtm div {background:transparent right bottom no-repeat;height:44px;font-size:0;position:relative;right:-0px;}
.yc3sec .rcl, .yc3sub .rcl {padding-left:2px;background:url(http://i240.photobucket.com/albums/ff40/tina88888888/003/04-33.gif) repeat-y;}
.yc3sec .rcr, .yc3sub .rcr {zoom:1;padding-right:2px;background:transparent right repeat-y;}
.yc3pribd .ycntmod{overflow:visible;}
.yc3pribd .ycntmod .yblogcnt{overflow:hidden;}
/*btnsbsrb訂閱部落格圖示*/
div#btnsbsrb a, div#btnsbsrb_nologin a{display:block;width:122px;height:64px;background:url(http://i240.photobucket.com/albums/ff40/tina88888888/003/5-13.gif) no-repeat;margin:0;}
/*make coomment bar回應跟引用更換圖片語法*/
div.btncomment a {display:block;height:82px;width:78px;background:url(http://i240.photobucket.com/albums/ff40/tina88888888/003/3-21.gif) no-repeat;}
div.btntrackback a {display:block;height:82px;width:78px;background:url(http://i240.photobucket.com/albums/ff40/tina88888888/003/4-16.gif) no-repeat;}
/*個人資料管理頁面公開的部落標題文字顏色*/
#ybloginfo table, #yusrinfo table, #yusrintro p {background: transparent #ffffff;color:#666666;}
/*側欄框要顯示 2008.03.21*/
.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,.yc3sec .mbd, .yc3subbd .mbd, .yc3sec .mft, .yc3subbd .mft,.yc3pribd .mbd{filter:alpha(opacity=100); opacity:1.0; moz-opacity:1.0;}
/*奇摩置尾區*/
#yhtw_mastfoot, #yhtw_mastfoot a, #yhtw_mastfoot a:hover{color:#D90254;}
#yhtw_mastfoot{margin-TOP:5px;}





本文出自 Tina~小小世界  http://tw.myblog.yahoo.com/tina88888888-babytony

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

部落格版型(149) Always Happy Time


本篇素材取自韓網BLOG/쿠마짱 +TINA自行加工製作。 


版型語法可適用 1024x768px 或 1280x1024px 的螢幕,以及IE或Firefox 瀏覽器;


語法中均有註解說明可依其需要修改


先備份其自定樣式原始文字, 再使用提供的語法 ! 


 如何使用『自定樣式』增加自己想要的語法



 若格友使用版型語法有問題時請按這個教學參考


  -> 部落格版型透明度的調整



這是韓網blog star/쿠마짱的blog skin 小樣





這是tina改良奇摩部落格三欄版面-1024px畫面參考



這是tina改良奇摩部落格二欄版面-1024px畫面參考













配合語法限制的欄寬樣式
本篇語法配合2008年2月25日奇摩部落格的css限制語法,

請留意用本語法原先部份css設定(2008年2月25日以前)會失效:

如游標欄寬無法自定及註解會消失等等..除非確定本篇語法使用,

否則以上被限制語法會有『一按不復返』的情形。

2008.03.04 已開放可自定游標

 

 


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






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


/*隱藏更新日期欄*/
#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:900px;margin:0 auto;}
.twocolga[class], .twocoldr[class]{min-width:900px;behavior:none;}
.twocolga .ycnt3col,.twocoldr .ycnt3col {zoom:1;width:900px;text-align:left;margin:0 auto;}
 
/*三欄式版面寬度設定*/
.thrcol #yhtw_mastfoot {width:970px;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:#86C1DC;}
#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:0px;text-align:center; }
#yblogtitle h1, #yblogtitle a {color: #5298B9; font-size:18px;font-weight:bolder;font-family:標楷體;}
#yblogtitle .tbd{height:25px }
/*大標題圖背景+重覆底背景*/
#yhtw_masthead {background:url(http://i240.photobucket.com/albums/ff40/tina88888888/002/1-28.gif) transparent no-repeat;height:296Px;background-position:center top;opacity:1.0;}
body {background-color:#ffffff;background-image:url(http://i240.photobucket.com/albums/ff40/tina88888888/002/2-28.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}
 
/*側欄區上標*/
.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:#5298B9;text-align:center;}
/*Nav module body側欄區內文*/
.yc3sec .mbd, .yc3subbd .mbd, .yc3sec .mft, .yc3subbd .mft{ background:transparent; color:#86C1DC;}
/*Main content header文章區上標*/
.yc3pribd .mhd{ background:transparent; color:#5298B9; }
/*Main content body文章內文及文章區*/
.yc3pribd .mbd{  background:transparent;color:#666666;}
.yc3pribd .mft, #yreplymsg table, #ysbscrblist table, #ybloginfo table, #yusrinfo table, #yusrintro p { background:transparent;color:#666666;}
 #ymodcal .mbd td strong {color:#97D8F6;}
 
/*Links連結文字及位置顏色改變*/
a, a:link, a:visited{color:#5298B9;text-decoration:none;}
a:hover{color:#97D8F6;text-decoration:none;}
a {text-decoration:none;}
a:hover {position:relative;top:2px;left:2px;}


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




/*文章前小圖設定*/
..yblogcnt .blgtitlebar {margin-bottom:9px;}
.yblogcnt .blgtitlebar h2 {font-size:125%;font-weight:bold;background:url(http://i240.photobucket.com/albums/ff40/tina88888888/1208/th_1439620-1.gif) no-repeat;padding-left:22px;}


/*左右欄位小圖*/
.ycntmod .mbd ul.list li{background-image:url(http://i240.photobucket.com/albums/ff40/tina88888888/002/1403322.gif);background-repeat:no-repeat;padding-left:22px;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 {background:url(http://i240.photobucket.com/albums/ff40/tina88888888/002/1-29.gif) left top no-repeat;margin-right:0px;}
 
.yc3sec .rctop div, .yc3sub .rctop div {background:transparent right top no-repeat;height:23px;font-size:0;position:relative;right:-0px;}
.yc3sec .rcbtm, .yc3sub .rcbtm {background:url(http://i240.photobucket.com/albums/ff40/tina88888888/002/3-19.gif) left bottom no-repeat;margin-right:0px;}
 
.yc3sec .rcbtm div, .yc3sub .rcbtm div {background:transparent right bottom no-repeat;height:51px;font-size:0;position:relative;right:-0px;}
.yc3sec .rcl, .yc3sub .rcl {padding-left:5px;background:url(http://i240.photobucket.com/albums/ff40/tina88888888/002/2-29.gif) repeat-y;}
 
.yc3sec .rcr, .yc3sub .rcr {padding-right:5px;background:transparent right repeat-y;}
.yc3pribd .ycntmod{overflow:visible;}
.yc3pribd .ycntmod .yblogcnt{overflow:hidden;}



 
/*btnsbsrb訂閱部落格圖示*/
div#btnsbsrb a, div#btnsbsrb_nologin a{display:block;width:137px;height:71px;background:url(http://i240.photobucket.com/albums/ff40/tina88888888/002/4-17.gif) no-repeat;margin:0;}


/*make coomment bar回應跟引用更換圖片語法*/
div.btncomment a {display:block;height:52px;width:100px;background:url(http://i240.photobucket.com/albums/ff40/tina88888888/002/5-14.gif) no-repeat;}
div.btntrackback a {display:block;height:52px;width:100px;background:url(http://i240.photobucket.com/albums/ff40/tina88888888/002/6-13.gif) no-repeat;}



/*個人資料管理頁面公開的部落標題文字顏色*/
#ybloginfo table, #yusrinfo table, #yusrintro p {background: transparent #ffffff;color:#666666;}
/*側欄框要顯示 2008.03.21*/
.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;}
/*最上方圖片要清楚 2008.03.21*/
#yhtw_masthead{filter:alpha(opacity=100); opacity:1.0; moz-opacity:1.0;}
/*奇摩置尾區*/
#yhtw_mastfoot, #yhtw_mastfoot a, #yhtw_mastfoot a:hover{color:#86C1DC;}
#yhtw_mastfoot{margin-top:5px;}




本文出自 Tina~小小世界  http://tw.myblog.yahoo.com/tina88888888-babytony/ 


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

部落格版型(202) I love coffee



 


本篇素材取自韓網BLOG/키세스+ TINA自行加工製作。 
版型語法可適用 1024x768px 或 1280x1024px 的螢幕,以及IE或Firefox 瀏覽器;


語法中均有註解說明可依其需要修改。


請先備份其自定樣式原始文字, 再使用提供的語法 !


不太會版型語法的朋友可按以下教學參考


  新手如何使用版型語法以及改變自己要的文字顏色 



這是韓網blog  /키세스的blog skin 小樣







這是tina改良奇摩部落格三欄版面-1280px畫面參考



這是tina改良奇摩部落格二欄版面-1280px畫面參考




 


側欄及文章框樣式參考

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







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

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


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


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


/*三欄式版面寬度設定*/
.thrcol #yhtw_mastfoot {width:965x;margin:0 auto;}
.thrcol[class]{min-width:965px;behavior:none;}
.thrcol .ycnt3col {zoom:1;width:965px;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:#6C1E12;}
#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:0px;text-align:center; }
#yblogtitle h1, #yblogtitle a {color: #6C1E12; font-size:18px;font-weight:bolder;font-family:標楷體;}
#yblogtitle .tbd{height:25px }
/*大標題圖背景+重覆底背景*/
#yhtw_masthead {background:url(http://i240.photobucket.com/albums/ff40/tina88888888/003/01-56.gif) transparent no-repeat;height:365Px;background-position:center top;opacity:1.0;}
body {background-color:#D4C28E;background-image:url(http://i240.photobucket.com/albums/ff40/tina88888888/003/02-43.gif);background-repeat:repeat-y;background-position:top center;overflow-x:hidden;}

#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:#E9D59E; color:#5E2423;text-align:center;}
/*Nav module body側欄區內文*/
.yc3sec .mbd, .yc3subbd .mbd, .yc3sec .mft, .yc3subbd .mft{ background:#E9D59E; color:#73411E;}
/*Main content header文章區上標*/
.yc3pribd .mhd{ background:#E9D59E; color:#5E2423; }
/*Main content body文章內文及文章區*/
.yc3pribd .mbd{ background:#E9D59E;color:#000000;padding:10px;}
.yc3pribd .mft, #yreplymsg table, #ysbscrblist table, #ybloginfo table, #yusrinfo table, #yusrintro p { background:#E9D59E;color:#666666;}
 #ymodcal .mbd td strong {color:#583823;}


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


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


/*文章前小圖設定*/
.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/1213/1040828.gif) no-repeat;padding-left:22px;}
/*左右欄位小圖*/
.ycntmod .mbd ul.list li{background-image:url(http://i240.photobucket.com/albums/ff40/tina88888888/1213/1040828.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:url(http://i240.photobucket.com/albums/ff40/tina88888888/003/01-40.jpg) left top repeat;margin-right:0px;}
.ycntmod .rctop div {background:url(http://i240.photobucket.com/albums/ff40/tina88888888/003/02-29.jpg) right top no-repeat;height:15px;font-size:0;position:relative;right:-0px;}
.ycntmod .rcbtm {zoom:1;background:url(http://i240.photobucket.com/albums/ff40/tina88888888/003/03-23.jpg) left bottom repeat;margin-right:0px;}
.ycntmod .rcbtm div {background:url(http://i240.photobucket.com/albums/ff40/tina88888888/003/04-20.jpg) right bottom no-repeat;height:15px;font-size:0;position:relative;right:-0px;}
.ycntmod .rcl {padding-left:5px;background:url(http://i240.photobucket.com/albums/ff40/tina88888888/003/05-23.jpg) repeat-y;}
.ycntmod .rcr {zoom:1;padding-right:5px;background:url(http://i240.photobucket.com/albums/ff40/tina88888888/003/06-19.jpg) right repeat-y;}
.ycntmod .text {position:relative;word-break:break-all;}
.yc3pribd .ycntmod{overflow:visible;}
.yc3pribd .ycntmod .yblogcnt{overflow:hidden;}

 /*btnsbsrb訂閱部落格圖示*/
div#btnsbsrb a,div#btnsbsrb_nologin a{display:block;width:150px;height:132px;background:url(http://i240.photobucket.com/albums/ff40/tina88888888/003/04-32.gif) no-repeat;margin:0}

/*make coomment bar回應跟引用更換圖片語法*/
div.btncomment a {display:block;height:153px;width:77px;background:url(http://i240.photobucket.com/albums/ff40/tina88888888/003/07-16.gif) no-repeat;}
div.btntrackback a {display:block;height:153px;width:77px;background:url(http://i240.photobucket.com/albums/ff40/tina88888888/003/08-13.gif) no-repeat;}

 

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

/*側欄框要顯示 2008.03.21*/
.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,.yc3sec .mbd, .yc3subbd .mbd, .yc3sec .mft, .yc3subbd .mft,.yc3pribd .mbd{filter:alpha(opacity=100); opacity:1.0; moz-opacity:1.0;}

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

 

 





本文出自 Tina~小小世界  http://tw.myblog.yahoo.com/tina88888888-babytony

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

部落格版型(190) rain



 

 

 
本篇素材取自韓網BLOG/뚱 이 +GOYO作品+TINA自行加工製作。 

版型語法可適用 1024x768px 或 1280x1024px 的螢幕,以及IE或Firefox 瀏覽器;


語法中均有註解說明可依其需要修改


先備份其自定樣式原始文字, 再使用提供的語法 ! 


不太會版型語法的朋友可按以下教學參考


  新手如何使用版型語法以及改變自己要的文字顏色 


 



這是韓網blog/ 뚱 이的blog skin 小樣






這是tina改良奇摩部落格三欄版面-1280px畫面參考



這是tina改良奇摩部落格二欄版面-1280px畫面參考

  




側欄及文章區邊框樣式參考


本篇語法配合2008年2月25日奇摩部落格的css限制語法,
請留意用本語法原先部份css設定(2008年2月25日以前)會失效:

如游標欄寬無法自定及註解會消失等等..除非確定本篇語法使用,

否則以上被限制語法會有『一按不復返』的情形。

2008.03.04 已開放可自定游標

 

 


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








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


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



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



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



/*三欄式版面寬度設定*/
.thrcol #yhtw_mastfoot {width:980Px;margin:0 auto;}
.thrcol[class]{min-width:980px;behavior:none;}
.thrcol .ycnt3col {zoom:1;width:980px;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;background:transparent}
 
#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:480px;text-align:center; }
#yblogtitle h1, #yblogtitle a {color: #367ED3; font-size:18px;font-weight:bolder;font-family:標楷體;}
#yblogtitle .tbd{height:25px }


/*大標題圖背景+重覆底背景*/
body {background-color:#ffffff;background-image: url(http://i240.photobucket.com/albums/ff40/tina88888888/003/ljhh1-pws120.jpg); background-repeat: no-repeat;background-position: center top; overflow-x:hidden;}


#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{ color:#367ED3;text-align:center;}
/*Nav module body側欄區內文*/
.yc3sec .mbd, .yc3subbd .mbd, .yc3sec .mft, .yc3subbd .mft{ color:#7CABE1;}
/*Main content header文章區上標*/
.yc3pribd .mhd{color:#367ED3; }
/*Main content body文章內文及文章區*/
.yc3pribd .mbd{padding:10px;color:#666666;}
.yc3pribd .mft, #yreplymsg table, #ysbscrblist table, #ybloginfo table, #yusrinfo table, #yusrintro p { color:#666666;}
 #ymodcal .mbd td strong {color:#367ED3;}
 
/*Links連結文字及位置顏色改變*/
a,a:link,a:visited{color:#367ED3;text-decoration: none}
a:hover{color:#7CABE1;text-decoration: none;}
a {text-decoration:none}
a:hover {position: relative; top: 2px;left:2px;}
/*Scrollbar捲軸區色彩*/
 html{SCROLLBAR-FACE-COLOR:#CCDEF4;
 SCROLLBAR-3DLIGHT-COLOR: #CCDEF4;
 SCROLLBAR-ARROW-COLOR: #ffffff;
 SCROLLBAR-TRACK-COLOR: #ffffff;
 SCROLLBAR-DARKSHADOW-COLOR:#CCDEF4;
 SCROLLBAR-BASE-COLOR:#CCDEF4;}
/*文章前小圖設定*/
.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/377.gif) no-repeat;padding-left:20px;}
/*左右欄位小圖*/
.ycntmod .mbd ul.list li{background-image:url(http://i240.photobucket.com/albums/ff40/tina88888888/0320-609/377.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:url(http://i240.photobucket.com/albums/ff40/tina88888888/003/11-17.gif) left top repeat;margin-right:0px;}
.ycntmod .rctop div {background:transparent right top no-repeat;height:15px;font-size:0;position:relative;right:-0px;}
.ycntmod .rcbtm {zoom:1;background:url(http://i240.photobucket.com/albums/ff40/tina88888888/003/10-4.gif) left bottom repeat;margin-right:0px;}
.ycntmod .rcbtm div {background:transparent right bottom no-repeat;height:15px;font-size:0;position:relative;right:-0px;}
.ycntmod .rcl {padding-left:0px;background:transparent repeat-y;}
.ycntmod .rcr {zoom:1;padding-right:0px;background:transparentright repeat-y;}
.ycntmod .text {position:relative;word-break:break-all;}
.yc3pribd .ycntmod{overflow:visible;}
.yc3pribd .ycntmod .yblogcnt{overflow:hidden;}
.yc3sec .mbd, .yc3subbd .mbd, .yc3sec .mft, .yc3subbd .mft,.yc3pribd .mbd,.yc3pribd .mft, #yreplymsg table, #ysbscrblist table, #ybloginfo table, #yusrinfo table, #yusrintro p,.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,.yc3pribd .mhd{background:#F4FBFD;}



 /*btnsbsrb訂閱部落格圖示*/
div#btnsbsrb a,div#btnsbsrb_nologin a{display:block;width:150px;height:59px;background:url(http://i240.photobucket.com/albums/ff40/tina88888888/003/21-3.gif) no-repeat;margin:0;border:2px ridge #CCDEF4;}
}


/*make coomment bar回應跟引用更換圖片語法*/
div.btncomment a {display:block;height:59px;width:92px;background:url(http://i240.photobucket.com/albums/ff40/tina88888888/003/22-4.gif) no-repeat;}
div.btntrackback a {display:block;height:59px;width:92px;background:url(http://i240.photobucket.com/albums/ff40/tina88888888/003/23-2.gif) no-repeat;}


 


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


/*側欄框要顯示 2008.03.21*/
.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,.yc3sec .mbd, .yc3subbd .mbd, .yc3sec .mft, .yc3subbd .mft,.yc3pribd .mbd{filter:alpha(opacity=100); opacity:1.0; moz-opacity:1.0;}


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







 

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

部落格版型(177) pink rabbit


本篇素材取自韓網BLOG/lllllllil +TINA自行加工製作。 
版型語法可適用 1024x768px 或 1280x1024px 的螢幕,以及IE或Firefox 瀏覽器;


語法中均有註解說明可依其需要修改。


請先備份其自定樣式原始文字, 再使用提供的語法 ! 


不太會版型語法的朋友可按以下教學參考 


  新手如何使用版型語法以及改變自己要的文字顏色 


後記: 2008.05.14


這篇居然和格友大撞衫了  差不多同一時間處理加工發表


為了配合奇摩BLOG可以使用整個大改造去背處理..


但還是讓大家質疑為何會這樣  總之我自己喜歡改造後模樣


(想想...我都可以"退休"了...)



這是韓網blog /lllllllil的blog skin 小樣






這是tina改良奇摩部落格三欄版面-1024px畫面參考(本篇不適用二欄版面)




 









側欄框樣式參考

本篇語法配合2008年2月25日奇摩部落格的css限制語法,


請留意用本語法原先部份css設定(2008年2月25日以前)會失效:

如游標欄寬無法自定及註解會消失等等..除非確定本篇語法使用,

否則以上被限制語法會有『一按不復返』的情形。

2008.03.04 已開放可自定游標

 

 


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







/*以下若要顯示請不要放上即可*/
/*隱藏更新日期欄*/
#ymodupdate{display:none}
/*隱藏部落格相簿*/
#ymodalbum{display:none;}
/*隱藏我要留言免受廣告干擾*/
#yblast .text a{display:none;}
 
/*開始囉~都可以自行調整*/




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



 
/*三欄式版面寬度設定*/
.thrcol #yhtw_mastfoot {width:970px;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:#D90254;}
#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:0px;text-align:center; }
#yblogtitle h1, #yblogtitle a {color: #D90254; font-size:18px;font-weight:bolder;font-family:標楷體;}
#yblogtitle .tbd{height:25px }
/*大標題圖背景+重覆底背景*/
#yhtw_masthead {background:url(http://i240.photobucket.com/albums/ff40/tina88888888/003/01-24.gif) transparent no-repeat;height:465Px;background-position:center top;opacity:1.0;}
body {background-color:#FFE0E0;background-image:url(http://i240.photobucket.com/albums/ff40/tina88888888/003/02-15.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}
 
/*側欄區上標*/
.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:#ffffff; color:#FD659A;text-align:center;}
/*Nav module body側欄區內文*/
.yc3sec .mbd, .yc3subbd .mbd, .yc3sec .mft, .yc3subbd .mft{ background:#ffffff; color:#FF72A3;}
/*Main content header文章區上標*/
.yc3pribd .mhd{background:transparent;color:#FD659A; }
/*Main content body文章內文及文章區*/
.yc3pribd .mbd{ background:transparent;color:#666666;padding:10PX;}
.yc3pribd .mft, #yreplymsg table, #ysbscrblist table, #ybloginfo table, #yusrinfo table, #yusrintro p { background: transparent;color:#666666;}
 #ymodcal .mbd td strong {color:#D90254;}
 
/*Links連結文字及位置顏色改變*/
a, a:link, a:visited{color:#D90254;text-decoration:none;}
a:hover{color:#FD659A;text-decoration:none;}
a {text-decoration:none;}
a:hover {position:relative;top:2px;left:2px;}


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


/*文章前小圖設定*/
.yblogcnt .blgtitlebar {margin-bottom:9px;}
.yblogcnt .blgtitlebar h2 {font-size:125%;font-weight:bold;background:url(http://i240.photobucket.com/albums/ff40/tina88888888/003/1005468.gif) no-repeat;padding-left:22px;}


/*左右欄位小圖*/
.ycntmod .mbd ul.list li{background-image:url(http://i240.photobucket.com/albums/ff40/tina88888888/003/1005466.gif);background-repeat:no-repeat;padding-left:22px;padding-top:9px;}



 
/*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 {background:url(http://i240.photobucket.com/albums/ff40/tina88888888/003/05-14.gif) left top no-repeat;margin-right:0px;}
 
.yc3sec .rctop div, .yc3sub .rctop div {background:transparent right top no-repeat;height:103px;font-size:0;position:relative;right:-0px;}
.yc3sec .rcbtm, .yc3sub .rcbtm {background:url(http://i240.photobucket.com/albums/ff40/tina88888888/003/07-8.gif) left bottom no-repeat;margin-right:0px;}
 
.yc3sec .rcbtm div, .yc3sub .rcbtm div {background:transparent right bottom no-repeat;height:11px;font-size:0;position:relative;right:-0px;}
.yc3sec .rcl, .yc3sub .rcl {padding-left:4px;background:url(http://i240.photobucket.com/albums/ff40/tina88888888/003/06-11.gif) repeat-y;}
 
.yc3sec .rcr, .yc3sub .rcr {padding-right:4px;background:transparent right repeat-y;}
.yc3pribd .ycntmod{overflow:visible;}
.yc3pribd .ycntmod .yblogcnt{overflow:hidden;}


 



/*btnsbsrb訂閱部落格圖示*/
div#btnsbsrb a, div#btnsbsrb_nologin a{display:block;width:151px;height:37px;background:url(http://i240.photobucket.com/albums/ff40/tina88888888/003/15-3.gif) no-repeat;margin:0;}


/*make coomment bar回應跟引用更換圖片語法*/
div.btncomment a {display:block;height:73px;width:95px;background:url(http://i240.photobucket.com/albums/ff40/tina88888888/003/13-10.gif) no-repeat;}
div.btntrackback a {display:block;height:73px;width:95px;background:url(http://i240.photobucket.com/albums/ff40/tina88888888/003/14-5.gif) no-repeat;}



/*個人資料管理頁面公開的部落標題文字顏色*/
#ybloginfo table, #yusrinfo table, #yusrintro p {background: transparent #ffffff;color:#666666;}
/*側欄框要顯示 2008.03.21*/
.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;}
/*最上方圖片要清楚 2008.03.21*/
#yhtw_masthead{filter:alpha(opacity=100); opacity:1.0; moz-opacity:1.0;}
/*奇摩置尾區*/
#yhtw_mastfoot, #yhtw_mastfoot a, #yhtw_mastfoot a:hover{color:#D90254;}
#yhtw_mastfoot{margin-top:5px;}









 



本文出自 Tina~小小世界  http://tw.myblog.yahoo.com/tina88888888-babytony

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

部落格版型(206) my angel



 


本篇素材取自韓網BLOG/babycat作品+ TINA自行加工製作。 
版型語法可適用 1024x768px 或 1280x1024px 的螢幕,以及IE或Firefox 瀏覽器;


語法中均有註解說明可依其需要修改。


請先備份其自定樣式原始文字, 再使用提供的語法 !


不太會版型語法的朋友可按以下教學參考


  新手如何使用版型語法以及改變自己要的文字顏色 



這是韓國繪畫家 babycat 最近的作品 : my angel   超級喜歡 !!








這是tina改良奇摩部落格二欄版面-1280px畫面參考  當然你也可以用三欄版面 !

   


 


  側欄框+文章框樣式參考


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








/*以下若要顯示請不要放上即可*/
/*隱藏更新日期欄*/
#ymodupdate{display:none}
/*隱藏部落格相簿*/
#ymodalbum{display:none;}
/*隱藏我要留言免受廣告干擾*/
#yblast .text a{display:none;}
 
/*開始囉~都可以自行調整*/


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


/*三欄式版面寬度設定*/
.thrcol #yhtw_mastfoot {width:940px;margin:0 auto;}
.thrcol[class]{min-width:940px;behavior:none;}
.thrcol .ycnt3col {zoom:1;width:940px;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;background:transparent;}
 
#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:400px;text-align:center; }
#yblogtitle h1, #yblogtitle a {color: #94CCD5; font-size:20px;font-weight:bolder;font-family:標楷體;}
#yblogtitle .tbd{height:25px }

/*大標題圖背景+重覆底背景*/
body {background-color:#ffffff;background-image: url(http://i240.photobucket.com/albums/ff40/tina88888888/003/01-59.gif); background-repeat: no-repeat;background-position: top center;overflow-x:hidden;}
#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 {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:#EFFAFA; color:#6AB7F9;text-align:center;}
/*Nav module body側欄區內文*/
.yc3sec .mbd, .yc3subbd .mbd, .yc3sec .mft, .yc3subbd .mft{background:#EFFAFA; color:#93CCF4;}
/*Main content header文章區上標*/
.yc3pribd .mhd{ background:#EFFAFA; color:#6AB7F9; }
/*Main content body文章內文及文章區*/
.yc3pribd .mbd{ padding:10px;background:#EFFAFA;color:#666666;}
.yc3pribd .mft, #yreplymsg table, #ysbscrblist table, #ybloginfo table, #yusrinfo table, #yusrintro p { background:#EFFAFA;color:#666666;}
 #ymodcal .mbd td strong {color:#6AB7F9;}

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


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


/*文章前小圖設定*/
.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/1213/1468314.gif) no-repeat;padding-left:22px;}
/*左右欄位小圖*/
.ycntmod .mbd ul.list li{background-image:url(http://i240.photobucket.com/albums/ff40/tina88888888/003/377.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:url(http://i240.photobucket.com/albums/ff40/tina88888888/003/11-30.gif) left top repeat;margin-right:0px;}
.ycntmod .rctop div {background:transparent right top no-repeat;height:35px;font-size:0;position:relative;right:-0px;}
.ycntmod .rcbtm {zoom:1;background:url(http://i240.photobucket.com/albums/ff40/tina88888888/003/03-42.gif) left bottom repeat;margin-right:0px;}
.ycntmod .rcbtm div {background:transparent right bottom no-repeat;height:14px;font-size:0;position:relative;right:-0px;}
.ycntmod .rcl {padding-left:0px;background:transparent;}
.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;}
 


/*btnsbsrb訂閱部落格圖示*/
div#btnsbsrb a,div#btnsbsrb_nologin a{display:block;width:140px;height:72px;overflow:hidden;background:url(http://i240.photobucket.com/albums/ff40/tina88888888/003/3-23.gif) no-repeat;margin:0;}

/*make coomment bar回應跟引用更換圖片語法*/
div.btncomment a {display:block;height:87px;width:80px;background:url(http://i240.photobucket.com/albums/ff40/tina88888888/003/1-44.gif) no-repeat;}
div.btntrackback a {display:block;height:87px;width:80px;background:url(http://i240.photobucket.com/albums/ff40/tina88888888/003/2-33.gif) no-repeat;}

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

/*側欄框要顯示 2008.03.21*/
.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,.yc3sec .mbd, .yc3subbd .mbd, .yc3sec .mft, .yc3subbd .mft,.yc3pribd .mbd{filter:alpha(opacity=100); opacity:1.0; moz-opacity:1.0;}
/*奇摩置尾區*/
#yhtw_mastfoot, #yhtw_mastfoot a, #yhtw_mastfoot a:hover{color:#ABD7DD;}
#yhtw_mastfoot{margin-top:5px;}

 







本文出自 Tina~小小世界  http://tw.myblog.yahoo.com/tina88888888-babytony

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

部落格版型(221) want to fly



 


本篇素材取自韓網BLOG/뚱 이+ GOYO作品+TINA自行加工製作。 
版型語法可適用 1024x768px 或 1280x1024px 的螢幕,以及IE或Firefox 瀏覽器;


語法中均有註解說明可依其需要修改。請先備份其自定樣式原始文字, 再使用提供的語法 !


不太會版型語法的朋友可按以下教學參考


  新手如何使用版型語法以及改變自己要的文字顏色  



這是韓網blog  /뚱 이 的blog skin 小樣




這是tina改良奇摩部落格二欄版面-1280px畫面參考  當然你也可以用三欄版面 !




  





 文章欄及側欄框樣式參考


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







/*以下若要顯示請不要放上即可*/
/*隱藏更新日期欄*/
#ymodupdate{display:none}
/*隱藏部落格相簿*/
#ymodalbum{display:none;}
/*隱藏我要留言免受廣告干擾*/
#yblast .text a{display:none;}
 
/*開始囉~都可以自行調整*/

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

/*三欄式版面寬度設定*/
.thrcol #yhtw_mastfoot {width:980px;margin:0 auto;}
.thrcol[class]{min-width:980px;behavior:none;}
.thrcol .ycnt3col {zoom:1;width:980px;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:#666666;}
#yhtw_masthead{margin-bottom:0px;background:transparent;}
 
#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:400px;text-align:center; }
#yblogtitle h1, #yblogtitle a {color: #650C66; font-size:20px;font-weight:bolder;font-family:標楷體;}
#yblogtitle .tbd{height:25px }
/*大標題圖背景+重覆底背景*/
body {background-color:#000000;background-image: url(http://i240.photobucket.com/albums/ff40/tina88888888/003/1-56.jpg); background-repeat: no-repeat;background-position: top center;overflow-x:hidden;}
#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 {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:url(http://i240.photobucket.com/albums/ff40/tina88888888/swbg/shana01_11.jpg); color:#650C66;text-align:center;}
/*Nav module body側欄區內文*/
.yc3sec .mbd, .yc3subbd .mbd, .yc3sec .mft, .yc3subbd .mft{background:#ffffff; color:#C430C6;}
/*Main content header文章區上標*/
.yc3pribd .mhd{ background:url(http://i240.photobucket.com/albums/ff40/tina88888888/swbg/shana01_11.jpg); color:#650C66; }
/*Main content body文章內文及文章區*/
.yc3pribd .mbd{ padding:10px;background:#ffffff;color:#666666;}
.yc3pribd .mft, #yreplymsg table, #ysbscrblist table, #ybloginfo table, #yusrinfo table, #yusrintro p { background:#ffffff;color:#666666;}
 #ymodcal .mbd td strong {color:#650C66;}
/*Links連結文字及位置顏色改變*/
a,a:link,a:visited{color:#650C66;text-decoration:none; }
a:hover{color:#C430C6;position: relative; top:3px;}

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

/*文章前小圖設定*/
.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/003/1098530.gif) no-repeat;padding-left:20px;}
/*左右欄位小圖*/
.ycntmod .mbd ul.list li{background-image:url(http://i240.photobucket.com/albums/ff40/tina88888888/003/1098530.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:url(http://i240.photobucket.com/albums/ff40/tina88888888/003/15-14.gif) left top repeat;margin-right:0px;}
.ycntmod .rctop div {background:transparent right top no-repeat;height:31px;font-size:0;position:relative;right:-0px;}
.ycntmod .rcbtm {zoom:1;background:url(http://i240.photobucket.com/albums/ff40/tina88888888/003/16-13.gif) left bottom repeat;margin-right:0px;}
.ycntmod .rcbtm div {background:transparent right bottom no-repeat;height:31px;font-size:0;position:relative;right:-0px;}
.ycntmod .rcl {padding-left:0px;background:transparent;}
.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;}
 

/*btnsbsrb訂閱部落格圖示*/
div#btnsbsrb a,div#btnsbsrb_nologin a{display:block;width:173px;height:50px;overflow:hidden;background:url(http://i240.photobucket.com/albums/ff40/tina88888888/003/03-55.gif) no-repeat;margin:0;}
/*make coomment bar回應跟引用更換圖片語法*/
div.btncomment a {display:block;height:80px;width:80px;background:url(http://i240.photobucket.com/albums/ff40/tina88888888/003/01-78.gif) no-repeat;}
div.btntrackback a {display:block;height:80px;width:80px;background:url(http://i240.photobucket.com/albums/ff40/tina88888888/003/02-65.gif) no-repeat;}
/*個人資料管理頁面公開的部落標題文字顏色*/
#ybloginfo table, #yusrinfo table, #yusrintro p {background: transparent #ffffff;color:#666666;}

/*側欄框要顯示 2008.03.21*/
.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,.yc3sec .mbd, .yc3subbd .mbd, .yc3sec .mft, .yc3subbd .mft,.yc3pribd .mbd{filter:alpha(opacity=100); opacity:1.0; moz-opacity:1.0;}

.yc3sec .mbd, .yc3subbd .mbd, .yc3sec .mft, .yc3subbd .mft, .yc3pribd .mbd{background:url(http://i240.photobucket.com/albums/ff40/tina88888888/swbg/shana01_11.jpg);}

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


 

 







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

如可用IE取得要引用文章的語法?



 







如題, 由於奇摩部落格限制EMBED語法使得我的懶人引用完全失效了,後來連轉址也被限制,

只好想出用此方法幫助習慣用語法引用的朋友。

 

其實原先懶人引用只是簡化用語法來發表,本篇是教大家如何用IE查原始檔的語法方便引用。

 

以下請大家看我的小小圖片示範:

 



















    由以上得知奇摩部落格文章語法是介於
     <div cass="msgdontent">及<div cass="actbtns"> 之間
    



    我們就是要複製這二段之間的css語法, 其實不用強記常常做就知道位置。

 














本文出自 Tina~小小世界  http://tw.myblog.yahoo.com/tina88888888-babytony


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

部落格版型(212) little cat



分類:BLOG版型

2008/06/05 14:31


本篇素材取自韓網BLOG/히카+ TINA自行加工製作。 
版型語法可適用 1024x768px 或 1280x1024px 的螢幕,以及IE或Firefox 瀏覽器;


語法中均有註解說明可依其需要修改。請先備份其自定樣式原始文字, 再使用提供的語法 !


不太會版型語法的朋友可按以下教學參考


  新手如何使用版型語法以及改變自己要的文字顏色 



 


這是韓網blog  /히카 的blog skin 小樣




這是tina改良奇摩部落格二欄版面-1024px畫面參考  當然你也可以用三欄版面 !

  







文章欄及側欄框樣式參考


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







/*以下若要顯示請不要放上即可*/
/*隱藏更新日期欄*/
#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:760px;margin:0 auto;}
.twocolga[class], .twocoldr[class]{min-width:760px;behavior:none;}
.twocolga .ycnt3col,.twocoldr .ycnt3col {zoom:1;width:760px;text-align:left;margin:0 auto;}
 
/*三欄式版面寬度設定*/
.thrcol #yhtw_mastfoot {width:995px;margin:0 auto;}
.thrcol[class]{min-width:995px;behavior:none;}
.thrcol .ycnt3col {zoom:1;width:995px;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:#FAAAB7;}
#yhtw_masthead{margin-bottom:0px;}
 
/*招呼語不放背景及文字顏色設定*/
#yblast .bg {filter:alpha(opacity=0); opacity:0; moz-opacity:0;}; background: transparent no-repeat;}
#yblast .text{color:#FA789B;}
/*自訂格名及部落格描述字*/
#yblogtitle .mbd,#yblogtitle .mft{background:transparent;color:#FA789B;padding-top:0px;text-align:center; }
#yblogtitle h1, #yblogtitle a {color: #D90254; font-size:18px;font-weight:bolder;font-family:標楷體;}
#yblogtitle .tbd{height:25px }
/*大標題圖背景+重覆底背景*/
#yhtw_masthead {background:url(http://i240.photobucket.com/albums/ff40/tina88888888/003/01-68.gif) transparent no-repeat;height:354Px;background-position:center top;opacity:1.0;}
body {background-color:#FFDBD8;background-image:url(http://i240.photobucket.com/albums/ff40/tina88888888/003/d1-hikami00.jpg);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}
 
/*側欄區上標*/
.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:#D90254;text-align:center;}
/*Nav module body側欄區內文*/
.yc3sec .mbd, .yc3subbd .mbd, .yc3sec .mft, .yc3subbd .mft{ background:transparent; color:#FA789B;}
/*Main content header文章區上標*/
.yc3pribd .mhd{ background:transparent;; color:#D90254; }
/*Main content body文章內文及文章區*/
.yc3pribd .mbd{ background:transparent;;color:#666666;padding:8px}
.yc3pribd .mft, #yreplymsg table, #ysbscrblist table, #ybloginfo table, #yusrinfo table, #yusrintro p { background:transparent;color:#666666;}
 #ymodcal .mbd td strong {color:#D90254;}
 
/*Links連結文字及位置顏色改變*/
a, a:link, a:visited{color:#D90254;text-decoration:none;}
a:hover{color:#FD659A;text-decoration:none;}
a {text-decoration:none;}
a:hover {position:relative;top:2px;left:2px;}
/*Scrollbar捲軸區色彩*/
html{SCROLLBAR-FACE-COLOR:#FFDBD8;
SCROLLBAR-3DLIGHT-COLOR:#FFDBD8;
SCROLLBAR-ARROW-COLOR:#ffffff;
SCROLLBAR-TRACK-COLOR:#ffffff;
SCROLLBAR-DARKSHADOW-COLOR:#FFDBD8;
}
 

/*文章前小圖設定*/
.yblogcnt .blgtitlebar {margin-bottom:0px;zoom:1;}
.yblogcnt .blgtitlebar h2 {font-size:125%;font-weight:bold;background:url(http://i240.photobucket.com/albums/ff40/tina88888888/003/483.gif) no-repeat;height:30px;padding-left:22px;padding-top:10px;}


/*左右欄位小圖*/
.ycntmod .mbd ul.list li{background-image:url(http://i240.photobucket.com/albums/ff40/tina88888888/003/475.gif);background-repeat:no-repeat;padding-left:22px;padding-top:20px;}


/*shared rounded corner for all modules 無框語法*/
.ycntmod {width:100%;position:relative;margin-bottom:15px;overflow:hidden;}
.ycntmod .rctop {zoom:1;background:url(http://i240.photobucket.com/albums/ff40/tina88888888/003/01-69.gif) ;margin-right:0px;}
.ycntmod .rctop div {background:transparent right top no-repeat;height:17px;font-size:0;position:relative;right:-0px;}
.ycntmod .rcbtm {zoom:1;background:url(http://i240.photobucket.com/albums/ff40/tina88888888/003/02-55.gif);margin-right:0px;}
.ycntmod .rcbtm div {background:transparent right bottom no-repeat;height:17px;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://i240.photobucket.com/albums/ff40/tina88888888/003/01-70.gif) left top no-repeat;margin-right:0px;}
.yc3sec .rctop div, .yc3sub .rctop div {background:transparent right top no-repeat;height:12px;font-size:0;position:relative;right:-0px;}
.yc3sec .rcbtm, .yc3sub .rcbtm {zoom:1;background:url(http://i240.photobucket.com/albums/ff40/tina88888888/003/03-50.gif) left bottom no-repeat;margin-right:0px;}
.yc3sec .rcbtm div, .yc3sub .rcbtm div {background:transparent right bottom no-repeat;height:145px;font-size:0;position:relative;right:-0px;}
.yc3sec .rcl, .yc3sub .rcl {padding-left:2px;background:url(http://i240.photobucket.com/albums/ff40/tina88888888/003/02-56.gif) repeat-y;}
.yc3sec .rcr, .yc3sub .rcr {zoom:1;padding-right:2px;background:transparent right repeat-y;}
.yc3pribd .ycntmod{overflow:visible;}
.yc3pribd .ycntmod .yblogcnt{overflow:hidden;}
/*btnsbsrb訂閱部落格圖示*/
div#btnsbsrb a, div#btnsbsrb_nologin a{display:block;width:150px;height:69px;background:url(http://i240.photobucket.com/albums/ff40/tina88888888/003/04-40.gif) no-repeat;margin:0;}
/*make coomment bar回應跟引用更換圖片語法*/
div.btncomment a {display:block;height:80px;width:80px;background:url(http://i240.photobucket.com/albums/ff40/tina88888888/003/03-49.gif) no-repeat;}
div.btntrackback a {display:block;height:80px;width:80px;background:url(http://i240.photobucket.com/albums/ff40/tina88888888/003/02-54.gif) no-repeat;}
/*個人資料管理頁面公開的部落標題文字顏色*/
#ybloginfo table, #yusrinfo table, #yusrintro p {background: transparent #ffffff;color:#666666;}
/*側欄框要顯示 2008.03.21*/
.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,.yc3sec .mbd, .yc3subbd .mbd, .yc3sec .mft, .yc3subbd .mft,.yc3pribd .mbd{filter:alpha(opacity=100); opacity:1.0; moz-opacity:1.0;}
/*奇摩置尾區*/
#yhtw_mastfoot, #yhtw_mastfoot a, #yhtw_mastfoot a:hover{color:#D90254;}
#yhtw_mastfoot{margin-TOP:5px;} 

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

部落格版型(215) LOVE BEAR



分類:BLOG版型

2008/06/07 13:19


本篇素材取自韓網BLOG/COLA71a+TINA自行加工製作。 
版型語法可適用 1024x768px 或 1280x1024px 的螢幕,以及IE或Firefox 瀏覽器;


語法中均有註解說明可依其需要修改。請先備份其自定樣式原始文字, 再使用提供的語法 !


不太會版型語法的朋友可按以下教學參考


  新手如何使用版型語法以及改變自己要的文字顏色  



這是韓網blog  /cola  的blog skin 小樣




這是tina改良奇摩部落格二欄版面-1024px畫面參考  當然你也可以用三欄版面 !



  





 文章欄及側欄框樣式參考


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







/*以下若要顯示請不要放上即可*/
/*隱藏更新日期欄*/
#ymodupdate{display:none}
/*隱藏部落格相簿*/
#ymodalbum{display:none;}
/*隱藏我要留言免受廣告干擾*/
#yblast .text a{display:none;}


/*開始囉~都可以自行調整*/
/*two col layout 二欄式版面加大寬度設定 */
.twocolga #yhtw_mastfoot, .twocoldr #yhtw_mastfoot {width:900px;margin:0 auto;}
.twocolga[class], .twocoldr[class]{min-width:900px;behavior:none;}
.twocolga .ycnt3col,.twocoldr .ycnt3col {zoom:1;width:900px;text-align:left;margin:0 auto;}
 
/*三欄式版面寬度設定*/
.thrcol #yhtw_mastfoot {width:990px;margin:0 auto;}
.thrcol[class]{min-width:990px;behavior:none;}
.thrcol .ycnt3col {zoom:1;width:990px;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:#D90254;}
#yhtw_masthead{margin-bottom:0px;background:transparent}
 
/*招呼語不放背景及文字顏色設定*/
#yblast .bg {filter:alpha(opacity=0); opacity:0; moz-opacity:0;}; background: transparent no-repeat;}
#yblast .text{color:#FB507E;}
/*自訂格名及部落格描述字*/
#yblogtitle .mbd,#yblogtitle .mft{background:transparent;color:#FB507E;padding-top:275px;text-align:center; }
#yblogtitle h1, #yblogtitle a {color: #D90254; font-size:18px;font-weight:bolder;font-family:標楷體;}
#yblogtitle .tbd{height:25px }
/*大標題圖背景+重覆底背景*/
body {background:url(http://i240.photobucket.com/albums/ff40/tina88888888/003/01-58.gif) transparent no-repeat;background-position:center top;opacity:1.0;}
html {background-color:#ffffff;background-image:url(http://i240.photobucket.com/albums/ff40/tina88888888/003/0182.gif);background-position:top center;overflow-x:hidden;}
#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:#FDECFF; color:#D90254;text-align:center;}
/*Nav module body側欄區內文*/
.yc3sec .mbd, .yc3subbd .mbd, .yc3sec .mft, .yc3subbd .mft{ background:#FDECFF; color:#FB8CA6;}
/*Main content header文章區上標*/
.yc3pribd .mhd{ background:#FDECFF;; color:#D90254;padding:8px; }
/*Main content body文章內文及文章區*/
.yc3pribd .mbd{ background:#FDECFF;color:#666666;padding:8PX;}
.yc3pribd .mft, #yreplymsg table, #ysbscrblist table, #ybloginfo table, #yusrinfo table, #yusrintro p { background:#FDECFF;color:#666666;}
 #ymodcal .mbd td strong {color:#D90254;}
 
/*Links連結文字及位置顏色改變*/
a, a:link, a:visited{color:#D90254;text-decoration:none;}
a:hover{color:#FD659A;text-decoration:none;}
a {text-decoration:none;}
a:hover {position:relative;top:2px;left:2px;}
/*Scrollbar捲軸區色彩*/
html{SCROLLBAR-FACE-COLOR:#FCB8C8;
SCROLLBAR-3DLIGHT-COLOR:#FCB8C8;
SCROLLBAR-ARROW-COLOR:#FFEEEE;
SCROLLBAR-TRACK-COLOR:#ffffff;
SCROLLBAR-DARKSHADOW-COLOR:#FCB8C8;
}
/*文章前小圖設定*/
.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/000/1101022.gif) no-repeat;padding-left:22px;}

/*左右欄位小圖*/
.ycntmod .mbd ul.list li{background-image:url(http://i240.photobucket.com/albums/ff40/tina88888888/000/1103876.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:url(http://i240.photobucket.com/albums/ff40/tina88888888/003/01-73.gif) left top repeat;margin-right:0px;}
.ycntmod .rctop div {background:transparent right top no-repeat;height:35px;font-size:0;position:relative;right:-0px;}
.ycntmod .rcbtm {zoom:1;background:url(http://i240.photobucket.com/albums/ff40/tina88888888/003/02-59.gif) left bottom repeat;margin-right:0px;}
.ycntmod .rcbtm div {background:transparent right bottom no-repeat;height:34px;font-size:0;position:relative;right:-0px;}
.ycntmod .rcl {padding-left:0px;background:transparent;}
.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;}


/*btnsbsrb訂閱部落格圖示*/
div#btnsbsrb a, div#btnsbsrb_nologin a{display:block;width:150px;height:60px;background:url(http://i240.photobucket.com/albums/ff40/tina88888888/003/05-36.gif) no-repeat;margin:0;}
/*make coomment bar回應跟引用更換圖片語法*/
div.btncomment a {display:block;height:89px;width:80px;background:url(http://i240.photobucket.com/albums/ff40/tina88888888/003/06-31.gif) no-repeat;}
div.btntrackback a {display:block;height:89px;width:80px;background:url(http://i240.photobucket.com/albums/ff40/tina88888888/003/07-18.gif) no-repeat;}
/*個人資料管理頁面公開的部落標題文字顏色*/
#ybloginfo table, #yusrinfo table, #yusrintro p {background: transparent #ffffff;color:#666666;}
/*側欄框要顯示 2008.03.21*/
.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,.yc3sec .mbd, .yc3subbd .mbd, .yc3sec .mft, .yc3subbd .mft,.yc3pribd .mbd{filter:alpha(opacity=100); opacity:1.0; moz-opacity:1.0;}
/*奇摩置尾區*/
#yhtw_mastfoot, #yhtw_mastfoot a, #yhtw_mastfoot a:hover{color:#D90254;}
#yhtw_mastfoot{margin-TOP:5px;}

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

部落格版型(225) hold me



 


本篇素材取自韓網BLOG/ECHI+TINA自行加工製作。 
版型語法可適用 1024x768px 或 1280x1024px 的螢幕,以及IE或Firefox 瀏覽器;


語法中均有註解說明可依其需要修改。請先備份其自定樣式原始文字, 再使用提供的語法 !


不太會版型語法的朋友可按以下教學參考


  新手如何使用版型語法以及改變自己要的文字顏色  



這是韓網blog  star ECHI  的blog skin 小樣




這是tina改良奇摩部落格二欄版面-1280px畫面參考  當然你也可以用三欄版面 !


  


  文章欄及側欄框樣式參考


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







/*以下若要顯示請不要放上即可*/
/*隱藏更新日期欄*/
#ymodupdate{display:none}
/*隱藏部落格相簿*/
#ymodalbum{display:none;}
/*隱藏我要留言免受廣告干擾*/
#yblast .text a{display:none;}
 
/*開始囉~都可以自行調整*/
.twocolga #yhtw_mastfoot, .twocoldr #yhtw_mastfoot {width:900px;margin:0 auto;}
.twocolga[class], .twocoldr[class]{min-width:900px;behavior:none;}
.twocolga .ycnt3col,.twocoldr .ycnt3col {zoom:1;width:900px;text-align:left;margin:0 auto;}
/*三欄式版面寬度設定*/
.thrcol #yhtw_mastfoot {width:980px;margin:0 auto;}
.thrcol[class]{min-width:980px;behavior:none;}
.thrcol .ycnt3col {zoom:1;width:980px;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;background:transparent;}
/*招呼語不放背景及文字顏色設定*/
#yblast .bg {filter:alpha(opacity=0); opacity:0; moz-opacity:0;}; background: transparent no-repeat;}
#yblast .text{color:#ffffff;}
/*自訂格名及部落格描述字*/
#yblogtitle .mbd,#yblogtitle .mft{background:transparent;color:#ffffff;padding-top:400px;text-align:center; }
#yblogtitle h1, #yblogtitle a {color: #ffffff; font-size:18px;font-weight:bolder;font-family:標楷體;}
#yblogtitle .tbd{height:25px }
/*大標題圖背景+重覆底背景*/
body {background-color:#9BD9D8;background-image: url(http://i240.photobucket.com/albums/ff40/tina88888888/003/bg_back_once-momoechi.jpg); background-repeat: no-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 {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:url(http://i240.photobucket.com/albums/ff40/tina88888888/003/cloth08a.jpg); color:#37A1CE;text-align:center;}
/*Nav module body側欄區內文*/
.yc3sec .mbd, .yc3subbd .mbd, .yc3sec .mft, .yc3subbd .mft{ background:url(http://i240.photobucket.com/albums/ff40/tina88888888/003/cloth08a.jpg); color:#65BCFF;}
/*Main content header文章區上標*/
.yc3pribd .mhd{ background:url(http://i240.photobucket.com/albums/ff40/tina88888888/003/cloth08a.jpg); color:#37A1CE; }
/*Main content body文章內文及文章區*/
.yc3pribd .mbd{ background:url(http://i240.photobucket.com/albums/ff40/tina88888888/003/cloth08a.jpg);color:#666666;padding:8px}
.yc3pribd .mft, #yreplymsg table, #ysbscrblist table, #ybloginfo table, #yusrinfo table, #yusrintro p { background:url(http://i240.photobucket.com/albums/ff40/tina88888888/003/cloth08a.jpg);color:#666666;}
 #ymodcal .mbd td strong {color:#37A1CE;}
 
/*Links連結文字及位置顏色改變*/
a, a:link, a:visited{color:#37A1CE;text-decoration:none;}
a:hover{color:#91D7FF;text-decoration:none;}
a:hover {position:relative;top:2px;left:2px;}
/*Scrollbar捲軸區色彩*/
html{SCROLLBAR-FACE-COLOR:#9BD9D8;
SCROLLBAR-3DLIGHT-COLOR:#9BD9D8;
SCROLLBAR-ARROW-COLOR:#FFEEEE;
SCROLLBAR-TRACK-COLOR:#ffffff;
SCROLLBAR-DARKSHADOW-COLOR:#9BD9D8;
}
 
/*文章前小圖設定*/
.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/003/1083059.gif) no-repeat;padding-left:20px;}
/*左右欄位小圖*/
.ycntmod .mbd ul.list li{background-image:url(http://i240.photobucket.com/albums/ff40/tina88888888/003/1083059.gif);background-repeat:no-repeat; padding-left:20px;padding-top:10px;_line-height:1.5em}
 
/*框語法*/
.ycntmod {width:100%;position:relative;margin-bottom:15px;overflow:hidden;}
.ycntmod .rctop {zoom:1;background:url(http://i240.photobucket.com/albums/ff40/tina88888888/003/01-80.gif) left top no-repeat;margin-right:2px;}
.ycntmod .rctop div {background:url(http://i240.photobucket.com/albums/ff40/tina88888888/003/02-66.gif) right top no-repeat;height:30px;font-size:0;position:relative;right:-2px;}
.ycntmod .rcbtm {zoom:1;background:url(http://i240.photobucket.com/albums/ff40/tina88888888/003/03-56.gif) left bottom no-repeat;margin-right:2px;}
.ycntmod .rcbtm div {background:url(http://i240.photobucket.com/albums/ff40/tina88888888/003/04-44.gif) right bottom no-repeat;height:30px;font-size:0;position:relative;right:-2px;}
.ycntmod .rcl {padding-left:2px;background:url(http://i240.photobucket.com/albums/ff40/tina88888888/003/05-45.gif) repeat-y;}
.ycntmod .rcr {zoom:1;padding-right:2px;background:url(http://i240.photobucket.com/albums/ff40/tina88888888/003/06-39.gif) right repeat-y;}
.ycntmod .text {position:relative;word-break:break-all;}
.yc3pribd .ycntmod{overflow:visible;}
.yc3pribd .ycntmod .yblogcnt{overflow:hidden;}


/*btnsbsrb訂閱部落格圖示*/
div#btnsbsrb a,div#btnsbsrb_nologin a{display:block;width:187px;height:71px;overflow:hidden;background:url(http://i240.photobucket.com/albums/ff40/tina88888888/003/03-60.gif) no-repeat;margin:0;}
/*make coomment bar回應跟引用更換圖片語法*/
div.btncomment a {display:block;height:80px;width:80px;background:url(http://i240.photobucket.com/albums/ff40/tina88888888/003/02-72.gif) no-repeat;}
div.btntrackback a {display:block;height:80px;width:80px;background:url(http://i240.photobucket.com/albums/ff40/tina88888888/003/01-88.gif) no-repeat;}
/*個人資料管理頁面公開的部落標題文字顏色*/
#ybloginfo table, #yusrinfo table, #yusrintro p {background: transparent #ffffff;color:#666666;}
/*側欄框要顯示 2008.03.21*/
.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,.yc3sec .mbd, .yc3subbd .mbd, .yc3sec .mft, .yc3subbd .mft,.yc3pribd .mbd{filter:alpha(opacity=100); opacity:1.0; moz-opacity:1.0;}

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

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

部落格版型(220) candy



分類:BLOG版型

2008/06/10 11:03


本篇素材取自韓網BLOG/뚱 이+ TINA自行加工製作。 
版型語法可適用 1024x768px 或 1280x1024px 的螢幕,以及IE或Firefox 瀏覽器;


語法中均有註解說明可依其需要修改。請先備份其自定樣式原始文字, 再使用提供的語法 !


不太會版型語法的朋友可按以下教學參考


  新手如何使用版型語法以及改變自己要的文字顏色 



 


這是韓網blog  /뚱 이 的blog skin 小樣




這是tina改良奇摩部落格二欄版面-1280px畫面參考  當然你也可以用三欄版面 !

  




  文章欄及側欄框樣式參考


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







/*以下若要顯示請不要放上即可*/
/*隱藏更新日期欄*/
#ymodupdate{display:none}
/*隱藏部落格相簿*/
#ymodalbum{display:none;}
/*隱藏我要留言免受廣告干擾*/
#yblast .text a{display:none;}
 
/*開始囉~都可以自行調整*/

/*two col layout 二欄式版面加大寬度設定 */
.twocolga #yhtw_mastfoot, .twocoldr #yhtw_mastfoot {width:780px;margin:0 auto;}
.twocolga[class], .twocoldr[class]{min-width:780px;behavior:none;}
.twocolga .ycnt3col,.twocoldr .ycnt3col {zoom:1;width:780px;text-align:left;margin:0 auto;}
 
/*三欄式版面寬度設定*/
.thrcol #yhtw_mastfoot {width:980px;margin:0 auto;}
.thrcol[class]{min-width:980px;behavior:none;}
.thrcol .ycnt3col {zoom:1;width:980px;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:#D90254;}
#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:0px;text-align:center; }
#yblogtitle h1, #yblogtitle a {color: #D90254; font-size:18px;font-weight:bolder;font-family:標楷體;}
#yblogtitle .tbd{height:25px }
/*大標題圖背景+重覆底背景*/
#yhtw_masthead {background:url(http://i240.photobucket.com/albums/ff40/tina88888888/003/25-5-pws120-1.jpg) transparent no-repeat;height:433Px;background-position:center top;opacity:1.0;}
body {background-color:#F3ECD9;background-image:url(http://i240.photobucket.com/albums/ff40/tina88888888/003/1-55.jpg);background-repeat:repeat-y;background-position:top center;overflow-x:hidden;}
#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:#FFF6CE; color:#FD659A;text-align:center;}
/*Nav module body側欄區內文*/
.yc3sec .mbd, .yc3subbd .mbd, .yc3sec .mft, .yc3subbd .mft{ background:#FFF6CE; color:#FF72A3;}
/*Main content header文章區上標*/
.yc3pribd .mhd{ background:transparent; color:#FD659A; }
/*Main content body文章內文及文章區*/
.yc3pribd .mbd{ background:transparent;;color:#666666;}
.yc3pribd .mft, #yreplymsg table, #ysbscrblist table, #ybloginfo table, #yusrinfo table, #yusrintro p { background:transparent;color:#666666;}
 #ymodcal .mbd td strong {color:#D90254;}
 
/*Links連結文字及位置顏色改變*/
a, a:link, a:visited{color:#D90254;text-decoration:none;}
a:hover{color:#FD659A;text-decoration:none;}
a {text-decoration:none;}
a:hover {position:relative;top:2px;left:2px;}
/*Scrollbar捲軸區色彩*/
html{SCROLLBAR-FACE-COLOR:#feccdb;
SCROLLBAR-3DLIGHT-COLOR:#feccdb;
SCROLLBAR-ARROW-COLOR:#FFEEEE;
SCROLLBAR-TRACK-COLOR:#F3ECD9;
SCROLLBAR-DARKSHADOW-COLOR:#feccdb;
}
 
/*文章前小圖設定*/
.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/003/1000439.gif) no-repeat;padding-left:22px;}
/*左右欄位小圖*/
.ycntmod .mbd ul.list li{background-image:url(http://i240.photobucket.com/albums/ff40/tina88888888/003/1000440.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:url(http://i240.photobucket.com/albums/ff40/tina88888888/003/12-28.gif) left top repeat;margin-right:0px;}
.ycntmod .rctop div {background:transparent right top no-repeat;height:33px;font-size:0;position:relative;right:-0px;}
.ycntmod .rcbtm {zoom:1;background:url(http://i240.photobucket.com/albums/ff40/tina88888888/003/13-25.gif) left bottom repeat;margin-right:0px;}
.ycntmod .rcbtm div {background:transparent right bottom no-repeat;height:33px;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;}

/*btnsbsrb訂閱部落格圖示*/
div#btnsbsrb a, div#btnsbsrb_nologin a{display:block;width:173px;height:50px;background:url(http://i240.photobucket.com/albums/ff40/tina88888888/003/07-25.gif) no-repeat;margin:0;}
/*make coomment bar回應跟引用更換圖片語法*/
div.btncomment a {display:block;height:80px;width:80px;background:url(http://i240.photobucket.com/albums/ff40/tina88888888/003/08-18.gif) no-repeat;}
div.btntrackback a {display:block;height:80px;width:80px;background:url(http://i240.photobucket.com/albums/ff40/tina88888888/003/09-11.gif) no-repeat;}
/*個人資料管理頁面公開的部落標題文字顏色*/
#ybloginfo table, #yusrinfo table, #yusrintro p {background: transparent #ffffff;color:#666666;}
/*側欄框要顯示 2008.03.21*/
.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,.yc3sec .mbd, .yc3subbd .mbd, .yc3sec .mft, .yc3subbd .mft,.yc3pribd .mbd{filter:alpha(opacity=100); opacity:1.0; moz-opacity:1.0;}
/*奇摩置尾區*/
#yhtw_mastfoot, #yhtw_mastfoot a, #yhtw_mastfoot a:hover{color:#D90254;}
#yhtw_mastfoot{margin-TOP:5px;}

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

部落格版型(223) kid & icecream


 


本篇素材取自韓網BLOG/비비+ TINA自行加工製作。 
版型語法可適用 1024x768px 或 1280x1024px 的螢幕,以及IE或Firefox 瀏覽器;


語法中均有註解說明可依其需要修改。請先備份其自定樣式原始文字, 再使用提供的語法 !


不太會版型語法的朋友可按以下教學參考


  新手如何使用版型語法以及改變自己要的文字顏色 



這是韓網blog  /비비 的blog skin 小樣



這是tina改良奇摩部落格二欄版面-1280px畫面參考  當然你也可以用三欄版面 !




  文章欄及側欄框樣式參考


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







/*以下若要顯示請不要放上即可*/
/*隱藏更新日期欄*/
#ymodupdate{display:none}
/*隱藏部落格相簿*/
#ymodalbum{display:none;}
/*隱藏我要留言免受廣告干擾*/
#yblast .text a{display:none;}
 
/*開始囉~都可以自行調整*/

/*two col layout 二欄式版面加大寬度設定 */
.twocolga #yhtw_mastfoot, .twocoldr #yhtw_mastfoot {width:800px;margin:0 auto;}
.twocolga[class], .twocoldr[class]{min-width:800px;behavior:none;}
.twocolga .ycnt3col,.twocoldr .ycnt3col {zoom:1;width:800px;text-align:left;margin:0 auto;}
 
/*三欄式版面寬度設定*/
.thrcol #yhtw_mastfoot {width:980px;margin:0 auto;}
.thrcol[class]{min-width:980px;behavior:none;}
.thrcol .ycnt3col {zoom:1;width:980px;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:#D90254;}
#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:0px;text-align:center; }
#yblogtitle h1, #yblogtitle a {color: #D90254; font-size:18px;font-weight:bolder;font-family:標楷體;}
#yblogtitle .tbd{height:25px }
/*大標題圖背景+重覆底背景*/
#yhtw_masthead {background:url(http://i240.photobucket.com/albums/ff40/tina88888888/003/01-83.jpg) transparent no-repeat;height:319Px;background-position:center top;opacity:1.0;}
body {background-color:#FEFBEA;background-image:url(http://i240.photobucket.com/albums/ff40/tina88888888/003/1-59.jpg);background-repeat:repeat-y;background-position:top center;overflow-x:hidden;}
#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:url(http://i240.photobucket.com/albums/ff40/tina88888888/swbg/berry01_rp.jpg); color:#D90254;text-align:center;}
/*Nav module body側欄區內文*/
.yc3sec .mbd, .yc3subbd .mbd, .yc3sec .mft, .yc3subbd .mft{ background:url(http://i240.photobucket.com/albums/ff40/tina88888888/swbg/berry01_rp.jpg); color:#FF72A3;}
/*Main content header文章區上標*/
.yc3pribd .mhd{ background:url(http://i240.photobucket.com/albums/ff40/tina88888888/swbg/berry01_rp.jpg); color:#D90254; }
/*Main content body文章內文及文章區*/
.yc3pribd .mbd{ background:url(http://i240.photobucket.com/albums/ff40/tina88888888/swbg/berry01_rp.jpg);;color:#515151;padding:8px;}
.yc3pribd .mft, #yreplymsg table, #ysbscrblist table, #ybloginfo table, #yusrinfo table, #yusrintro p { background:url(http://i240.photobucket.com/albums/ff40/tina88888888/swbg/berry01_rp.jpg);color:#666666;}
 #ymodcal .mbd td strong {color:#D90254;}
 
/*Links連結文字及位置顏色改變*/
a, a:link, a:visited{color:#D90254;text-decoration:none;}
a:hover{color:#FD659A;text-decoration:none;}
a {text-decoration:none;}
a:hover {position:relative;top:2px;left:2px;}
/*Scrollbar捲軸區色彩*/
html{SCROLLBAR-FACE-COLOR:#feccdb;
SCROLLBAR-3DLIGHT-COLOR:#feccdb;
SCROLLBAR-ARROW-COLOR:#FFEEEE;
SCROLLBAR-TRACK-COLOR:#F3ECD9;
SCROLLBAR-DARKSHADOW-COLOR:#feccdb;
}
 
/*文章前小圖設定*/
.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/003/962954.gif) no-repeat;padding-left:22px;}
/*左右欄位小圖*/
.ycntmod .mbd ul.list li{background-image:url(http://i240.photobucket.com/albums/ff40/tina88888888/003/962955.gif);background-repeat:no-repeat; padding-left:22px;padding-top:13px;_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:url(http://i240.photobucket.com/albums/ff40/tina88888888/003/01-84.gif) left top repeat;margin-right:0px;}
.ycntmod .rctop div {background:transparent right top no-repeat;height:33px;font-size:0;position:relative;right:-0px;}
.ycntmod .rcbtm {zoom:1;background:url(http://i240.photobucket.com/albums/ff40/tina88888888/003/02-68.gif) left bottom repeat;margin-right:0px;}
.ycntmod .rcbtm div {background:transparent right bottom no-repeat;height:33px;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;}
/*btnsbsrb訂閱部落格圖示*/
div#btnsbsrb a, div#btnsbsrb_nologin a{display:block;width:155px;height:45px;background:url(http://i240.photobucket.com/albums/ff40/tina88888888/003/06-40.gif) no-repeat;margin:0;}
/*make coomment bar回應跟引用更換圖片語法*/
div.btncomment a {display:block;height:145px;width:80px;background:url(http://i240.photobucket.com/albums/ff40/tina88888888/003/04-45.gif) no-repeat;}
div.btntrackback a {display:block;height:145px;width:80px;background:url(http://i240.photobucket.com/albums/ff40/tina88888888/003/05-46.gif) no-repeat;}
/*個人資料管理頁面公開的部落標題文字顏色*/
#ybloginfo table, #yusrinfo table, #yusrintro p {background: transparent #ffffff;color:#666666;}
/*側欄框要顯示 2008.03.21*/
.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,.yc3sec .mbd, .yc3subbd .mbd, .yc3sec .mft, .yc3subbd .mft,.yc3pribd .mbd{filter:alpha(opacity=100); opacity:1.0; moz-opacity:1.0;}

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

 







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


TINA部落格版型(186) more than yesterday



本篇素材取自韓網BLOG/소야스토리  +GOYO作品+TINA自行加工製作。 
版型語法可適用 1024x768px 或 1280x1024px 的螢幕,以及IE或Firefox 瀏覽器;



語法中均有註解說明可依其需要修改。


請先備份其自定樣式原始文字, 再使用提供的語法 ! 


不太會版型語法的朋友可按以下教學參考 


  新手如何使用版型語法以及改變自己要的文字顏色 



這是韓網blog  star/소야스토리的blog skin 小樣






這是tina改良奇摩部落格三欄版面-1280px畫面參考



這是tina改良奇摩部落格二欄版面-1280px畫面參考




   






側欄框+文章框樣式參考



本篇語法配合2008年2月25日奇摩部落格的css限制語法,


請留意用本語法原先部份css設定(2008年2月25日以前)會失效:

如游標欄寬無法自定及註解會消失等等..除非確定本篇語法使用,

否則以上被限制語法會有『一按不復返』的情形。

2008.03.04 已開放可自定游標

 

 


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







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


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




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



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



/*三欄式版面寬度設定*/
.thrcol #yhtw_mastfoot {width:980x;margin:0 auto;}
.thrcol[class]{min-width:980px;behavior:none;}
.thrcol .ycnt3col {zoom:1;width:980px;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;background:transparent}
 
#yblast .bg {filter:alpha(opacity=0); opacity:0; moz-opacity:0;}; background: transparent no-repeat;}
#yblast .text{color:#73411E;}
/*自訂格名及部落格描述字*/
#yblogtitle .mbd,#yblogtitle .mft{background:transparent;color:#73411E;padding-top:490px;text-align:center; }
#yblogtitle h1, #yblogtitle a {color: #5E2423; font-size:18px;font-weight:bolder;font-family:標楷體;}
#yblogtitle .tbd{height:25px }


/*大標題圖背景+重覆底背景*/
body {background-color:transparent;background-image: url(http://i240.photobucket.com/albums/ff40/tina88888888/003/01-42.gif); background-repeat: no-repeat;background-position: center top; }
html {background-color:#D9B47F;background-image: url(http://i240.photobucket.com/albums/ff40/tina88888888/003/1029344_pattern.jpg); background-repeat: repeat;background-position: center top; }
#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:#E9D59E; color:#5E2423;text-align:center;}
/*Nav module body側欄區內文*/
.yc3sec .mbd, .yc3subbd .mbd, .yc3sec .mft, .yc3subbd .mft{ background:#E9D59E; color:#73411E;}
/*Main content header文章區上標*/
.yc3pribd .mhd{ background:#E9D59E; color:#5E2423; }
/*Main content body文章內文及文章區*/
.yc3pribd .mbd{ background:#E9D59E;color:#000000;padding:10px;}
.yc3pribd .mft, #yreplymsg table, #ysbscrblist table, #ybloginfo table, #yusrinfo table, #yusrintro p { background:#E9D59E;color:#666666;}
 #ymodcal .mbd td strong {color:#583823;}



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



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



/*文章前小圖設定*/
.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/1218/1033848.gif) no-repeat;padding-left:22px;}
/*左右欄位小圖*/
.ycntmod .mbd ul.list li{background-image:url(http://i240.photobucket.com/albums/ff40/tina88888888/1218/1033851.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:url(http://i240.photobucket.com/albums/ff40/tina88888888/003/01-40.jpg) left top repeat;margin-right:0px;}
.ycntmod .rctop div {background:url(http://i240.photobucket.com/albums/ff40/tina88888888/003/02-29.jpg) right top no-repeat;height:15px;font-size:0;position:relative;right:-0px;}
.ycntmod .rcbtm {zoom:1;background:url(http://i240.photobucket.com/albums/ff40/tina88888888/003/03-23.jpg) left bottom repeat;margin-right:0px;}
.ycntmod .rcbtm div {background:url(http://i240.photobucket.com/albums/ff40/tina88888888/003/04-20.jpg) right bottom no-repeat;height:15px;font-size:0;position:relative;right:-0px;}
.ycntmod .rcl {padding-left:5px;background:url(http://i240.photobucket.com/albums/ff40/tina88888888/003/05-23.jpg) repeat-y;}
.ycntmod .rcr {zoom:1;padding-right:5px;background:url(http://i240.photobucket.com/albums/ff40/tina88888888/003/06-19.jpg) right repeat-y;}
.ycntmod .text {position:relative;word-break:break-all;}
.yc3pribd .ycntmod{overflow:visible;}
.yc3pribd .ycntmod .yblogcnt{overflow:hidden;}


 /*btnsbsrb訂閱部落格圖示*/
div#btnsbsrb a,div#btnsbsrb_nologin a{display:block;width:132px;height:63px;background:url(http://i240.photobucket.com/albums/ff40/tina88888888/003/02-31.gif) no-repeat;margin:0}


/*make coomment bar回應跟引用更換圖片語法*/
div.btncomment a {display:block;height:43px;width:90px;background:url(http://i240.photobucket.com/albums/ff40/tina88888888/003/03-25.gif) no-repeat;}
div.btntrackback a {display:block;height:43px;width:90px;background:url(http://i240.photobucket.com/albums/ff40/tina88888888/003/04-21.gif) no-repeat;}


 


/







 



本文出自 Tina~小小世界  http://tw.myblog.yahoo.com/tina88888888-babytony/ 

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