close

糖糖迎新春版型




2008/01/24 16:45



從這張抓下珍珠來製圖,再加上糖糖,


因為春節都要準備糖果瓜子等,


就想到用糖糖來做版型主角囉~


這次還多做了游標,希望你們喜歡,


春節有著濃厚的喜氣,所以邊框也要熱鬧華麗,


歡迎取用及引用~


版型預覽及語法如下:




/*Background image for whole page背景圖*/
BODY { background: white url(http://i047.radikal.ru/0801/17/faf3ead97e33.jpg); background-attachment: fixed }


/* 自訂部落格標題 */
#yblogtitle h1 {display:block;float:left;background:url(http://rebaca0210.t35.com/line/ddung/2c13.gif) 0 0 no-repeat; width:370px; height:286px; font-size:0; line-height:0; text-indent:-5000px; overflow:hidden; cursor:pointer;cursor:hand;}



/*Shared rounded corner for all modules 音符-糖糖迎新春框線*/
.ycntmod {width:100%;position:relative;margin-bottom:10px;overflow:hidden;}
.ycntmod .rctop {zoom:1;background:url(http://rebaca0210.t35.com/line/ddung/2c1.gif) left top no-repeat;margin-right:5px;}
.ycntmod .rctop div {background:url(http://rebaca0210.t35.com/line/ddung/2c2.gif) right top no-repeat;height:99px;font-size:0;position:relative;right:-5px;}
.ycntmod .rcbtm {zoom:1;background:url(http://rebaca0210.t35.com/line/ddung/2c3.gif) left bottom no-repeat;margin-right:5px;}
.ycntmod .rcbtm div {background:url(http://rebaca0210.t35.com/line/ddung/2c4.gif) right bottom no-repeat;height:39px;font-size:0;position:relative;right:-5px;}
.ycntmod .rcl {padding-left:8px;background:url(http://rebaca0210.t35.com/line/ddung/2c5.gif) repeat-y;}
.ycntmod .rcr {zoom:1;padding-right:8px;background:url(http://rebaca0210.t35.com/line/ddung/2c5.gif) right repeat-y;}
.ycntmod .text {position:relative;word-break:break-all;} .yc3pribd .ycntmod{overflow:visible;} .yc3pribd .ycntmod .yblogcnt{overflow:hidden;}


 



/*Opacity for blast招呼語圖框貼齊最新文章邊線及換字體加大文字*/
#yblast{zoom:1;position:relative;top:-10px;left:300px;margin:0 0 -55px 0;z-index:2;} #yblast .text,
#yblast .bg{overflow:hidden;padding:5px 5px;width:480px;height:73px;} #yblast .text{zoom:1;margin:-65px 0 0;}
#yblast .text a{display:none;}
#yblast a.edit{background:url(http://rebaca0210.t35.com/line/ddung/2c7.gif);width:13px;height:13px;}
#yblast .bg {zoom:1; filter:alpha(opacity:100); background: url(http://rebaca0210.t35.com/line/ddung/2c7.gif) no-repeat}
#yblast .text{color:#00064;font-family:新細明體;font-size:120%;text-align:left;padding-left:25px;}



游標有四款,皆為動態,可隨意更換數字紅色部份~


/*滑鼠*/
body{cursor:url(http://rebaca0210.t35.com/ani/3.ani)}
a:hover{cursor:url(http://rebaca0210.t35.com/ani/1.ani)}



/*訂閱*/
div#btnsbsrb a{display:block;width:140px;height:120px;overflow:hidden;background:url(http://rebaca0210.t35.com/line/ddung/2c12.gif) no-repeat;margin:0;}
div#btnsbsrb_nologin a{display:block;width:140px;height:120px;overflow:hidden;background:url(http://rebaca0210.t35.com/line/ddung/2c12.gif) no-repeat;margin:0;}



/*回應*/
div.btncomment a {display:block;height:120px;width:140px;background:url(http://rebaca0210.t35.com/line/ddung/2c8.gif) no-repeat;}
/*引用*/
div.btntrackback a {display:block;height:120px;width:140px;background:url(http://rebaca0210.t35.com/line/ddung/2c9.gif) no-repeat;}



/*滑鼠指標靠近改變回應圖*/
div.btncomment a:hover {display:block;height:120px;width:140px;background:url(http://rebaca0210.t35.com/line/ddung/2c10.gif) no-repeat;}


/*滑鼠指標靠近改變引用圖*/
div.btntrackback a:hover {display:block;height:120px;width:140px;background:url(http://rebaca0210.t35.com/line/ddung/2c11.gif) no-repeat;}



/*回應留言欄位上面的圖片*/
#rtemodule {background:url(http://rebaca0210.t35.com/line/ddung/2c14.gif) no-repeat scroll center top;padding-top:254px;}
#yleavemsg #rte {background:transparent url(http://rebaca0210.t35.com/line/ddung/2c14.gif) no-repeat scroll center top;padding-top:254px;}
#ypreviewmsg .yvstrcmnt{background:transparent url(http://rebaca0210.t35.com/line/ddung/2c14.gif) no-repeat scroll center top;padding-top:254px;}


45.gif延伸閱讀:


.音符製閃耀鑽石版型


.兩組韓風框線等套圖


.5-1韓式淑女風框線 .


.


本文出自:


arrow
arrow
    全站熱搜

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