<img src=http://www.wangsmile.com/wlling/sozai4/icon/12/s_05.gif> 改blog好複雜哦.... (◈﹏西瓜香水)

改blog好複雜哦....

西瓜公主 | 28th Jan 2008 | ๑۩۩ .. ஐ 今天天陰 | (129 Reads)

我的媽呀... 頭是十個大了....

終於把想弄的都弄好了弄了一個晚上真不容易哦 5555555~~~~~ 加了滾動條加了鼠標把blog名字和簡介去掉了換了header圖~~~

雖然弄得不太好看不過是自己喜歡的粉紅色那就行啦!~~

那煩人的分隔線也終於弄好了多得我親愛的老公教我加位置代碼老公就是棒棒棒!!!

將css備份一下先

/* 200604 */

html{

/* Force Vertical scrollbar in Mozilla/Firefox */
height : 100%;
margin : 1px;
scrollbar-face-color:#FFC4E1;
scrollbar-highlight-color:#FFFFFF;
scrollbar-3dlight-color:#FF95CA;
scrollbar-darkshadow-color:#FFB5DA;
scrollbar-shadow-color:#FF6AB5;
scrollbar-arrow-color:#FFFFFF;
scrollbar-track-color:#FFDDEE;
}

body{

margin        : 0px;
padding       : 0px;
text-align   : left;
background:url(http://wlling703.mysinablog.com/resserver.php?resource=1145488-200702141545d2bc83b0794_550.gif) repeat fixed;
}
body{CURSOR:url('http://www.126blog.com/Up/2007-8/34301.65647459.ani')}
a:hover{cursor:url('http://www.126blog.com/Up/2007-8/34341.93546096.ani')}
}

#document{ /* the blog's main frame */

padding             : 0px;
width               : 850px; /* blog's width */
margin-top   : 5px;
margin-left         : auto;
margin-right        : auto;
border-right        : 1px solid #FFA2C6;
border-left         : 1px solid #FFA2C6;
border-top         : 1px solid #FFA2C6;
overflow   : auto;
}

#header{

padding       : 0px;
margin        : 0px;
height        : 200px; /* header's height */
width         : 100%;
background   : transparent url(http://wlling703.mysinablog.com/resserver.php?resource=1146358-blogheader.jpg) repeat top left; /* header's image */
}

#title{ /* the blog's title */

padding             : 140px 60px 0px 10px;
position            : relative;
top                 : 10%;
text-align          : left;
font                : bold 28px lucida grande, verdana, arial black, sans-serif;
line-height         : 0.6;
display : none;

}

#title a{

color : #FD5294;
text-decoration : none;
}

#title a:hover{

color : black;
text-decoration : none;
}

.description{ /* the blog's description */

font            : bold 12px lucida grande, verdana, arial, sans-serif;
color           : #FD5294;
text-align  : left;
}

#top_menu{ /* the horiozontal menu under the header */

width           : 100%;
height          : 25px;
text-align       : left;
font           : 12px lucida grande, verdana, arial, sans-serif;
color          : black;
background-color : #FACBDD;
border-top   : 1px solid #FFA2C6;
border-bottom  : 1px solid #FFA2C6;
}

#top_menu a             { color: black; background: transparent; text-decoration: none;}
#top_menu a:link        { color: black; background: transparent; text-decoration: none;}
#top_menu a:visited     { color: black; background: transparent; text-decoration: none;}
#top_menu a:active      { color: black; background: transparent; text-decoration: none;}
#top_menu a:hover       { color: #FD5294; background: transparent; text-decoration: underline;}
}

#top_menu_nav{

position : relative;
top : 20%;
}

#main{ /* the middle region between the "top_menu" & "footer" */

float : left;
background-color : #FFFFFF;
}

#main_content{ /* the content's region */

float : left;
width : 590px;
background-color : #FFFFFF;
}

#content{

padding-top : 15px;
padding-right : 15px;
}

#main_sidebar{ /* the sidebar's region */

float : right;
width : 230px;
background-color : #FFFFFF;
}

/***********************************************/
/* post */
/***********************************************/

div.posted{ /* e.g. yourblog | 13-10-05, 3:26 PM | General | (88 Reads) */

padding         : 5px;
text-align      : right;
word-spacing    : 1px;
color           : #000000;
font            : 12px lucida grande, verdana, arial, sans-serif;
}

