晶鑽禮湛黑玉浪漫面板－婷婷的部落格

晶鑽禮湛黑玉浪漫面板

喜歡這個面板嗎？昨天到 瀟湘娘子 格看到這個框架語法的圖片，真是歡喜。

馬上聯想到，若拿來做框線圖一定不錯。

您們覺得如何呢？希望您們會喜歡。

這個可是經過裁裁剪剪貼貼擦擦才得來的成果。

我個人是覺得蠻有成就感的。

就看能不能合您意了，請多多指教喔！

~感謝歡心，慶讚分享，祝福大家順心如意~

玄音　合十

～若您有好點子，歡迎自行變調～

框線圖.游標圖.訂閱圖語法分享

96.02.02 新增

圖示↓

語法↓

滑鼠游標圖示

訂閱部落格圖示

/*Shared rounded corner for all modules flower 晶鑽禮湛*/
.ycntmod {width:100%;position:relative;margin-bottom:10px;overflow:hidden;}
.ycntmod .rctop {zoom:1;background:url(http://hk.geocities.com/ccloud67tw/Table2/s01.gif) left top no-repeat;margin-right:15px;}
.ycntmod .rctop div {background:url(http://hk.geocities.com/ccloud67tw/Table2/s02.gif) right top no-repeat;height:66px;font-size:0;position:relative;right:-15px;}
.ycntmod .rcbtm {zoom:1;background:url(http://hk.geocities.com/ccloud67tw/Table2/s03.gif) left bottom no-repeat;margin-right:15px;}
.ycntmod .rcbtm div {background:url(http://hk.geocities.com/ccloud67tw/Table2/s04.gif) right bottom no-repeat;height:39px;font-size:0;position:relative;right:-15px;}
.ycntmod .rcl {padding-left:9px;background:url(http://hk.geocities.com/ccloud67tw/Table2/s05.gif) repeat-y;}
.ycntmod .rcr {zoom:1;padding-right:9px;background:url(http://hk.geocities.com/ccloud67tw/Table2/s06.gif) right repeat-y;}
.ycntmod .text {position:relative;word-break:break-all;}
.yc3pribd .ycntmod{overflow:visible;}
.yc3pribd .ycntmod .yblogcnt{overflow:hidden;}

/*游標圖*/
body{cursor:URL(http://hk.geocities.com/ccloud67tw/Table2/0n1.ani);}
a:hover{cursor:URL(http://hk.geocities.com/ccloud67tw/Table2/0n2.ani);}

/*btnsbsrb 更換訂閱部落格圖示*/
div#btnsbsrb a{display:block;width:78px;height:71px;overflow:hidden;background:url(http://hk.geocities.com/ccloud67tw/Table2/05.gif) no-repeat;margin:0;}
div#btnsbsrb_nologin a{display:block;width:78px;height:71px;overflow:hidden;background:url(http://hk.geocities.com/ccloud67tw/Table2/05.gif) no-repeat;margin:0;}

晶鑽禮湛黑色浪漫面板 CSS語法內容↓

本面版適用解析度：1024*768

面板語法說明： 1.置頂文字消失

我把 Yahoo! 連結及置頂區塊所有功能文字都用語法隱藏起來，若您不要隱藏，

只要把ＣＳＳ內容裡的　/*yhtw_masthead Y!連結置頂區塊功能文字消失*/　←這段語法刪除。

及 /*Master header 置頂文字消失透明度0 */　←這段語法的最後一行刪除，透明度改成50。

這樣置頂文字區塊，就會出現了↓如下列語法所示↓

下列↓這兩段語法是控制置頂文字消失的語法

/*Master header 置頂文字消失透明度0 */
#yhtw_masthead{color:#666; background:#c5c5c5;filter:alpha(opacity=0); opacity:1; moz-opacity:1;}
#yhtw_masthead a,#yhtw_masthead a:link,#yhtw_masthead a:visited,#yhtw_masthead a:hover{color:#fff;}
#yhtw_masthead .mhuser q{display:none;}

/*yhtw_masthead Y!連結置頂區塊功能文字消失*/
#yhtw_masthead a, #yhtw_masthead .mhuser p, #yhtw_masthead div, #yhtw_masthead div span{display:none;}

↓

下列語法↓為修改後，讓置頂文字出現的語法

/*Master header 置頂文字透明度=50 */
#yhtw_masthead{color:#666; background:#c5c5c5;filter:alpha(opacity=50); opacity:1; moz-opacity:1;}
#yhtw_masthead a,#yhtw_masthead a:link,#yhtw_masthead a:visited,#yhtw_masthead a:hover{color:#fff;}

※ 若您有使用這個消失語法，在自訂欄位裡貼上會員登入的連結，會比較方便喔。

語法如下↓

2.更換面板方法

只要複製面板的CSS語法內容，貼到您格子的CSS 內容裡面就可以了。

作法：1. 請先進入CSS內容裡，按右上角的清除，或者把原來的ＣＳＳ內容備份起來。

2. CSS清除後，內容完全空白，再把晶鑽禮湛面板的ＣＳＳ內容貼入。然後按確定就可以了。

※　CSS 內容裡每段語法都有中文註解，沒有註解的就是不會用到。

若想修改裡面的一些底色或背圖，只要找到該註解的語法，貼上妳要更換的圖片或色碼。

※　圖片網址，一定要是網路空間的，還沒有空間的請參考→　申請雅虎香港網頁空間教學

/*customization CSS 晶鑽禮湛黑玉浪漫面板*/

/*Links 連結無底線連結後字變色有底線*/
a,a:link,a:visited{color:#C675EC;text-decoration: none;}
a:hover{color:#FF78C7;text-decoration: underline;}

/*Master header 置頂文字消失透明度0 */
#yhtw_masthead{color:#666; background:#c5c5c5;filter:alpha(opacity=0); opacity:1; moz-opacity:1;}
#yhtw_masthead a,#yhtw_masthead a:link,#yhtw_masthead a:visited,#yhtw_masthead a:hover{color:#fff;}
#yhtw_masthead .mhuser q{display:none;}

/*yhtw_masthead Y!連結置頂區塊功能文字消失*/
#yhtw_masthead a, #yhtw_masthead .mhuser p, #yhtw_masthead div, #yhtw_masthead div span{display:none;}

/*Blog title 部落格標題欄底色*/
#yblogtitle .mbd,#yblogtitle .mft{background:#000000; color:#CC0101;}
#yblogtitle h1{color:#F6B2F8;}

/*Background 背景底圖固定*/
body{ background:#000000 url(http://hk.geocities.com/ccloud67tw/Table2/bb2.gif) no-repeat;background-attachment: fixed}

/*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:#F6B2F8;text-align:center;}

/*article content module 最新文章標題前小圖及換字體*/
.yblogcnt .blgtitlebar {margin-bottom:12px;zoom:1;}
.yblogcnt .blgtitlebar h2 {font-size:200%;font-weight:bold;background:url(http://hk.geocities.com/ccloud67tw/Table2/04.gif) no-repeat;padding-left:30px;font-family:標楷體}
.yblogcnt .blgtitlebar h2 a {color:#A5007C; padding-right:5px;}

/*Main content header 最新文章欄背景色*/
.yc3pribd .mhd{ background:#000000
;background-repeat: no-repeat; color:#747474;text-align:center}

/*Nav module body*/
.yc3sec .mbd, .yc3subbd .mbd, .yc3sec .mft, .yc3subbd .mft{ background:#ffffff; color:#666666;}

/*Nav module list 左右欄位文章標題前小圖*/
.ycntmod .mbd ul.list li {background:url(http://hk.geocities.com/zxcvbnm000qwe/mid/as01.gif) left .6em no-repeat;padding-left:10px;margin-bottom:3px;_margin-bottom:3px;_line-height:23px;}
.ycntmod .mbd ul.list li.more {margin:-3px 0 0 10px;text-align:right;background:url(http://hk.geocities.com/zxcvbnm000qwe/mid/as01-1.gif) 25px center no-repeat;}

/*Module latest upup 更換日期時間前小圖*/
#ymodupdate .mbd .date{background:url(http://hk.geocities.com/zxcvbnm000qwe/mid/as03.gif) right left no-repeat;font-size:75%;font-family;}

/*Main content body*/
.yc3pribd .mbd, .yc3pribd .mft, #yreplymsg table, #ysbscrblist table, #ybloginfo table, #yusrinfo table, #yusrintro p{ background:#ffffff; color:#666666}

#ymodcal .mbd td strong {color:#FFB400;}

/*Opacity for blogtitle 標題名稱欄位透明度*/
#yblogtitle .rctop, #blogtitle .rctop div, #yblogtitle .rcl, #yblogtitle .rcr, #yblogtitle .rcbtm, #yblogtitle .rcbtm div {zoom:1; filter:alpha(opacity:70)}

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

/*Opacity for main content 中間內文欄位透明度*/
.yc3pribd .rctop,.yc3pribd .rctop div,.yc3pribd .rcl,.yc3pribd .rcr,.yc3pribd .rcbtm,.yc3pribd .rcbtm div {zoom:1; filter:alpha(opacity:82)}
#yblast{display: none}

/*Background color for main content body*/
.yc3pribd .mbd, .yc3pribd .mft, #yreplymsg table, #ysbscrblist table, #ybloginfo table, #yusrinfo table, #yusrintro p {background: #FFFFFF}

/*性別圖換成小波斯*/
#ymodprf .horos img{display:none;}
#ymodprf .horos{width:118px;height:71px;background:url(http://homelf.kimo.com.tw/zz14723/s-gif/cat01.gif) center no-repeat;}

/*游標圖*/
body{cursor:URL(http://hk.geocities.com/ccloud67tw/Table2/0n1.ani);}
a:hover{cursor:URL(http://hk.geocities.com/ccloud67tw/Table2/0n2.ani);}

/*btnsbsrb 更換訂閱部落格圖示*/
div#btnsbsrb a{display:block;width:78px;height:71px;overflow:hidden;background:url(http://hk.geocities.com/ccloud67tw/Table2/05.gif) no-repeat;margin:0;}
div#btnsbsrb_nologin a{display:block;width:78px;height:71px;overflow:hidden;background:url(http://hk.geocities.com/ccloud67tw/Table2/05.gif) no-repeat;margin:0;}

/*Shared rounded corner for all modules flower 晶鑽禮湛框圖*/
.ycntmod {width:100%;position:relative;margin-bottom:10px;overflow:hidden;}
.ycntmod .rctop {zoom:1;background:url(http://hk.geocities.com/ccloud67tw/Table2/s01.gif) left top no-repeat;margin-right:15px;}
.ycntmod .rctop div {background:url(http://hk.geocities.com/ccloud67tw/Table2/s02.gif) right top no-repeat;height:66px;font-size:0;position:relative;right:-15px;}
.ycntmod .rcbtm {zoom:1;background:url(http://hk.geocities.com/ccloud67tw/Table2/s03.gif) left bottom no-repeat;margin-right:15px;}
.ycntmod .rcbtm div {background:url(http://hk.geocities.com/ccloud67tw/Table2/s04.gif) right bottom no-repeat;height:39px;font-size:0;position:relative;right:-15px;}
.ycntmod .rcl {padding-left:9px;background:url(http://hk.geocities.com/ccloud67tw/Table2/s05.gif) repeat-y;}
.ycntmod .rcr {zoom:1;padding-right:9px;background:url(http://hk.geocities.com/ccloud67tw/Table2/s06.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: #000000;
SCROLLBAR-HIGHLIGHT-COLOR: #ffffff;
SCROLLBAR-SHADOW-COLOR: #ffffff;
SCROLLBAR-3DLIGHT-COLOR: #000000;
SCROLLBAR-ARROW-COLOR: #ffffff;
SCROLLBAR-TRACK-COLOR: #000000;
SCROLLBAR-DARKSHADOW-COLOR: #000000;
SCROLLBAR-BASE-COLOR: #ffffff}