【部落格素材教學法】海豚自製BG唯美粉色版型＠☆★風吹向落葉。隨風飄落的楓葉。學習的園地-落葉之楓的新聞台★☆

2008-08-14 16:20:16 | 人氣118| 回應0 | 上一篇 | 下一篇

【部落格素材教學法】海豚自製BG唯美粉色版型

海豚自製-BG唯美粉色版型

這是海豚第一次製作版型

這次粉色的唷~希望大家會喜歡

本站樂果:

作品↓↓↓

範例圖↓↓

http://s43.radikal.ru/i099/0808/8f/fc7a0a636d6a.gif

去裡面應該是縮小一點的吧?你先把滑鼠指到圖上面.他的右下角就會出現放大的箭頭.

按下去就可以更清楚了~

語法↓

/*btnsbsrb訂閱部落格圖示★海豚自製*/
div#btnsbsrb a{display:block;width:100px;height:45px;overflow:hidden;background:url(http://s49.radikal.ru/i125/0808/c9/235340575590.gif) no-repeat;margin:0;}
div#btnsbsrb_nologin a{display:block;width:100px;height:45px;overflow:hidden;background:url(http://s49.radikal.ru/i125/0808/c9/235340575590.gif) no-repeat;margin:0;}
#yblogtitle .tft {text-align:right;padding-bottom:0px;position:relative;}

/*性別圖示★海豚自製*/
#ymodprf .horos img{display:none;}
#ymodprf .horos{width:100px;height:100px;background:url(http://s49.radikal.ru/i124/0808/41/154dea932fd9.gif) center no-repeat;}

