24h購物| | PChome| 登入
2008-12-10 14:35:05 | 人氣13| 回應0 | 上一篇 | 下一篇

【部落格素材教學法】圓圓自製快樂聖誕夜版型24

推薦 0 收藏 0 轉貼0 訂閱站台

 

感謝 框圖教學及面版框圖分享總列表^^  提供語法

PS:請正確引用文章(請不要任意更改文章標題)

PS:不要只是複製語法否則以小白為論將採取檢舉及列入黑名單之動作

請各位好友們與新朋友們一定要帶走圓圓LOGO

讓大家一起遵守各位自製創作版主的規則讓部落格有個和平的天地

 

正確引用方式如下:

1:先複製整篇文章(包含版型邊框等等BLOG相關東西)

2:反藍後按下右鍵複製(並不是複製到原格友引用的網址喔)

3:按下每篇文章的最下方我要引用或是引用

4:回到你的發表文章畫面後將文章貼上(並打上標題及分類)

5:按下確定前看到引用回來的網址後按下(立即發表)即可完成正確引用方式喔

 

 

奇摩頂置圖請在各式樣式的第2頁打圈

PS:文章內文圖片可以和背景圖片自做調整

預欄圖:

另外有幾個圖示可搭配如下:

 

/*Links連結--文章標題左右最新文章字樣大小+內底圖*/
a, a:link, a:visited{color:#C5F1FF;font-size:100%;text-decoration:none;}
a:hover{color:#dddddd;text-decoration:none;background:url(http://sl.glitter-graphics.net/pub/6/6113e16hpe4atm.gif) repeat;background-position:50% 50%;}
a {text-decoration:none;}
a:hover {position:relative;top:2px;left:2px;} 
 

 

/*Background image for whole page背景重複固定*/

html {background-color:#C5F1FF;background-image:url(http://i260.photobucket.com/albums/ii20/a0936310535/m00.gif?t=1228812686);background-repeat:repeat;background-position:top center;overflow-x:hidden;}

 

/*部落格名稱標題圖*/
body {background:url(http://i260.photobucket.com/albums/ii20/a0936310535/m01.gif?t=1228812700) top center transparent no-repeat;}
#yblogtitle h1, #yblogtitle a {color:#C5F1FF;font-size:18px;font-weight:bolder;font-family:標楷體;}
#yblogtitle .mbd, #yblogtitle .mft{background:transparent;font-size:16px;color:#C5F1FF;padding-top:420px;}
#yblogtitle .tft {margin:0px 0px 0px 0px;}

 


 

/*Master header奇摩置頂欄圖+透明度調整*/
#yhtxw_masthead{background-image:url(http://i318.photobucket.com/albums/mm426/2008ok/FramePic/0708/3a1c118e.gif);filter:alpha(opacity=100);opacity:0.30;padding-left:15px;font-size:12px;}
#yhtXw_masthead .mhuXser div{display:inline;color:#FFFFFF;font-size:12px;padding-left:50px;}
#yhtXw_masthead .mhuXser div a, #xyhtXw_masthead .mhuXser div b{color:#FFFFFF;}#yhtXw_masthead .masXthead_function{font-size:12px;position:relative;}
#yhtXw_masthead a, #yhtXw_masthead a:link, #yhtXw_masthead a:visited, #yhtXw_masthead a:hover{color:#FFFFFF;}
#yhtXw_masthead .masXthead_function strong{font-weight:normal;color:#FFFFFF;text-decoration:underline;cursor:pointer;cursor:hand;padding-bottom:12px;}
#yhtXw_masthead {background:url(http://i318.photobucket.com/albums/mm426/2008ok/FramePic/0708/3a1c118e.gif) transparent repeat;height:101px;background-position:center top;}


/*暱稱紫蘿琳文字大小*/
#ymodprf .nickname a {font-family:標楷體;font-size:20px;} 

/*blog profile部落標題+姓名+暱稱欄圖檔*/
table#bloginfo th {background:url(http://i260.photobucket.com/albums/ii20/a0936310535/linda02.gif?t=1227125931);}
table#usrinfo th {background:url(http://i260.photobucket.com/albums/ii20/a0936310535/linda02.gif?t=1227125931);}


 

/*comment list management管理回應欄*/
.listbd {background:url(http://i260.photobucket.com/albums/ii20/a0936310535/linda02.gif?t=1227125931);color:#C5F1FF;}
#ycmntlist table th {background:url(http://i260.photobucket.com/albums/ii20/a0936310535/linda02.gif?t=1227125931);color:#C5F1FF;}
#ycmntlist .btncmntre {}

 

/*blog profile自我介紹欄位圖*/
table#bloginfo th {background:url(http://i260.photobucket.com/albums/ii20/a0936310535/linda02.gif?t=1227125931);}
table#bloginfo td {background:url(http://i260.photobucket.com/albums/ii20/a0936310535/linda02.gif?t=1227125931);}
table#usrinfo th {background:url(http://i260.photobucket.com/albums/ii20/a0936310535/linda02.gif?t=1227125931);}
table#usrinfo td {background:url(http://i260.photobucket.com/albums/ii20/a0936310535/linda02.gif?t=1227125931);}
#yusrintro p {background:url(http://i260.photobucket.com/albums/ii20/a0936310535/linda02.gif?t=1227125931);}

 

/*blog profile 部落格檔案詳細介紹內容二、四圖檔底色+字體色+下欄更多文章底圖*/
.yc3pribd .mft, #yreplymsg table, #ysbscrblist table, #ybloginfo table, #yusrinfo table, #yusrintro p {background:#000000;background-image:url(http://i260.photobucket.com/albums/ii20/a0936310535/linda02.gif?t=1227125931);color:#C5F1FF;} 
 
 


/*Nav module body統計資料+月曆+更新日搜尋文字顏色*/
.yc3sec .mbd, .yc3subbd .mbd, .yc3sec .mft, .yc3subbd .mft{background:transparent;color:#C5F1FF;text-align:center;} 


/* 月曆星期的字體顏色 */
#ymodcal th {color:#dddddd;}  


/* 月曆上今天日期的字體顏色及大小 */
#ymodcal .mbd td strong {color:#C5F1FF;}

 
/*月曆-字體基本顏色-月曆寬度-字體大小+日期面背景圖-背景預設顏色+邊框*/
#ymodcal table {color:#C5F1FF;width:120px;font-size:70%;background:url(http://);}

 


/*manage buttons編輯刪除按鈕加圖*/
div.btnblgedit, div.btnblgdel, div.btnblgreport {background:url(http://i260.photobucket.com/albums/ii20/a0936310535/m14.gif?t=1228813027);border:none;}
.reportbtns span{background:url(http://i260.photobucket.com/albums/ii20/a0936310535/m14.gif?t=1228813027);border:none;color:#C5F1FF;}
.reportbtns span a{display:none;}
/*芯誼製按鈕框*/
input, select{background:url(http://i260.photobucket.com/albums/ii20/a0936310535/m14.gif?t=1228813027);border:8px dotted;font-family:verdana;}


 

/*INPUT搜尋*/
input, select{
background:#C5F1FF;
color:#C5F1FF;
border:1px solid #FFFFFF;
FONT-SIZE:11px;
font-family:verdana;} 
 


/*訂閱部落格滑鼠指標靠近改變訂閱圖 (圖一)*/
div#btnsbsrb_nologin a, div#btnsbsrb a div#btnsbsrb_nologin a, div#btnsbsrb a {display:block;width:120px;height:110px;overflow:hidden;background:url(http://i260.photobucket.com/albums/ii20/a0936310535/m15.gif?t=1228813091) no-repeat;margin:0;}

/*引用、回應make coomment bar*/
div.btntrackback a {display:block;width:110px;height:110px;background:url(http://i260.photobucket.com/albums/ii20/a0936310535/m17.gif?t=1228813131) no-repeat;}
div.btncomment a {display:block;width:110px;height:110px;background:url(http://i260.photobucket.com/albums/ii20/a0936310535/m16.gif?t=1228813164) no-repeat;}

 

/*edit M blog title三按鍵換圖*/
div.btncompose a{display:block;width:110px;height:110px;overflow:hidden;background:url(http://i260.photobucket.com/albums/ii20/a0936310535/m18.gif?t=1228813247) no-repeat;}
div.btnphoto a{display:block;width:110px;height:110px;overflow:hidden;background:url(http://i260.photobucket.com/albums/ii20/a0936310535/m19.gif?t=1228813260) no-repeat;}
div.btnsetup a{display:block;width:110px;height:110px;overflow:hidden;background:url(http://i260.photobucket.com/albums/ii20/a0936310535/m20.gif?t=1228813291) no-repeat;}

 

/*edit module profile上傳個人相片編輯個人檔案*/
div.btnulprfphoto a {display:block;width:110px;height:110px;background:url(http://i260.photobucket.com/albums/ii20/a0936310535/m21.gif?t=1228813303) center top no-repeat;}
div.btneditprf a {display:block;width:110px;height:110px;background:url(http://i260.photobucket.com/albums/ii20/a0936310535/m22.gif?t=1228813322) center top no-repeat;}

 

/*Opacity for blogtitle橫框標題無框語法*/
#yblogtitle .rctop{background:left top no-repeat;margin-right:0px;}
#yblogtitle .rctop div{background:right top no-repeat;height:20px;right:-0px;}
#yblogtitle .rcl{background:repeat-y;}
#yblogtitle .rcr{background:right repeat-y;}
#yblogtitle .rcbtm {zoom:1;background:left bottom no-repeat;margin-right:0px;}
#yblogtitle .rcbtm div {background:right bottom no-repeat;height:20px;right:-0px;}


/*Nav module header左右標題底圖+文字大小顏色*/
.yc3sec .mhd, .yc3subbd .mhd, .yc3sec .mhd a, .yc3subbd .mhd a, .yc3sec .mhd a:link, .yc3subbd .mhd a:link, {font-size:100%;background:url(http://i260.photobucket.com/albums/ii20/a0936310535/m14.gif?t=1228813027) no-repeat;background-position:center;color:#000000;height:35px;text-align:center;padding-top:11px;}

/*Main content header中間最新文章上欄標題圖+文字色置中*/
.yc3pribd .mhd{font-size:100%;background:url(http://i260.photobucket.com/albums/ii20/a0936310535/m13.gif?t=1228813404) repeat-x;height:68px;color:#000000;text-align:center;}


 

/*中間文章內容底圖*/

.yc3pribd .mbd, .yc3pribd .mft, #yreplymsg table, #ysbscrblist table, #ybloginfo table, #yusrinfo table, #yusrintro p{
background-image:url(http://i260.photobucket.com/albums/ii20/a0936310535/linda02.gif?t=1227125931);color:#DDDDDD;}#ymodcal .mbd td strong {color:#C5F1FF;}

 

/*left/right左右側欄加框圖*/
.yc3sec .rctop, .yc3sub .rctop {height:12px;background:url(http://i260.photobucket.com/albums/ii20/a0936310535/m03.gif?t=1228812800) left top no-repeat;margin-right:0px;}
.yc3sec .rcl, .yc3sub .rcl {padding-left:6px;background:url(http://i260.photobucket.com/albums/ii20/a0936310535/m32.gif?t=1228813472) repeat-y;}
.yc3sec .rcr, .yc3sub .rcr {padding-right:6px;background:transparent right repeat-y;}
.yc3sec .rcbtm, .yc3sub .rcbtm {height:12px;background:url(http://i260.photobucket.com/albums/ii20/a0936310535/m03.gif?t=1228812800) left bottom no-repeat;margin-right:0px;}

 


/*shared rounded corner for all modules中間框線語法*/
.yc3pribd .rctop {zoom:1;background:url(http://i260.photobucket.com/albums/ii20/a0936310535/m23.gif?t=1228813504) left bottom repeat-x;}
.yc3pribd .rctop div {background:url(http://i260.photobucket.com/albums/ii20/a0936310535/m23.gif?t=1228813504) right bottom no-repeat;height:9px;font-size:0;position:relative;right:-5px;}
.yc3pribd .rcbtm {zoom:1;background:url(http://i260.photobucket.com/albums/ii20/a0936310535/m23.gif?t=1228813504) left bottom repeat-x;margin-right:5px;}
.yc3pribd .rcbtm div {background:url(http://i260.photobucket.com/albums/ii20/a0936310535/m23.gif?t=1228813504) right bottom no-repeat;height:9px;font-size:0;position:relative;right:-5px;}
.yc3pribd .rcl {padding-left:9px;background:url(http://i260.photobucket.com/albums/ii20/a0936310535/m04.gif?t=1228813563) repeat-y;}
.yc3pribd .rcr {zoom:1;padding-right:9px;background:url(http://i260.photobucket.com/albums/ii20/a0936310535/m04.gif?t=1228813563) right repeat-y;}

.yc3pribd .yc3pribd{overflow:visible;}.yc3pribd .yc3pribd .yblogcnt{overflow:hidden;}

 

/*SCROLLBAR捲軸顏色*/
html{SCROLLBAR-TRACK-COLOR:#000000;
SCROLLBAR-ARROW-COLOR:#000000;
SCROLLBAR-3DLIGHT-COLOR:#C5F1FF;
SCROLLBAR-DARKSHADOW-COLOR:#C5F1FF;
SCROLLBAR-FACE-COLOR:#C5F1FF;
SCROLLBAR-HIGHLIGHT-COLOR:#000000;
SCROLLBAR-SHADOW-COLOR:#045C78;
}
/*文章分類--最新回應--最新文章--卷軸內容高度--內容超出區塊自動由瀏覽器決定-相對定位*/
 #ymodfolder .mbd, #ymodnewcomt .mbd, #ymodnewart .mbd {HEIGHT:250px;OVERFLOW:auto;position:relative;}


/*Blog blast module招呼語字體顏色圖框置中*/
#yblast .text{color:#C5F1FF;}
#yblast .bg {background:url(http://i260.photobucket.com/albums/ii20/a0936310535/m02.gif?t=1228812788) no-repeat;position:relative;top:17px;left:90px;height:100px;width:470px;background-position:center;}#yblast .text {position:relative;top:0px;left:90px;font-family:新細明體;color:#C5F1FF;font-size:160%;}#yblast a {font-family:新細明體;color:#C5F1FF;}#yblast {text-align:center;position:relative;left:-90px;}#yblast .text{font-size:18px;font-weight:bolder;}

/*Article content module中間文章前小圖尺寸字體*/
.yblogcnt .blgtitlebar h2 {font-size:100%;font-weight:bold;background:url(http://i260.photobucket.com/albums/ii20/a0936310535/m07.gif?t=1228813628) no-repeat;padding-left:100px;height:150px;}
.yblogcnt .blgtitlebar h2 a {color:#C5F1FF;padding-right:5px;}

 

/*Nav module list左右文章標題前小圖+括號色+更多回應小圖*/
.ycntmod .mbd ul.list li {background:url(http://i260.photobucket.com/albums/ii20/a0936310535/m08.gif?t=1228813660) no-repeat;padding-left:26px;padding-top:0px;border:2px dotted;color:#A9918E;}
.ycntmod .mbd ul.list li.more {margin:0px 0 0 0px;text-align:center;background:url(http://i260.photobucket.com/albums/ii20/a0936310535/m08.gif?t=1228813660) 2% 50% no-repeat;COLOR:#A9918E;BORDER-TOP-STYLE:double;BORDER-RIGHT-STYLE:double;BORDER-LEFT-STYLE:double;BORDER-BOTTOM-STYLE:double;}

 

/*更新日小圖*/
#ymodupdate .mbd .date{background:left center no-repeat;font-size:120%;font-family:verdana;}
#ymodupdate .mbd .date{background:url(http://i260.photobucket.com/albums/ii20/a0936310535/m08.gif?t=1228813660) left center no-repeat;padding-left:13px;font-size:120%;font-family:verdana;}

 

/*回應上文章下方加圖檔*/
#yartcmt .pagination{height:192px;background:url(http://i260.photobucket.com/albums/ii20/a0936310535/m05.gif?t=1228813708) no-repeat;background-position:center;}

 

/*留言版加圖片*/

#yleavemsg #rte {background:transparent url(http://i260.photobucket.com/albums/ii20/a0936310535/m05.gif?t=1228813708) no-repeat scroll center top;padding-top:192px;font-size:110%;font-weight:bold;}

 

/*游標圖*/

body{cursor:url(http://hk.geocities.com/i0928546264/20081115-1.ani);}
a:hover {cursor:url(http://hk.geocities.com/i0928546264/20081115-1.ani);}

/*豎頭像會在自己頭像下方*/
#ymodprf .nickname{font-size:12px;font-weight:bold;}
#ymodprf .horos{background-image:url(http://i260.photobucket.com/albums/ii20/a0936310535/m10.gif?t=1228815769);background-repeat:no-repeat;background-position:0% 50%;color:#C5F1FF;width:120px;height:130px;text-align:center;}

 

/*所有文字顏色及字體大小*/

#ycmntlist .mbd{}
input, select{
color:#C5F1FF;
border:1px solid#FFFFFF;
FONT-SIZE:12px;
font-family:verdana;}.text {font-size:120%;font-family:新細明體;}

/*所有字體置中&大小*/
BODY {Font-Family:verdana;TEXT-ALIGN:center;}
BODY {Font-Family:verdana;Font-Size:12px;}

/*版型加外框線*/
a:hover{border:10px double #C5F1FF;}
body {border:10px double #C5F1FF;}

 

 

/*部落格名稱字體大小*/
#yblogtitle h1, #yblogtitle a {color:#C5F1FF;font-family:標楷體;FONT-SIZE:25px;}
/*部落格描述字體大小*/
#yblogtitle .text {color:#C5F1FF;font-family:標楷體;FONT-SIZE:20px;}

/*滑鼠指標移到超連結顯示立體彩邊框*/

a:hover {position:relative;border-left:5px ridge #dddddd;border-right:5px ridge #dddddd;border-top:5px ridge #C5F1FF;border-bottom:5px ridge #C5F1FF;}

 


 

/*若不想隱藏,只要刪除那段語法即可*/
body{overflow-x:hidden;}/*隱藏下方捲軸*/
#ymodupdate {display:none;} /*隱藏更新日期*/
#ymodalbum{display:none;} /*隱藏部落格相簿*/
#ymodmsgbd h3{display:none;}  /*隱藏留言板*/
#yhtw_mastfoot{display:none;} /*隱藏雅虎頁尾 */
#ymodprf .horos img{display:none}/*隱藏性別小圖示*/
#yblast .text a{display:none;}/*隱藏招呼語的我要留言*/
/*隱藏設定小方圖*/#yblogtitle .edit {display:none;}

 

台長: 落葉之楓

是 (若未登入"個人新聞台帳號"則看不到回覆唷!)
* 請輸入識別碼:
請輸入圖片中算式的結果(可能為0) 
(有*為必填)
TOP
詳全文