close

紫蘿琳製【紫的旋律】套裝版型設定

本文為嵌入語法,要發表請至文章底複製語法

時光過的可真快,今日2007年10月10日是琳踏入部落格滿週年,

曾經發表了許多文章,也刪除許多文章,其中大概就屬音樂方面最多

這一年來,學習的可真多,感謝各路無私的達人分享經驗、技巧、智慧、

以及各式解決電腦疑問的門路,

讓琳能在短的時間內,學習不少,感恩,無量壽佛。


既然是週年慶,當然也該發表個代表作,跟各位大大分享。

以下是琳這段期間,在閒暇之餘,一樣一樣慢慢完成,裡面包含了↓

動態部落框線一組

自訂部落標題一組

訂閱部落格兩組

回應、引用一組

招呼語框一組

滑鼠一組

以及整個部落套裝版型的設定語法。這次琳採用的是紫色系。

或許很多人會認為紫色給人的感覺好憂鬱,但這樣的憂鬱可不是也是一種美嗎?

這次的創作,喔,不,,與其要說創作不如說,

琳只是個加工者,希望你們會喜歡這次的版型。

部分喜歡就單個複製語法,喜歡全部採用就複製整個語法,

琳把它分為兩段,讓喜歡的人,自行參考。


先來看個範例圖↓

琳把整個套裝版型的設定一一的貼出示範,讓各位能大概的了解一下,

有的圖檔過大超出框,琳都有加以修剪上傳取得網址,所有圖檔都有上傳。

琳沒有做任何記號,就是方便你們使用,但、、空間有時難免會被亂砍檔,

若你喜歡想長期使用的,還是自行上傳屬於自己的空間唷。

至於文字顏色方面,請依個人喜愛加以修改

以下有色碼錶讓你參考,點連結圖檔。


單個使用請複製以下語法↓

部落格固定背景