/*滑鼠游標★海豚自製*/
body{cursor:url( http://a8503288.t35.com/pink-e.ani)}
a:hover {cursor:url(http://a8503288.t35.com/pink-a.ani)}

/*Opacity for blast招呼語框★海豚自製*/
#yblast .bg {zoom:1;filter:alpha(opacity:0); background: url(http://blog.roodo.com/cocogirl301996/507675b5.gif) no-repeat}
#yblast .text{color:#F01F40;font-family:華康海報體W12;font-size:90%;}

/*make coomment bar回應引用更換圖片語法★海豚自製*/
div.btncomment a {display:block;height:40px;width:83px;background:url(http://blog.roodo.com/cocogirl301996/2c40f761.gif) no-repeat;}
div.btntrackback a {display:block;height:40px;width:83px;background:url(http://blog.roodo.com/cocogirl301996/55da016f.gif) no-repeat;}

/*部落格標題圖★海豚自製*/
#yblogtitle h1 {
    display:block;
    float:left;
    background:url(http://blog.roodo.com/cocogirl301996/d800aca5.gif) 0 0 no-repeat;
    width:252px;
    height:152px;
    font-size:0;
    line-height:0;
    text-indent:-5000px;
    overflow:hidden;
    cursor:pointer;
    cursor:hand;}

/*Blog title標題置中★海豚自製*/
#yblogtitle .mbd,#yblogtitle .mft{font-size:90%;color:#FF5AF0
;font-family:新細明體; color:#D23C78;text-align:center;}
#yblogtitle .thd a{width:168px;height:40px;top:-0px;position:relative;left:0px;display:block;}
#yblogtitle .thd h1 {font-size:90%;color:white;font-family:新細明體;}

/*Nav module list左右欄位小圖★海豚自製*/
.ycntmod .mbd ul.list li {background:url(http://hk.geocities.com/she28483054/153.jpg) left .1em no-repeat;padding-left:25px;margin-bottom:3px;_margin-bottom:3px;_line-height:1.5em;}
.ycntmod .mbd ul.list li.more {margin:-3px 0 0 -3px;text-align:right;background:url(http://limelight.oops.jp/list_031.gif) 20px center no-repeat;}

/*Article content module文章前小圖★海豚自製*/
.yblogcnt .blgtitlebar h2 {font-size:126%;font-weight:bold;background:url(http://i97.photobucket.com/albums/l224/creamsandy/icon-pen1.gif) no-repeat;padding-left:28px;}.yblogcnt .blgtitlebar h2 a {color:#FF69F0;}

/*Background背景圖底圖固定★海豚自製*/
body{ background:#ffffff url(http://blog.roodo.com/cocogirl301996/468757cc.gif) no-repeat;background-attachment: fixed}

/*Blog latest update module隱藏更新日期欄★海豚自製*/
#ymodupdate{display:none}

/*Text color for module左右欄位標題文字顏色★海豚自製*/
.text {color: #FF5AF0}

/*Text color for main content中間文章欄位文字顏色★海豚自製*/
.yc3pribd .text {color: #FF5AF0}

/*Opacity for main content文章底圖透明度★海豚自製*/
.yc3pribd .rctop,.yc3pribd .rctop div,.yc3pribd .rcl,.yc3pribd .rcr,.yc3pribd .rcbtm,.yc3pribd .rcbtm div {zoom:1; filter:alpha(opacity:40)}
#yblast{display}

/*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:40)}

/*Opacity for blogtitle部落格標題敘述透明度★海豚自製*/
#yblogtitle .rctop, #blogtitle .rctop div, #yblogtitle .rcl, #yblogtitle .rcr, #yblogtitle .rcbtm, #yblogtitle .rcbtm div {zoom:1; filter:alpha(opacity:40)}

/*Background color for module左右欄位內容底色★海豚自製*/
.yc3sec .mbd, .yc3subbd .mbd, .yc3sec .mft, .yc3subbd .mft {zoom:1; background: #FFD2F0; filter:alpha(opacity:40)}

/*Nav module header左右欄位標題底色★海豚自製*/
.yc3sec .mhd, .yc3subbd .mhd{background: #FFD2F0;color: #FFD2F0;}

/*Background color for blog title部落格敘述底色★海豚自製*/
#yblogtitle .mbd, #blogtitle .mft {background-color: #FFD2F0}

/*Background color for blog title文章內頁背景★海豚自製*/
#yblogtitle .mbd, #blogtitle .mft {background-color: #FFD2F0}

/*部落格大框線★海豚自製*/
html{
border-top : 20px solid #FFA5F0;
border-bottom : 20px solid #FFA5F0;
border-left : 20px solid #FFA5F0;
border-right : 20px solid #FFA5F0; }

/*按鈕框框★海豚自製*/
input,select{
background: #FFFFFF;
color: #FF87F0;
border: 1px solid #FF87F0;
FONT-SIZE: 9px;
font-family:verdana;}

/*捲軸★海豚自製*/
html{SCROLLBAR-FACE-COLOR:#FFFFFF;
SCROLLBAR-HIGHLIGHT-COLOR:#FFA5F0;
SCROLLBAR-SHADOW-COLOR:#FFA5F0;
SCROLLBAR-3DLIGHT-COLOR:#FFFFFF;
SCROLLBAR-DARKSHADOW-COLOR:#FFFFFF;
SCROLLBAR-ARROW-COLOR:#FFA5F0;
SCROLLBAR-TRACK-COLOR:#FFA5F0;}

/*Main content body文章底圖★海豚自製*/
.yc3pribd .mbd, .yc3pribd .mft, #yreplymsg table, #ysbscrblist table, #ybloginfo table, #yusrinfo table, #yusrintro p{
background-image:url(http://i232.photobucket.com/albums/ee242/sd31158/bt/b_09.gif);
color: #FFD2F0} #ymodcal .mbd td strong {color: #FFD2F0;}

/*留言前小圖語法★海豚自製*/
#yleavemsg #rte {background:transparent url(http://s42.radikal.ru/i097/0808/ff/505d7e2b7d40.gif) no-repeat scroll center top;padding-top:80px;}

/*回應欄位告示牌★海豚自製*/
#rtemodule {background:url(http://s47.radikal.ru/i115/0808/1b/4a1c152151ce.gif) no-repeat scroll center top;padding-top:120px;}

/*shared rounded corner for all modules海豚自製-小粉兔邊框語法*/
.ycntmod {width:100%;position:relative;margin-bottom:10px;overflow:hidden;}
.ycntmod .rctop {zoom:1;background:url(http://blog.roodo.com/cocogirl301996/3cdf0195.gif) left top no-repeat;margin-right:15px;}
.ycntmod .rctop div {background:url(http://blog.roodo.com/cocogirl301996/836a3b40.gif) right top no-repeat;height:40px;font-size:0;position:relative;right:-15px;}
.ycntmod .rcbtm {zoom:1;background:url(http://blog.roodo.com/cocogirl301996/9d25cf04.gif) left bottom no-repeat;margin-right:30px;}
.ycntmod .rcbtm div {background:url(http://blog.roodo.com/cocogirl301996/4771dcae.gif) right bottom no-repeat;height:7px;font-size:0;position:relative;right:-30px;}
.ycntmod .rcl {padding-left:7px;background:url(http://blog.roodo.com/cocogirl301996/964281fd.gif) repeat-y;}
.ycntmod .rcr {zoom:1;padding-right:7px;background:url(http://blog.roodo.com/cocogirl301996/fa47525e.gif) right repeat-y;}
.ycntmod .text {position:relative;word-break:break-all;}
.yc3pribd .ycntmod{overflow:visible;}
.yc3pribd .ycntmod .yblogcnt{overflow:hidden;}