喜樂 Happy Diamond 部落格版型 (8) 白露明

 

 

 

喜樂此款鑽鑽版型 標題圖 欄框全透明

(背景圖可自由搭配淡色系 只要把紅色圖片網址換成自己喜歡的顏色樣式即可 現在都設定為白色 )

置頂欄透明度的問題請參考tina小小世界的解說:

http://tw.myblog.yahoo.com/tina88888888-babytony/article?mid=91629&prev=93476&next=91613

 

****************************************************

 



/*喜樂 Happy Diamond 部落格版型 (8) 白露明 */

 


/*文章置中語法*/
BODY {Font-Family:verdana;
TEXT-ALIGN:center;}

/*大標題圖背景+重覆底背景*/
body {background:url(
http://img329.imageshack.us/img329/8029/7000qo5.gif) top center transparent no-repeat;}
html {background-color:#605156;background-image:url(
http://img403.imageshack.us/img403/3671/kkgd7.gif);background-repeat:repeat;background-position:top center;overflow-x:hidden;}

 /*Blog blast module招呼語欄字體顏色文字圖框置中*/
#yblast .text{color:#605156;}
#yblast{text-align:center;}
#yblast .bg{background-image:url(http://img525.imageshack.us/img525/5610/340rx6.gif);background-repeat:no-repeat;background-position:50% 90%;width:566px;height:78px;}

/*招呼語-文字置中-文字位置*/
#yblast .text{text-align:center; position:relative;top:10px;left:10px;}
text-align:center;}

/*Main content body文章底色+ 文章內文字體顏色*/
.yc3pribd .mbd{background:url(http://img403.imageshack.us/img403/3671/kkgd7.gif) repeat;font-size:100%;color:#605156;}


/*自訂格名及部落格描述字*/
#yblogtitle .mbd,#yblogtitle .mft{background:transparent;color:#4E4E4E;padding-top:400px;text-align:center; font-size:14px}
#yblogtitle h1, #yblogtitle a {color: #4E4E4E; font-size:15px;font-weight:bolder;font-family:細明體;}
#yblogtitle .tbd{height:30px }

#yblogtitle .rctop{background:transparent left top no-repeat;margin-right:0px;}
#yblogtitle .rctop div{background:transparent right top no-repeat;height:0px;right:-0px;}
#yblogtitle .rcl{background:transparent repeat-y;border:none;}
#yblogtitle .rcr{background:transparent right repeat-y;}
#yblogtitle .rcbtm {background:transparent left bottom no-repeat;margin-right:0px;}
#yblogtitle .rcbtm div {background:transparent right bottom no-repeat;height:0px;right:-0px;}

/*側欄區上標*/
.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:transparent; color:#605156;text-align:center;}
.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 {filter:alpha(opacity=100); opacity:1.0; moz-opacity:1.0;}

/*Nav module body側欄區內文*/
.yc3sec .mbd, .yc3subbd .mbd, .yc3sec .mft, .yc3subbd .mft{background:transparent; color:#605156;}

/*Main content header中間最新文章上欄標題圖+文字色置中*/
.yc3pribd .mhd{font-size:100%;background:url(http://img403.imageshack.us/img403/3671/kkgd7.gif ) repeat-x;padding-center;height:
50px;color:#605156;background-color:#605156;text-align:center ;}

/*Links連結文字及位置顏色改變*/
a,a:link,a:visited{color:#605156;text-decoration:none; }
a:hover{color:#605156;position: relative; top:2px;}
/*文章前小圖設定*/
.yblogcnt .blgtitlebar {margin-bottom:10px;}
.yblogcnt .blgtitlebar h2 {background:url(http://img507.imageshack.us/img507/2426/45625706tt4.gif) no-repeat;padding-left:18px;height:60px;}
.yblogcnt .blgtitlebar h2 a {padding-right:60px;}


/*左右欄位小圖*/
.ycntmod .mbd ul.list li{background-image:url(  http://img507.imageshack.us/img507/6807/92686544ge7.gif );background-repeat:no-repeat; padding-left:22px;padding-top:12px;_line-height:1.5em}

 /*Scrollbar捲軸區色彩*/
html{ SCROLLBAR-FACE-COLOR: #ffffff;
 SCROLLBAR-HIGHLIGHT-COLOR: #d8d8fc;
 SCROLLBAR-SHADOW-COLOR: #b4b4d8;
 SCROLLBAR-3DLIGHT-COLOR: #fcfcfc;
 SCROLLBAR-ARROW-COLOR: #9090b4;
 SCROLLBAR-TRACK-COLOR: #ffffff;
 SCROLLBAR-DARKSHADOW-COLOR: #484848;}


 /*滑鼠網址*/
body{cursor:url(http://hk.geocities.com/mm18mm18m/d27.ani  );}
a:hover{cursor:url(http://hk.geocities.com/mm18mm18m/d26.ani    );}
 
/*邊框語法*/
.yc3sec .rctop, .yc3sub .rctop {zoom:1;background:url(http://img329.imageshack.us/img329/981/j1akt1.gif) left top no-repeat;margin-right:0px;}
.yc3sec .rctop div, .yc3sub .rctop div {background:transparent right top no-repeat;height:88px;font-size:0;position:relative;right:-0px;}
.yc3sec .rcbtm, .yc3sub .rcbtm {zoom:1;background:url(http://img329.imageshack.us/img329/1319/j1ckr2.gif) left bottom no-repeat;margin-right:0px;}
.yc3sec .rcbtm div, .yc3sub .rcbtm div {background:transparent right bottom no-repeat;height:92px;font-size:0;position:relative;right:-0px;}
.yc3sec .rcl, .yc3sub .rcl {padding-left:4px;background:url(http://img242.imageshack.us/img242/8117/j1bvz5.gif) repeat-y;}
.yc3sec .rcr, .yc3sub .rcr {zoom:1;padding-right:4px;background:transparent right repeat-y;}
.yc3pribd .ycntmod{overflow:visible;}
.yc3pribd .ycntmod .yblogcnt{overflow:hidden;}


/*回應欄位加圖片*/
#yartcmt .pagination strong{display: none}
#yartcmt .pagination{height:161px; background:url( http://img133.imageshack.us/img133/539/250oz5.gif   ) no-repeat;background-position: center;} 

/*comment list management管理回應欄*/  
.listbd {background:url(http://img403.imageshack.us/img403/3671/kkgd7.gif); color:#605156} 
#ycmntlist table th {background: url(http://img403.imageshack.us/img403/3671/kkgd7.gif); color:#605156; } 

/*性別圖示*/
#ymodprf .horos img{display:none;}
#ymodprf .horos{width:131px;height:50px;background:url(          ) center no-repeat;}


/*btnsbsrb訂閱部落格圖示*/
div#btnsbsrb a{display:block;width:182px;height:63px;overflow:hidden;background:url(http://img234.imageshack.us/img234/4544/96113835yo6.gif) no-repeat;margin:0;}
div#btnsbsrb_nologin a{display:block;width:182px;height:63px;overflow:hidden;background:url(http://img234.imageshack.us/img234/4544/96113835yo6.gif) no-repeat;margin:0;}

/*make coomment bar回應跟引用更換圖片語法*/
div.btncomment a {display:block;height:43px;width:180px;background:url(http://img228.imageshack.us/img228/1453/16412874mj1.gif) no-repeat}
div.btntrackback a {display:block;height:43px;width:180px;background:url(http://img144.imageshack.us/img144/1963/33466051cx8.gif) no-repeat}

/*個人資料管理頁面公開的部落標題文字顏色*/
#ybloginfo table, #yusrinfo table, #yusrintro p {background: transparent #605156;color:#605156;}

 /*blog profile自我介紹欄位放置圖片*/
table#bloginfo th {background:url(http://img403.imageshack.us/img403/3671/kkgd7.gif );}
table#bloginfo td {background:url(http://img403.imageshack.us/img403/3671/kkgd7.gif );}
table#usrinfo th {background:url(http://img403.imageshack.us/img403/3671/kkgd7.gif);}
table#usrinfo td {background:url(http://img403.imageshack.us/img403/3671/kkgd7.gif );}
#yusrintro p {background:url(http://img403.imageshack.us/img403/3671/kkgd7.gif);}


/*edit M blog title三按鍵換圖*/
div.btncompose a{display:block;width:75px;height:41px;overflow:hidden;background:url(http://img528.imageshack.us/img528/6290/28543908mm9.gif ) no-repeat;}
div.btnphoto a{display:block;width:75px;height:41px;overflow:hidden;background:url(http://img528.imageshack.us/img528/8606/91644943nm7.gif ) no-repeat;}
div.btnsetup a{display:block;width:75px;height:41px;overflow:hidden;background:url(http://img528.imageshack.us/img528/8638/11937052zr8.gif) no-repeat;}

/*奇摩置尾區*/
#yhtw_mastfoot, #yhtw_mastfoot a, #yhtw_mastfoot a:hover{color:#605156;}
#yhtw_mastfoot{margin-top:5px;}

 

**************************************************

另外這裡有適合固定單張大底圖的語法:(謝謝 Kittyli 的提供)

/*大標題圖背景+固定背景*/

body {background:url(http://img329.imageshack.us/img329/8029/7000qo5.gif ) top center transparent no-repeat;}
html {background:#000 url(
http://img220.imageshack.us/img220/2843/sp618vx4.gif ) no-repeat;background-position:50% 0%;background-attachment:fixed;}

如需要請把最上方綠色"重複語法"刪掉換成這段即可!!

 語法均有/*註解*/  都可自行調整   
#111111代表色碼   font-size:55%代表字體大小 → 色碼、字體大小調整可依個人喜好做調整
width:55px代表寬   height:55px代表高  →  寬、高則要依圖檔尺寸做修改

螢幕最佳解析度1024→768 或任何解析度均可。

使用本語法時,請記得,先複製在記事本上。

記事本在哪→開始→ 程式集→附屬應用程式→系統工具延展打開就可以看到記事本了。

版型語法如何使用→ 點按管理部落格→面板樣式→自訂樣式→清除自訂樣式原語法,

在將版型語法貼上,刪除不想隱藏、修改兩欄式、三欄式寬度,按確定即完成設定。

文章底圖透明度請到"進階樣式"自行調整(內文底色要打勾 才能執行)。

 

*****************************************************

感謝好友 紫蘿琳~小小世界tina~玄音~柏憲們 分享版型語法及框線製作教學!!

arrow
arrow
    全站熱搜

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