♧約克夏奶茶の自製可愛小館-第八號茶館版型♧
奶茶滴老公還是幫我修了圖
所以發表嚕
奶茶向來一個原則:做過的邊框很懶的在修修改改
因為很費工時耶!因為圖已經定稿嚕
這就是製圖辛苦之處
有時幫格友製圖一直圖圖改改只會增加作業上困難哦
製出來滴圖也失去第一次做出的那麼有感覺
所以呼籲請正確引用文章蛤
{奶茶這各框可是自己修剪變成邊框再配圖才變成這樣子滴}
預覽圖如下
/*customization CSS*/
/*Links連結底圖無底線及左右欄位文字顏色*/
a,a:link,a:visited{color:#ff0000;text-decoration: none;}
a:hover{ border: 5px #fff outset }
a:hover{color:#A0009E;background-image:url(http://i83.photobucket.com/albums/j285/GiGilove_ai/kabj3/b6684396.gif);background-repeat:repeat;border:3px dotted #FF3799;position:relative;top:3px;left:3px}
/*Master header奇摩頂圖*/
#yhtw_masthead{background color:#FF3799;background-image: url(http://i83.photobucket.com/albums/j285/GiGilove_ai/kabj3/b6684396.gif);color:#007806;filter:alpha(opacity=0); opacity:0.30; moz-opacity:0.5;font-family:華康少女體;padding-left:20px;font-size:100%}
#yhtw_masthead a,#yhtw_masthead a:link,#yhtw_masthead a:visited,#yhtw_masthead a:hover{color:#A0009E;}
/*Opacity for blast約克夏-招呼語圖框文字置中*/
#yblast{zoom:1;position:relative;top:-0px;left:5px;margin:0 0 -5px 0;z-index:2;}
#yblast .text,
#yblast .bg{overflow:hidden;padding:7px 5px;width:345px;height:54px;}
#yblast .text{zoom:1;margin:-55px 0 0;}
#yblast .text a
#yblast a.edit{background:url(http://i190.photobucket.com/albums/z29/Beowolf0129/1f9ff8f61447.gif);width:345px;height:54px;}
#yblast .bg {zoom:1; filter:alpha(opacity:100); background: url(http://i190.photobucket.com/albums/z29/Beowolf0129/1f9ff8f61447.gif) no-repeat}#yblast .text{font-size:100%;}
/*奶茶製-點心小廚師標題欄位圖片*/
#yblogtitle .mbd{text-align:center}
#yblogtitle .mbd .thd{background-image:url(http://i190.photobucket.com/albums/z29/Beowolf0129/1f9ff8f614478.gif);background-repeat:no-repeat;background-position:0% 100%
;width:346px;height:150px;font-family:華康少女文字W3;font-size:12px;text-align:center}
#yblogtitle h1{color:#FF0000;font-weight:bold; }
#yblogtitle .mbd .tbd{display:none}
#yblogtitle .rctop,#yblogtitle .rctop div,#yblogtitle .rcl,#yblogtitle .rcr,#yblogtitle .rcbtm,
#yblogtitle .rcbtm div{zoom:1;filter:alpha(opacity:0)}
/*Opacity for blogtitle部落橫框透明度*/
#yblogtitle .rctop, #blogtitle .rctop div, #yblogtitle .rcl, #yblogtitle .rcr, #yblogtitle .rcbtm, #yblogtitle .rcbtm div {zoom:1; filter:alpha(opacity:0)}
/*Background image for blog title橫框標題底圖語法*/
#yblogtitle .mbd {background-image: url(http://spicy.moo.jp/graphics/wallpaper/1/wallpaper1-8.gif); background-repeat: repeat}
/*三欄式*/
.thrcol .yc3main {width:100%;float:left; margin-left:-210px;}
.thrcol .yc3mainbd {margin-left:210px;}
.thrcol .yc3pri {width:100%;float:right;margin-right:-210px;}
.thrcol .yc3pribd {margin-right:210px;}
.thrcol .yc3subbd {width:200px;float:right;}
.thrcol .yc3sec {width:200px;}
.thrcol .yc3sub{z-index:1;}
.thrcol .yc3pri,.thrcol .yc3main{z-index:10;}
/*shared rounded corner for all modules我滴點心小廚師邊框*/
.ycntmod {width:100%;position:relative;margin-bottom:10px;overflow:hidden;}
.ycntmod .rctop {zoom:1;background:url(http://i190.photobucket.com/albums/z29/Beowolf0129/1-1-3.gif) left top no-repeat;margin-right:5px;}
.ycntmod .rctop div {background:url(http://i190.photobucket.com/albums/z29/Beowolf0129/2-30.gif) right top no-repeat;height:24px;font-size:0;position:relative;right:-5px;}
.ycntmod .rcbtm {zoom:1;background:url(http://i190.photobucket.com/albums/z29/Beowolf0129/3-.gif) left bottom no-repeat;margin-right:5px;}
.ycntmod .rcbtm div {background:url(http://i190.photobucket.com/albums/z29/Beowolf0129/cb8859ef.gif) right bottom no-repeat;height:94px;font-size:0;position:relative;right:-5px;}
.ycntmod .rcl {padding-left:8px;background:url(http://i190.photobucket.com/albums/z29/Beowolf0129/995afe23.gif) repeat-y;}
.ycntmod .rcr {zoom:1;padding-right:8px;background:url(http://i190.photobucket.com/albums/z29/Beowolf0129/6b73bd87.gif) right repeat-y;}
.ycntmod .text {position:relative;word-break:break-all;}
.yc3pribd .ycntmod{overflow:visible;}
.yc3pribd .ycntmod .yblogcnt{overflow:hidden;}
/*性別圖*/
#ymodprf .horos img{display:none;} #ymodprf .horos{width:46px;height:41px;background:url(http://park1.wakwak.com/~sakurapop/souzai/tsozai/p016.gif) center no-repeat;}
/*Background背景圖固定*/
body{background:#99cc00 url(http://i83.photobucket.com/albums/j285/GiGilove_ai/kabj3/acdbd230.gif);background-attachment: fixed}
好搭背景二圖- http://park1.wakwak.com/~sakurapop/souzai/20043/f030.gif
===點綴美化語法==
/*Nav module header左右欄標題欄文字置中,留言板文字顏色*/
.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-image : url();color: #660099;text-align:center;font-size:110%;TEXT-ALIGN: center;}
/*部落格所有文字置中語法*/
BODY {Font-Family: verdana;TEXT-ALIGN: center;}
/*字體大小*/
BODY {Font-Family: verdana;Font-Size:12px;}
/*游標*/
body{cursor:url(http://www.fileden.com/files/2007/10/27/1545284/45.ani)}
a:hover{cursor:url( http://www.fileden.com/files/2007/10/27/1545284/57.ani)}
http://hu2ng3.googlepages.com/mmtea.ani
http://hu2ng3.googlepages.com/mmtea.ani
http://ki1211g.googlepages.com/likeyou01.ani
===點綴美化語法==
/*Nav module header左右欄標題欄文字置中,留言板文字顏色*/
.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-image : url();color: #660099;text-align:center;font-size:110%;TEXT-ALIGN: center;}
/*部落格所有文字置中語法*/
BODY {Font-Family: verdana;TEXT-ALIGN: center;}
/*字體大小*/
BODY {Font-Family: verdana;Font-Size:12px;}
/*部落格所有文字置中語法*/
BODY {Font-Family: verdana;TEXT-ALIGN: center;}
/*字體大小*/
BODY {Font-Family: verdana;Font-Size:12px;}
/*游標*/
body{cursor:url(http://www.fileden.com/files/2007/10/27/1545284/45.ani)}
a:hover{cursor:url( http://www.fileden.com/files/2007/10/27/1545284/57.ani)}
http://hu2ng3.googlepages.com/mmtea.ani
http://hu2ng3.googlepages.com/mmtea.ani
http://ki1211g.googlepages.com/likeyou01.ani
/*約克夏奶茶製-海水藍大框線*/
body {border: 3px double #cb7093;}
html{border-top : 30px solid #bf7093;
border-bottom : 30px solid #bf7093;
border-left : 30px solid #bf7093;
border-right : 30px solid #bf7093; }
/*部落格桃紅大框線*/
body {border: 3px double #cb7093;}
html{border-top : 30px solid #bf7093;
border-bottom : 30px solid #bf7093;
border-left : 30px solid #bf7093;
border-right : 30px solid #bf7093; }
/*桃紅按鈕框框*/
input,select{background: #bf7093;color:#fcfcfc;border: 4px solid #bf7093;FONT-SIZE: 12px;font-family:verdana;}
/*約克夏奶茶製作-粉紅捲軸*/
HTML{ SCROLLBAR-FACE-COLOR: #bf7093; SCROLLBAR-HIGHLIGHT-COLOR: #fcfcfc; SCROLLBAR-SHADOW-COLOR: #fcfcfc; SCROLLBAR-3DLIGHT-COLOR: #bf7093; SCROLLBAR-ARROW-COLOR: #fcfcfc; SCROLLBAR-TRACK-COLOR: #fcfcfc; SCROLLBAR-DARKSHADOW-COLOR: #bf7093; SCROLLBAR-BASE-COLOR: #bf7093}
/*約克夏製-手繪訂閱部落格圖片-語法開始*/
div#btnsbsrb a{display:block;width:100px;height:54px;overflow:hidden;background:url(http://i190.photobucket.com/albums/z29/Beowolf0129/1a7ba099.gif) no-repeat;margin:0;}
div#btnsbsrb_nologin a{display:block;width:100px;height:54px;overflow:hidden;background:url(http://i190.photobucket.com/albums/z29/Beowolf0129/1a7ba099.gif) no-repeat;margin:0;}
#yblogtitle .tft {text-align:right;padding-bottom:0px;position:relative;}
/* 約克夏製-引用回應*/
div.btncomment a {height:54px;width:100px;background:url(http://i190.photobucket.com/albums/z29/Beowolf0129/9.gif) no-repeat;}
div.btntrackback a {height:54px;width:100px;background:url(http://i190.photobucket.com/albums/z29/Beowolf0129/10.gif) no-repeat;}
===章前小圖===
/*Article content module新文章前小圖*/
.yblogcnt .blgtitlebar {margin-bottom:10px;zoom:1}
.yblogcnt .blgtitlebar h2 {font-size:100%;font-weight:bold;background:url(http://park1.wakwak.com/~sakurapop/souzai/illust/kbic004.gif) no-repeat;padding-left:50px;height:41px;}
.yblogcnt .blgtitlebar h2 a {color:#660099;padding-right:5px;}
/*Nav module list最新文章欄前小圖示*/
.ycntmod .mbd ul.list li {background:url(http://itemimgs.naver.com/personacon/52/92/1119252.gif) left left .1em no-repeat;padding-left:25px;margin-bottom:3px;_margin-bottom:3px;_line-height:1.5em;}
.ycntmod .mbd ul.list li.more {margin:-5px 0 0 -5px;text-align:right;background:url(http://itemimgs.naver.com/personacon/12/49/1114912.gif) 19px center no-repeat;}
/*Module latest upup更新日期前圖*/
#ymodupdate .mbd .date{background:url(http://itemimgs.naver.com/personacon/52/92/1119252.gif) left center no-repeat;padding-left:40px;font-size:100%;font-family:verdana;}
===欄位背景底圖語法===
/*文章標題框底圖*/
.yc3pribd .mhd{ background:url( ) repeat; color:#FA007A;}
/*Background color for main content body文章欄位底圖*/
.yc3pribd .mbd, .yc3pribd .mft, #yreplymsg table, #ysbscrblist table, #ybloginfo table, #yusrinfo table, #yusrintro p {background: url() ;color:#FA007A}
/*Nav module header左右欄位標題框底圖*/
.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( );filter:alpha(opacity=0);color:#FA007A;}
/*Nav module body左右欄位底圖*/
.yc3sec .mbd, .yc3subbd .mbd, .yc3sec .mft, .yc3subbd .mft{ background:url( );filter:alpha(opacity=50);color:#FA007A}
/*comment list management管理回應欄*/
.listbd {background:url(http://park1.wakwak.com/~sakurapop/souzai/20043/f030.gif); color:#FA007A;}
#ycmntlist table th {background: url(http://park1.wakwak.com/~sakurapop/souzai/20043/f030.gif); color:#FA007A; }
#ycmntlist .btncmntre {background:url(http://park1.wakwak.com/~sakurapop/souzai/20043/f030.gif);}
/*預覽按鈕+確認按鈕加底圖語法*/
input,select{background:url(http://i83.photobucket.com/albums/j285/GiGilove_ai/kabj3/b6684396.gif);color:#FA007A;border: 3px double #bf7093;font-size:16px;font-family:verdana;}
/*guestbook留言版加圖片*/
#ymsgboard q a {background:url(http://park1.wakwak.com/~sakurapop/souzai/20043/f030.gif) ;}
#ymsgboard .mhd {background:url(http://park1.wakwak.com/~sakurapop/souzai/20043/f030.gif) ;}
#ymsgboard .mbd {background:url(http://park1.wakwak.com/~sakurapop/souzai/20043/f030.gif) ;}
===隱藏語法區===
/*隱藏左右欄位標題*/
.yc3sec .mhd,.yc3sub .mhd{display:none}
.yc3sec .mbd,.yc3sub .mbd{zoom:1;filter:alpha(opacity:0)}
/*隱藏文章欄位標題*/
.yc3pribd .mhd{display:none}
.yc3pribd .mbd{zoom:1;filter:alpha(opacity:0)}
/*Blog album module隱藏部落格相簿*/
#ymodalbum{display:none;}
/*Blog latest update module隱藏更新日期欄*/
#ymodupdate{display:none}
/*隱藏奇摩部落格網頁~頁首和頁尾欄位*/
#yhtw_masthead,#yhtw_mastfoot{display:none;}
===字體顏色===
/*Text color for module左右欄標題文字顏色*/
.text {color:#ff0000;}
/*Text color for main content文章內文及格友留言內容文字顏色*/
.yc3pribd .text {color:#FA007A;}
/*Text color for blog title部落橫標下排文字及自我介紹欄位標題字體*/
#yblogtitle .text {color:#FF1C19;font-size:100%;padding-left:25px;TEXT-ALIGN: center;}
====透明度====
/*Opacity for blogtitle部落橫框透明度*/
#yblogtitle .rctop, #blogtitle .rctop div, #yblogtitle .rcl, #yblogtitle .rcr, #yblogtitle .rcbtm, #yblogtitle .rcbtm div {zoom:1; filter:alpha(opacity:0)}
/*Opacity for sub column 左右欄位透明度*/
.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 {zoom:1; filter:alpha(opacity:100)}
/*Opacity for main content調整內文透明度*/
.yc3pribd .rctop,.yc3pribd .rctop div,.yc3pribd .rcl,.yc3pribd .rcr,.yc3pribd .rcbtm,.yc3pribd .rcbtm div {zoom:1; filter:alpha(opacity:100)}
#yarticle .browsebtns{background:url(http://img261.imageshack.us/img261/9581/90360194ub6.gif) center bottom no-repeat;width:86px;height:160px;}
自訂欄語法
<p align=center><a href="妳滴相片網址">< a> height=60 src="http://i190.photobucket.com/albums/z29/Beowolf0129/16-1.gif <p align=center><a href="你的自製">< a> height=60 src="http://i190.photobucket.com/albums/z29/Beowolf0129/11.gif" width=100 /> <p align=center><a href="你滴留言網址">< a> height=60 src="http://i190.photobucket.com/albums/z29/Beowolf0129/c4fcaee3.gif" width=100 />
" width=100 />
留言列表