rebecca自製部落格版型(02)Dancing @ 美麗珍藏的部落格

rebecca自製部落格版型(02)Dancing

由tina發表的dancing girl版型

所得到的靈感

改了幾十次

捨棄了3～4個版本

就連邊框也一樣

後來決定了標圖

說真的有點小難過

因為沒有預期的好

不過下次一定會再加油

希望大家喜歡

也請多多給我些意見

paco的新作品

瀏覽器1024x768兩欄式範例

瀏覽器1280x960兩欄式範例

瀏覽器1680x1050兩欄式範例

瀏覽器1024x768三欄式範例

瀏覽器1280x960三欄式範例

瀏覽器1680x1050三欄式範例

管理部落格/面板設定/自訂樣式

rebecca自製部落格版型(02)Dancing語法如下:

/*以下若要顯示請不要放上即可*/

/*隱藏文章欄位全部文章大標題*/
.yc3pribd .mhd{display:none}

/*隱藏更新日期欄*/
#ymodupdate{display:none}

/*隱藏部落格相簿*/
#ymodalbum{display:none;}

/*隱藏我要留言免受廣告干擾*/
#yblast .text a{display:none;}

/*開始囉～都可以自行調整*/

/*two col layout 二欄式版面加大寬度設定*/
.twocolga #yhtw_mastfoot, .twocoldr #yhtw_mastfoot {width:966px;margin:0 auto;}
.twocolga[class], .twocoldr[class]{min-width:966px;behavior:none;}
.twocolga .ycnt3col,.twocoldr .ycnt3col {zoom:1;width:950px;text-align:left;margin:0 auto;}

/*三欄式版面寬度設定*/

.thrcol #yhtw_mastfoot {width:970x;margin:0 auto;}
.thrcol[class]{min-width:970px;behavior:none;}
.thrcol .ycnt3col {zoom:1;width:970px;text-align:left;margin:0 auto;}

/*奇摩置頂管理語法－顏色設定*/

#yhtw_masthead .mhuser div{display:inline;color:#FF1B1B;font-size:12px;filter:alpha(opacity=100); opacity:1; moz-opacity:1;}
#yhtw_masthead .mhuser div a, #xyhtw_masthead .mhuser div b{color:#FF1B1B;}#yhtw_masthead .masthead_function{font-size:12px;position:relative;}
#yhtw_masthead a,#yhtw_masthead a:link,#yhtw_masthead a:visited,#yhtw_masthead a:hover{color:#FF1B1B;}
#yhtw_masthead .masthead_function span a{color:#FC70A3 !important;display:block;min-width:5.5em;padding:5px 4px 3px 4px;text-decoration:none;border-bottom:solid 1px #FF1B1B;}
#yhtw_masthead .masthead_function span a:hover{background-color:#FF1B1B;text-decoration:underline;}
#yhtw_masthead .masthead_function strong{font-weight:normal;color:#FF1B1B;text-decoration:underline;cursor:pointer;cursor:hand;padding-bottom:5px;}

/*招呼語不放背景及文字顏色設定*/
#yblast .bg {zoom:1; filter:alpha(opacity:1.0); background: transparent no-repeat}
#yblast .text{color:#F7ADC2;}

/*自訂格名及部落格描述字*/
#yblogtitle .mbd,#yblogtitle .mft{background:transparent;color:#F7ADC2;padding-top:0px;text-align:center; }
#yblogtitle h1, #yblogtitle a {color: #BC2152; font-size:18px;font-weight:bolder;font-family:標楷體;}

#yblogtitle .tbd{height:20px }