(太大嚕,這邊不貼嘿〉

/*Background image for whole page固定背景*/ 
body {background-image: url(http://kiss2008.t35.com/Image22tui.jpg); background-repeat:repeat;background-attachment: fixed;}

/*Background image for blog title橫框標題底圖語法*/ /*Background image for blog title橫框標題底圖語法*/
#yblogtitle .mbd {background-image: url(http://kiss2008.t35.com/Image21tui.jpg); background-repeat: repeat}

/*Nav module body*左右底圖*/ /*Nav module body*左右底圖*/
.yc3sec .mbd, .yc3subbd .mbd, .yc3sec .mft, .yc3subbd .mft{ font-size:105%;background:#000000; background-image: url(http://kiss2008.t35.com/Image23tui.jpg) ; color:#000000}
/*Main content body*文章底圖*/

/*Main content body*文章底圖*/
.yc3pribd .mbd, .yc3pribd .mft, #yreplymsg table, #ysbscrblist table, #ybloginfo table, #yusrinfo table, #yusrintro p{background-image:url(http://kiss2008.t35.com/Image23tui.jpg) ;color:#1A4066} #ymodcal .mbd td strong {color:#3B9DC1;}

/*Main content header*文章上框背景*/ /*Main content header*文章上框背景*/
.yc3pribd .mhd{font-size:140%; background:url(http://kiss2008.t35.com/Image20tui.jpg) repeat; color:#FBF2CA;} 
/*Nav module header*左右標題背景*/

/*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:#000000; color:#000000;background-image:url(http://kiss2008.t35.com/Image20tui.jpg);}

/*Nav module list*文章前小圖*/
.ycntmod .mbd ul.list li {background:url(http://kiss2008.t35.com/Image24tui.gif) left .1em no-repeat;padding-left:20px;margin-bottom:3px;_margin-bottom:20px;_line-height:20px;}
.ycntmod .mbd ul.list li.more {margin:-3px 0 0 -3px;text-align:right;background:url(http://kiss2008.t35.com/Image24tui.gif) 40px center no-repeat;}

標題透明語法

〈設定opacity:100為不透明,依個人喜愛加以更改〉

/*Opacity for blogtitle*橫框標題透明度*/ 
#yblogtitle .rctop, #blogtitle .rctop div, #yblogtitle .rcl, #yblogtitle .rcr, #yblogtitle .rcbtm, #yblogtitle .rcbtm div {zoom:1; filter:alpha(opacity:100)}

/*Module latest upup更新日小圖*/
#ymodupdate .mbd .date{background:url(http://kiss2008.t35.com/Image24tui.gif) right left no-repeat;font-size:120%;font-family:Art;}

body{cursor:URL(http://hk.geocities.com/caroline310597/Audf1sw006ik.ani);}
a:hover{cursor:URL(http://hk.geocities.com/caroline310597/Audf1sw006ik.ani);}

_/*Article content module*文章標題小圖*/
.yblogcnt .blgtitlebar {margin-bottom:15px;zoom:1;}
.yblogcnt .blgtitlebar h2 {font-size:180%;font-weight:bold;background:url(http://kiss2008.t35.com/Image25tui.gif) no-repeat;padding-left:50px;}

/*更改性別氣質美美*/
#ymodprf .horos img{display:none;}
#ymodprf .horos{width:97px;height:257px;background:url(http://kiss2008.t35.com/Image26tui.gif) center no-repeat;}

文字加顏色框 /*文字加顏色框*/ 
a,a:link,a:visited{font-weight:bold ;color:#660066;}
a:hover {font-weight:bold;;text-decoration : NONE;border:3px #000000 outset}
左右字體顏色 /*Links左右字體顏色*/
a: {font-family:"Comic Sans MS";font-size:pt;color:#000000;font-weight:bold;text-decoration:none}a,a:link,a:visited{color:#111111;text-decoration: none}
a:hover {font-size:pt;color:#660066;text-decoration:NONE}

這是我的部落格框字體顏色

/*Text color for blog title*這是我的部落格框字體顏色*/
#yblogtitle .text {color:#000000;font-family:;font-size:120%;}

左右標題字體顏色 /*Text color for module*左右標題字體顏色*/
.text {color: #FFFFFF;font-size:110%;font-family:;}

標題的圖案置中

PS→不想置中,此段就省略

/*Blog title標題的圖案置中*/
#yblogtitle .mbd,#yblogtitle .mft{font-size:140%;color:#000000
;font-family:新細明體; color:#D23C78;text-align:center;}
#yblogtitle .thd a{width:100px;height:18px;top:-0px;position:relative;left:0px;display:block;}
#yblogtitle .thd h1 {font-size:140%;color:white;font-family:新細明體;}

自訂部落格標題圖語法

/* 自訂部落格標題圖 */
#yblogtitle h1 {
    display:block;
    float:left;
    background:url(http://kiss2008.t35.com/caroline985/dudti1s010ire.gif) 0 0 no-repeat;
    width:350px;
    height:100px;
    font-size:0;
    line-height:0;
    text-indent:-5000px;
    overflow:hidden;
    cursor:pointer;
    cursor:hand;}

招呼語框語法

/*Opacity for blast招呼語*/
#yblast{zoom:1;position:relative;top:-20px;left:90px;margin:0 0 -60px 0;z-index:2;}
#yblast .text,#yblast .bg{overflow:hidden;padding:5px 18px;width:463px;height:70px;}
#yblast .text{zoom:1;margin:-55px 0 0;}
#yblast .text a
#yblast a.edit{background:url(http://kiss2008.t35.com/caroline985/dudti1s012ire.gif) ;width:13px;height:13px;}
#yblast .bg {zoom:1; filter:alpha(opacity:100); background: url(http://kiss2008.t35.com/caroline985/dudti1s012ire.gif) no-repeat}
#yblast .text{color:#000000;font-family:新細明體;font-size:150%;text-align:center  }

/*make coomment bar回應引用*/
div.btncomment a {display:block;height:98px;width:114px;background:url(http://kiss2008.t35.com/caroline985/dudti1s007ire.gif) no-repeat;}
div.btntrackback a {display:block;height:98px;width:114px;background:url(http://kiss2008.t35.com/caroline985/dudti1s008ire.gif) no-repeat;}

/*btnsbsrb訂閱圖1*/
div#btnsbsrb a{display:block;width:150px;height:62px;overflow:hidden;background:url(http://kiss2008.t35.com/caroline985/dudti1s009ire.gif) no-repeat;margin:0;}
div#btnsbsrb_nologin a{display:block;width:150px;height:62px;overflow:hidden;background:url(http://kiss2008.t35.com/caroline985/dudti1s009ire.gif) no-repeat;margin:0;}

/*btnsbsrb訂閱圖2*/
div#btnsbsrb a{display:block;width:154px;height:64px;overflow:hidden;background:url(http://kiss2008.t35.com/caroline985/dudti1s011ire.gif) no-repeat;margin:0;}
div#btnsbsrb_nologin a{display:block;width:154px;height:64px;overflow:hidden;background:url(http://kiss2008.t35.com/caroline985/dudti1s011ire.gif) no-repeat;margin:0;}

【紫的旋律】動畫框

/*Shared rounded corner for all modules【紫的旋律】動畫框*/
.ycntmod {width:100%;position:relative;margin-bottom:10px;overflow:hidden;}
.ycntmod .rctop {zoom:1;background:url(http://kiss2008.t35.com/caroline985/dudti1s001ire.gif) left top no-repeat;margin-right:10px;}
.ycntmod .rctop div {background:url(http://kiss2008.t35.com/caroline985/dudti1s002ire.gif) right top no-repeat;height:18px;font-size:0;position:relative;right:-10px;}
.ycntmod .rcbtm {zoom:1;background:url(http://kiss2008.t35.com/caroline985/dudti1s003ire.gif) left bottom no-repeat;margin-right:10px;}
.ycntmod .rcbtm div {background:url(http://kiss2008.t35.com/caroline985/dudti1s004ire.gif) right bottom no-repeat;height:30px;font-size:0;position:relative;right:-10px;}
.ycntmod .rcl {padding-left:8px;background:url(http://kiss2008.t35.com/caroline985/dudti1s005ire.gif) repeat-y;}
.ycntmod .rcr {zoom:1;padding-right:8px;background:url(http://kiss2008.t35.com/caroline985/dudti1s006ire.gif) right repeat-y;}
.ycntmod .text {position:relative;word-break:break-all;}
.yc3pribd .ycntmod{overflow:visible;}
.yc3pribd .ycntmod .yblogcnt{overflow:hidden;}

捲軸顏色設定 html{SCROLLBAR-FACE-COLOR: #c77dca;
 SCROLLBAR-HIGHLIGHT-COLOR: #240000;
 SCROLLBAR-SHADOW-COLOR: #240000;
 SCROLLBAR-3DLIGHT-COLOR: #6c00b4;
 SCROLLBAR-ARROW-COLOR: #b400d8;
 SCROLLBAR-TRACK-COLOR: #934eac;
 SCROLLBAR-DARKSHADOW-COLOR: #480024;
 SCROLLBAR-BASE-COLOR: #0000d8}

全部採用版型請複製以下語法↓

訂閱圖示有兩組,自行選擇,更改

/*Background image for whole page固定背景*/  body {background-image: url(http://kiss2008.t35.com/Image22tui.jpg); background-repeat:repeat;background-attachment: fixed;} /*Background image for blog title橫框標題底圖語法*/ #yblogtitle .mbd {background-image: url(http://kiss2008.t35.com/Image21tui.jpg); background-repeat: repeat} /*Nav module body*左右底圖*/ .yc3sec .mbd, .yc3subbd .mbd, .yc3sec .mft, .yc3subbd .mft{ font-size:105%;background:#000000; background-image: url(http://kiss2008.t35.com/Image23tui.jpg) ; color:#000000} /*Main content body*文章底圖*/ .yc3pribd .mbd, .yc3pribd .mft, #yreplymsg table, #ysbscrblist table, #ybloginfo table, #yusrinfo table, #yusrintro p{background-image:url(http://kiss2008.t35.com/Image23tui.jpg) ;color:#1A4066} #ymodcal .mbd td strong {color:#3B9DC1;} /*Main content header*文章上框背景*/ .yc3pribd .mhd{font-size:140%; background:url(http://kiss2008.t35.com/Image20tui.jpg) repeat; color:#FBF2CA;} /*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:#000000; color:#000000;background-image:url(http://kiss2008.t35.com/Image20tui.jpg);} /*Nav module list*文章前小圖*/ .ycntmod .mbd ul.list li {background:url(http://kiss2008.t35.com/Image24tui.gif) left .1em no-repeat;padding-left:20px;margin-bottom:3px;_margin-bottom:20px;_line-height:20px;} .ycntmod .mbd ul.list li.more {margin:-3px 0 0 -3px;text-align:right;background:url(http://kiss2008.t35.com/Image24tui.gif) 40px center no-repeat;} /*Opacity for blogtitle*標題透明*/  #yblogtitle .rctop, #blogtitle .rctop div, #yblogtitle .rcl, #yblogtitle .rcr, #yblogtitle .rcbtm, #yblogtitle .rcbtm div {zoom:1; filter:alpha(opacity:100)} /*Module latest upup更新日小圖*/ #ymodupdate .mbd .date{background:url(http://kiss2008.t35.com/Image24tui.gif) right left no-repeat;font-size:120%;font-family:Art;} _/*Article content module*文章標題小圖*/ .yblogcnt .blgtitlebar {margin-bottom:15px;zoom:1;} .yblogcnt .blgtitlebar h2 {font-size:180%;font-weight:bold;background:url(http://kiss2008.t35.com/Image25tui.gif) no-repeat;padding-left:50px;} /*更改性別圖*/ #ymodprf .horos img{display:none;} #ymodprf .horos{width:97px;height:257px;background:url(http://kiss2008.t35.com/Image26tui.gif) center no-repeat;} /*文字加顏色框*/ a,a:link,a:visited{font-weight:bold ;color:#660066;} a:hover {font-weight:bold;;text-decoration : NONE;border:3px #000000 outset} /*Links左右字體顏色*/ a: {font-family:"Comic Sans MS";font-size:pt;color:#000000;font-weight:bold;text-decoration:none}a,a:link,a:visited{color:#111111;text-decoration: none} a:hover {font-size:pt;color:#660066;text-decoration:NONE} /*Text color for blog title*這是我的部落格框字體顏色*/ #yblogtitle .text {color:#000000;font-family:;font-size:120%;} /*Text color for module*左右標題字體顏色*/ .text {color: #000000;font-size:110%;font-family:;} /*Blog title標題的圖案置中*/ #yblogtitle .mbd,#yblogtitle .mft{font-size:140%;color:#000000 ;font-family:新細明體; color:#D23C78;text-align:center;} #yblogtitle .thd a{width:100px;height:18px;top:-0px;position:relative;left:0px;display:block;} #yblogtitle .thd h1 {font-size:140%;color:white;font-family:新細明體;} /* 自訂部落格標題圖 */ #yblogtitle h1 { display:block; float:left; background:url(http://kiss2008.t35.com/caroline985/dudti1s010ire.gif) 0 0 no-repeat; width:350px; height:100px; font-size:0; line-height:0; text-indent:-5000px; overflow:hidden; cursor:pointer; cursor:hand;} /*Opacity for blast招呼語*/ #yblast{zoom:1;position:relative;top:-20px;left:90px;margin:0 0 -60px 0;z-index:2;} #yblast .text,#yblast .bg{overflow:hidden;padding:5px 18px;width:463px;height:70px;} #yblast .text{zoom:1;margin:-55px 0 0;} #yblast .text a #yblast a.edit{background:url(http://kiss2008.t35.com/caroline985/dudti1s012ire.gif) ;width:13px;height:13px;} #yblast .bg {zoom:1; filter:alpha(opacity:100); background: url(http://kiss2008.t35.com/caroline985/dudti1s012ire.gif) no-repeat} #yblast .text{color:#000000;font-family:新細明;font-size:150%;text-align:center } /*make coomment bar回應引用*/ div.btncomment a {display:block;height:98px;width:114px;background:url(http://kiss2008.t35.com/caroline985/dudti1s007ire.gif) no-repeat;} div.btntrackback a {display:block;height:98px;width:114px;background:url(http://kiss2008.t35.com/caroline985/dudti1s008ire.gif) no-repeat;} /*btnsbsrb訂閱圖2*/ div#btnsbsrb a{display:block;width:154px;height:64px;overflow:hidden;background:url(http://kiss2008.t35.com/caroline985/dudti1s011ire.gif) no-repeat;margin:0;} div#btnsbsrb_nologin a{display:block;width:154px;height:64px;overflow:hidden;background:url(http://kiss2008.t35.com/caroline985/dudti1s011ire.gif) no-repeat;margin:0;} body{cursor:URL(http://hk.geocities.com/caroline310597/Audf1sw006ik.ani);} a:hover{cursor:URL(http://hk.geocities.com/caroline310597/Audf1sw006ik.ani);} /*Shared rounded corner for all modules【紫的旋律】動畫框*/ .ycntmod {width:100%;position:relative;margin-bottom:10px;overflow:hidden;} .ycntmod .rctop {zoom:1;background:url(http://kiss2008.t35.com/caroline985/dudti1s001ire.gif) left top no-repeat;margin-right:10px;} .ycntmod .rctop div {background:url(http://kiss2008.t35.com/caroline985/dudti1s002ire.gif) right top no-repeat;height:18px;font-size:0;position:relative;right:-10px;} .ycntmod .rcbtm {zoom:1;background:url(http://kiss2008.t35.com/caroline985/dudti1s003ire.gif) left bottom no-repeat;margin-right:10px;} .ycntmod .rcbtm div {background:url(http://kiss2008.t35.com/caroline985/dudti1s004ire.gif) right bottom no-repeat;height:30px;font-size:0;position:relative;right:-10px;} .ycntmod .rcl {padding-left:8px;background:url(http://kiss2008.t35.com/caroline985/dudti1s005ire.gif) repeat-y;} .ycntmod .rcr {zoom:1;padding-right:8px;background:url(http://kiss2008.t35.com/caroline985/dudti1s006ire.gif) right repeat-y;} .ycntmod .text {position:relative;word-break:break-all;} .yc3pribd .ycntmod{overflow:visible;} .yc3pribd .ycntmod .yblogcnt{overflow:hidden;} html{SCROLLBAR-FACE-COLOR: #c77dca; SCROLLBAR-HIGHLIGHT-COLOR: #240000; SCROLLBAR-SHADOW-COLOR: #240000; SCROLLBAR-3DLIGHT-COLOR: #6c00b4; SCROLLBAR-ARROW-COLOR: #b400d8; SCROLLBAR-TRACK-COLOR: #934eac; SCROLLBAR-DARKSHADOW-COLOR: #480024; SCROLLBAR-BASE-COLOR: #0000d8}  

以上就是紫的旋律套裝版型設定語法

本篇引用只要複製以下嵌入語法↓

 

如何引用↓

複製按我要引用填上標題名稱跟分類

打勾觀看HTML直接按發表勿預覽

 

平安喜悅

arrow
arrow
    全站熱搜

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