div.posted a:link       {color: #FD5294;text-decoration: none;}
div.posted a:visited    {color: #FD5294;text-decoration: none;}
div.posted a:active     {color: #FD5294;text-decoration: none;}
div.posted a:hover      {color: black;text-decoration: underline;}

div.post_content{ /*the post's content */

padding         : 4%;
padding-top  : 20px;
color           : #000000;
font            : 12px lucida grande, verdana, arial, sans-serif;
overflow        : hidden;
margin-bottom   : 0px;
width           : 90%;
overflow        : hidden;
line-height     : 1.8;
text-align  : left;

}

div.post_content a:link         {color: #FD5294;text-decoration: none; }
div.post_content a:visited      {color: #FD5294;text-decoration: none; }
div.post_content a:active       {color: #FD5294;text-decoration: none; }
div.post_content a:hover        {color: black;text-decoration: underline;}

#post_index{ /* e.g. Previos Page | Next Page */

margin-bottom : 10px;
text-align : right;
font-size : 12px;
padding-right : 10px;
}

#post_index a           { color: #FD5294; background: transparent; text-decoration: none;}
#post_index a:link      { color: #FD5294; background: transparent; text-decoration: none;}
#post_index a:visited   { color: #FD5294; background: transparent; text-decoration: none;}
#post_index a:active    { color: #FD5294; background: transparent; text-decoration: none;}
#post_index a:hover     { color: black; background: transparent; text-decoration: underline;}

#footer{ /* the footer at the bottom */

width               : 100%;
height              : 40px;
padding-top         : 10px;
padding-bottom     : 10px;
background          : #FACBDD;
font-family     : lucida grande, verdana, arial, sans-serif;
font-size       : 12px;
color             : #000000;
text-align   : center;
line-height   : 1.5;

}

#credit{ /* the text inside the footer */

width           : 100%;
margin          : 0px;
color           : #FFFFFF;
padding-top  : 15px;
text-align      : center;
font-family     : lucida grande, verdana, arial, sans-serif;
font-size       : 12px;

}

#credit a           { color: #99FFFF; background: transparent; text-decoration: none;}
#credit a:link      { color: #99FFFF; background: transparent; text-decoration: none;}
#credit a:visited   { color: #99FFFF; background: transparent; text-decoration: none;}
#credit a:active    { color: #99FFFF; background: transparent; text-decoration: none;}
#credit a:hover     { color: #FF3300; text-decoration: underline;}

/***********************************************/
/* common layout */
/***********************************************/

div.c_outline{ /* the outline */

width : 100%;
padding : 0px;
}

div.c_title{ /* title */

padding-top         : 2px;
padding-left        : 5px;
padding-bottom      : 20px;
height              : 13px;
font-family         : lucida grande, verdana, arial, sans-serif;
font-size           : 16px;
font-weight         : bold;
line-height         : 1.6;
color               : #000000;
text-align          : left;
background:url(http://www.wangsmile.com/wlling/sozai4/lines/5/80.gif) bottom repeat-x;
}

.c_title a, .c_title a:link, .c_title a:visited{

color               : black;
text-decoration     : none;
background          : transparent;
}

.c_title a:active,.c_title a:hover{

color               : #FD5294;
text-decoration     : underline;
background          : transparent;
}

.c_content_space{ /* the content */

padding             : 5px;
height              : 100%;
font-family         : lucida grande, verdana, arial, sans-serif;
font-size           : 12px;
text-align   : left;
}

.c_content_space a:link         {color: #000000;text-decoration: none;}
.c_content_space a:visited      {color: #000000;text-decoration: none;}
.c_content_space a:active       {color: #000000;text-decoration: none;}
.c_content_space a:hover        {color: #FD5294;text-decoration: underline;}

/***********************************************/
/* sidebar */
/***********************************************/

#sidebar{ /* the sidebar */

padding   : 15px;
font            : 13px lucida grande, verdana, arial, sans-serif;
margin          : auto;
}

#sidebar    a                               { color: #000000; background: transparent; text-decoration: none;}
#sidebar    a:link                          { color: #000000; background: transparent; text-decoration: none;}
#sidebar    a:visited                       { color: #000000; background: transparent; text-decoration: none;}
#sidebar    a:active, #sidebar a:hover      { color: #FD5294; text-decoration: underline;}

.sidetitle{ /* title of individual sidebar's item */

padding-top     : 4px;
padding-left     : 10px;
padding-bottom : 2px;
height          : 20px;
font            : 12px lucida grande, verdana, arial, sans-serif;
font-weight     : bold;
text-align      : left;
line-height     : 1.5;
color           : #000000;
border-top   : 1px solid #FFFFFF;
border-right  : 1px solid #FFFFFF;
border-bottom  : 1px solid #000000;
border-left   : 1px solid #000000;
}

.sideitem{ /* content of individual sidebar's item */

text-align      : left;
font-size       : 12px;
margin-bottom   : 20px;
padding   : 7px;
line-height  : 1.5;

}

div.sideitem ul{

list-style      : none url(http://www.wangsmile.com/wlling/sozai4/icon/12/an2-3.gif);
margin          : 5px 0px 0px 0px;
padding         : 0px 0px 0px 17px;
}

div.sideitem li{

background : transparent;
font-family : lucida grande, verdana, arial, sans-serif;
}

.sideProfile{ /* the user's profile in the sidebar */

line-height : 1.3;
padding : 10px;
}

/***********************************************/
/* calendar */
/***********************************************/

.sideCal{

text-align : center;
width : 165px;
margin : auto;
}

.calendar{

font-size : 12px;
color : #000000;
}

.calMonthToday{

color : #FF99CC;
font-weight : bold;
background : #FDD6E5;
}

.calMonth td{

text-align : right;
padding     : 2px;
margin      : 0px;
font-size   : 12px;
}

.calMonth table{

margin : 0px auto;
font-size : 12px;
}

.calMonthCurrent{

color           : #000000;
font-weight     : bold;
font-size       : 12px;
}

.calMonthHeader{

margin-top       : 2px;
color            : #000000;
font-weight    : bold;
font-size       : 12px;
}

th.calMonthBackward{

font-size : 12px;
}

th.calMonthForward{

font-size : 12px;
}

.calMonthDay a {

font-weight : bold;
font-style : italic;
}

/************************************************/
/* comment form */
/************************************************/

.cf_left{

font-size       : 12px;
font-family     : lucida grande, verdana, arial, sans-serif;
width           : 150px;
float           : left;
text-align      : left;
padding         : 5px;
margin          : 5px;
}

.cf_left label{

font-weight : normal;
}

.cf_right{

font-size       : 12px;
font-family     : lucida grande, verdana, arial, sans-serif;
background      : transparent;
padding         : 5px;
margin          : 5px;
float           : left;
text-align  : left;
}

.cf_right label{

font-weight : normal;
}

/***********************************************/
/* albums */
/***********************************************/

#main_album{ /* album's region */

float : left;
width : 100%;
}

#album_content{

padding : 15px;
}

.album_folder{ /* for individual folder */

text-align      : center;
float           : left;
width           : 175px;
height          : 120px;
background      : transparent;
padding-top     : 20px;
}

.album{ /* for individual resource */

text-align      : center;
float           : left;
width           : 175px;
height          : 200px;
background      : transparent;
}

.album p{ /* for resource's description */

padding-top         : 0px;
margin              : 0;
text-align          : center;
font-family         : lucida grande, verdana, arial, sans-serif;
font-size           : 11px;
}

.album_description{ /* for album's description */

width           : 92%;
padding         : 5px;
margin          : 5px;
text-align      : left;
}

/************************************************/
/* misc */
/***********************************************/

.pager{

text-align : right;
padding-right : 8px;
}

label{

font-weight : bold;
}

.clear{ clear : both; }

img{ border : 0px; }

.button{

padding-top   : 2px;
padding-right  : 8px;
padding-left  : 8px;
padding-bottom  : 0px;
border-top   : 1px solid #DEDEDE;
border-bottom  : 1px solid #000000;
border-left   : 1px solid #DEDEDE;
border-right  : 1px solid #000000;
font    : 12px sans-serif;
color    : #000000;
background-color : #DEDEDE;
}

blockquote{

display             : block;
padding             : 10px;
clear               : both;
color               : #666666;
line-height         : 1.5;
border-left   : 4px solid #888685;
}

textarea{

width : 300px;
}

留言(1) | 引用(0)

[1]

我覺得而家幾好呀

[引用] | 作者 Yi | 28th Jan 2008 | [舉報垃圾留言]

» 我要回應

﹏♥ Now is playing ▣

۩ 灬你若成風 - Vae ·. ♥ 你若化成風我幻化成雨

﹏♥ Watermelon ▣ ﹍