/*大標題圖背景+重覆底背景*/
body {background:url(http://olj5ka.bay.livefilestore.com/y1pSwlqaEvE58DxNBfe4ZLkt3YRMoEtK5Z-SVWc0vgTUw-wbawvZqIFvzcNx7rrO360BAFfR0hG93eA3rBiJEK9WA/rebeccabox_design_05_01.gif) #FFFFFF no-repeat; height:399Px;zoom:1; filter:alpha(opacity:1.0);background-position:center top;opacity:1.0;}
html {background-color:#FFFFFF;background-image: url(http://olj5ka.bay.livefilestore.com/y1pSwlqaEvE58AzKGGw-P0hL7Y6uH2ba9FQRraoqGy7REzdgYu8IRYf20u7IJywKNsYOD1Czm7K8Pl2_AY-PSDhug/rebeccabox_design_05_11.gif); background-repeat: repeat-y;background-position: top center; }

#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}
#yblogtitle .rcr{background:transparent right repeat-y}
#yblogtitle .rcbtm {zoom:1;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:#510F24;text-align:center;}

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

/*Main content header文章區上標*/
.yc3pribd .mhd{ background:transparent; color:#9E1C45; }

/*Main content body文章內文及文章區*/
.yc3pribd .mbd{ background:#ffffff;color:#BC2152;border:1px dotted #9E1C45;}
.yc3pribd .mft, #yreplymsg table, #ysbscrblist table, #ybloginfo table, #yusrinfo table, #yusrintro p { background:transparent;color:#BC2152;}

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

/*Links連結文字及位置顏色改變*/
a,a:link,a:visited{color:#D90254;text-decoration: none}
a:hover{color:#FC89AE;text-decoration: none;}
a {text-decoration:none}
a:hover {position: relative; top: 2px;left:2px;}

/*Scrollbar捲軸區色彩*/
html{SCROLLBAR-FACE-COLOR:#FF1B1B;
SCROLLBAR-3DLIGHT-COLOR: #FFAAAA;
SCROLLBAR-ARROW-COLOR: #F8C2B8;
SCROLLBAR-TRACK-COLOR: #F8C2B8 ;
SCROLLBAR-DARKSHADOW-COLOR:#FFAAAA;
SCROLLBAR-BASE-COLOR:#FF1B1B;}

/*文章前小圖設定*/
.yblogcnt .blgtitlebar {margin-bottom:9px;zoom:1;}
.yblogcnt .blgtitlebar h2 {font-size:125%;font-weight:bold;background:url(http://olj5ka.bay.livefilestore.com/y1pSwlqaEvE58Ds_abVsQSrxLhFvmAML_QIPLbA1oBE4TwNkrHHsO_uD_fxhrk7XZq4nFUFtLK9k-1WBuzUFaavmw/rebeccabox_design_05_09.gif) no-repeat;padding-left:22px;}

/*左右欄位小圖*/
.ycntmod .mbd ul.list li{background-image:url(http://olj5ka.bay.livefilestore.com/y1pSwlqaEvE58BDE1PGPbsRHqUCtpRcqO-bHaVaATZT7Ems4OuueCmzv9GnSvAcjVZUl5LoXA9LrOQQplfGQReVDQ/rebeccabox_design_05_10.gif);background-repeat:no-repeat; padding-left:22px;padding-top:10px;_line-height:1.5em}

/*shared rounded corner for all modules 無框語法*/
.ycntmod {width:100%;position:relative;margin-bottom:15px;overflow:hidden;}
.ycntmod .rctop {zoom:1;background:transparent left top no-repeat;margin-right:0px;}
.ycntmod .rctop div {background:transparent right top no-repeat;height:0px;font-size:0;position:relative;right:-0px;}
.ycntmod .rcbtm {zoom:1;background:transparent left bottom no-repeat;margin-right:0px;}
.ycntmod .rcbtm div {background:transparent right bottom no-repeat;height:0px;font-size:0;position:relative;right:-0px;}
.ycntmod .rcl {padding-left:0px;background:transparent repeat-y;}
.ycntmod .rcr {zoom:1;padding-right:0px;background:transparent right repeat-y;}
.ycntmod .text {position:relative;word-break:break-all;}
.yc3pribd .ycntmod{overflow:visible;}
.yc3pribd .ycntmod .yblogcnt{overflow:hidden;}

/*側欄區加框線*/
/*側欄上方背景框線 */
.yc3sec .rctop,.yc3sub .rctop {zoom:1;background:url(http://olj5ka.bay.livefilestore.com/y1pSwlqaEvE58B7tWWDYciWXLj4z3V9Spyibzk2GwPyKm2ZWMzn_-EkC8tKcWbc2fp9Sia_Ua7AB3apRFnKoMaVvw/rebeccabox_design_05_03.gif) left top no-repeat;margin-right:0px;}
/*側欄下方背景框線 */
.yc3sec .rctop div,.yc3sub .rctop div {background:transparent right top no-repeat;height:98px;font-size:0;position:relative;right:-0px;}
.yc3sec .rcbtm,.yc3sub .rcbtm {zoom:1;background:url(http://olj5ka.bay.livefilestore.com/y1pSwlqaEvE58C9fmitXLlfBXBX13L9lkyKX8pnPFtvbrerdgg5fGFcbjabHhvnSv9XyJol_fZDHbxdfAGLbYdPFA/rebeccabox_design_05_05.gif) left bottom no-repeat;margin-right:0px;}
/*側欄左方背景框線 */
.yc3sec .rcbtm div,.yc3sub .rcbtm div {background:transparent right bottom no-repeat;height:126px;font-size:0;position:relative;right:-0px;}
.yc3sec .rcl,.yc3sub .rcl {padding-left:4px;background:url(http://olj5ka.bay.livefilestore.com/y1pSwlqaEvE58CNeItvqnXyrJlqY8eHtHtkjJUcfAV-BONQdLb3AHUxlwnhNmahtsVtO4HQUpRSIe2URVE1nhUDEA/rebeccabox_design_05_04.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;}

/*btnsbsrb訂閱部落格圖示*/
div#btnsbsrb a{display:block;width:138px;height:64px;overflow:hidden;background:url(http://olj5ka.bay.livefilestore.com/y1pSwlqaEvE58AN5KtNZYnwLkAtNc3AvcQyK6mNhYotgchhj8abxQkP0Nwz24PrJ-sA6IBGbPzGDwDkZZ4YKTTOLQ/rebeccabox_design_05_06.gif) no-repeat;margin:0;}
div#btnsbsrb_nologin a{display:block;width:138px;height:64px;overflow:hidden;background:url(http://olj5ka.bay.livefilestore.com/y1pSwlqaEvE58AN5KtNZYnwLkAtNc3AvcQyK6mNhYotgchhj8abxQkP0Nwz24PrJ-sA6IBGbPzGDwDkZZ4YKTTOLQ/rebeccabox_design_05_06.gif) no-repeat;margin:0;}

/*make coomment bar回應跟引用更換圖片語法*/
div.btncomment a {display:block;height:60px;width:80px;background:url(http://olj5ka.bay.livefilestore.com/y1pSwlqaEvE58DSGN4czRbMXRgyDRfQQzxDOO93odgCc58B55CY9E6gvxhxic8dNKJVDiqCJ6cPBAKYAEboqd8eiw/rebeccabox_design_05_07.gif) no-repeat;}
div.btntrackback a {display:block;height:60px;width:80px;background:url(http://olj5ka.bay.livefilestore.com/y1pSwlqaEvE58BF5Y12B0ukDIM_KGV41985UFdVHzmT9OnRfQ8JUYjhkqCdQxSizJdZ1piktME4LNjvgx7Z22xj8Q/rebeccabox_design_05_08.gif) no-repeat;}

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

/*側欄框要顯示 2008.03.21*/
.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;}

/*最上方圖片要清楚 2008.03.21*/
#yhtw_masthead{filter:alpha(opacity=100); opacity:1.0; moz-opacity:1.0;}

/*奇摩置尾區*/
#yhtw_mastfoot, #yhtw_mastfoot a, #yhtw_mastfoot a:hover{color:/*以下若要顯示請不要放上即可*/

/*隱藏文章欄位全部文章大標題*/
.yc3pribd .mhd{display:none}

/*隱藏更新日期欄*/
#ymodupdate{display:none}

/*隱藏部落格相簿*/
#ymodalbum{display:none;}

/*隱藏我要留言免受廣告干擾*/
#yblast .text a{display:none;}

/*開始囉～都可以自行調整*/

/*三欄式版面寬度設定*/

.thrcol #yhtw_mastfoot {width:970x;margin:0 auto;}
.thrcol[class]{min-width:970px;behavior:none;}
.thrcol .ycnt3col {zoom:1;width:970px;text-align:left;margin:0 auto;}

/*奇摩置頂管理語法－顏色設定*/

/*招呼語不放背景及文字顏色設定*/
#yblast .bg {zoom:1; filter:alpha(opacity:1.0); background: transparent no-repeat}
#yblast .text{color:#F7ADC2;}

/*自訂格名及部落格描述字*/
#yblogtitle .mbd,#yblogtitle .mft{background:transparent;color:#FF4F4F;padding-top:369px;text-align:center; }
#yblogtitle h1, #yblogtitle a {color: #BC0905; font-size:18px;font-weight:bolder;font-family:標楷體;}

#yblogtitle .tbd{height:20px }

/*大標題圖背景+重覆底背景*/
body{background:url(http://olj5ka.bay.livefilestore.com/y1pSwlqaEvE58DxNBfe4ZLkt3YRMoEtK5Z-SVWc0vgTUw-wbawvZqIFvzcNx7rrO360BAFfR0hG93eA3rBiJEK9WA/rebeccabox_design_05_01.gif) transparent no-repeat ;background-position:50% 0;}
html{background:url(http://olj5ka.bay.livefilestore.com/y1pSwlqaEvE58AzKGGw-P0hL7Y6uH2ba9FQRraoqGy7REzdgYu8IRYf20u7IJywKNsYOD1Czm7K8Pl2_AY-PSDhug/rebeccabox_design_05_11.gif) #ffffff ; ;background-position:50% 0;overflow-x:hidden;}

/*側欄區上標*/

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

/*Main content header文章區上標*/
.yc3pribd .mhd{ background:transparent; color:#FF0000; }

/*Main content body文章內文及文章區*/
.yc3pribd .mbd{ background:#ffffff;color:#FF0000;border:1px dotted #FF8787;}
.yc3pribd .mft, #yreplymsg table, #ysbscrblist table, #ybloginfo table, #yusrinfo table, #yusrintro p { background:transparent;color:#ffffff;}

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

/*Links連結文字及位置顏色改變*/
a,a:link,a:visited{color:#A00102;text-decoration: none}
a:hover{color:#FCA299;text-decoration: none;}
a {text-decoration:none}
a:hover {position: relative; top: 2px;left:2px;}

/*Scrollbar捲軸區色彩*/
html{SCROLLBAR-FACE-COLOR:#FF4F4F;
SCROLLBAR-3DLIGHT-COLOR: #FF7272;
SCROLLBAR-ARROW-COLOR: #A00004;
SCROLLBAR-TRACK-COLOR: #FF8181 ;
SCROLLBAR-DARKSHADOW-COLOR:#FF7272;
SCROLLBAR-BASE-COLOR:#FF4F4F;}

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

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

/*最上方圖片要清楚 2008.03.21*/
#yhtw_masthead{filter:alpha(opacity=100); opacity:1.0; moz-opacity:1.0;}

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

以上語法參考Tina~小小世界

by rebeccabox http://tw.myblog.yahoo.com/rebecca-box/

曾美麗

美麗珍藏的部落格

曾美麗發表在痞客邦留言(0) 人氣()

E-mail轉寄

美麗珍藏的部落格

歡迎光臨美麗珍藏~在痞客邦的小天地 ……休息中

rebecca自製部落格版型(02)Dancing

留言列表

我的好友

文章分類

奇摩背包 (16)

音樂欣賞 (3)

痞客邦面板 (1)

藝文情報 (1)

小遊戲 (1)

部落格面板(奇摩) (2)

外掛程式 (3)

圖片 (5)

達人佳作 (3)

影音 (2)

宗教 (1)

網頁教學 (2)

公益活動 (1)

部落格公告 (2)

美食報報 (2)

最新留言

文章搜尋

最新文章

QR Code

POWERED BY