February 14, 2009

﹝留樣﹞We love TVXQ

這是我第一次嚐試修改留言版的樣式
新版的留言版樣式都好....= =


樣式圖瀏覽



如果覺得有喜歡
可以把CSS帶走
這也是我第一次分享CSS樣式
有帶走的親可以留個言
偷偷帶走不想回的也行啦 有用我就很開心了

之後我會再多弄幾款的喔


CSS複製開始-----*


body{
color:#000;
background:#fff;
font:verdana;
font-size:10px;
background:url(http://img105.imageshack.us/img105/8705/wltzn0.png);
background-position:center;
}


a{
color:#000;
text-decoration:none;
}
a:hover {
text-decoration:none;
}


#bigcontainer ,
#container
{
margin:auto;
width:950px;
}

/*header*/
#header {
top:20px;
background:url(http://img339.imageshack.us/img339/2584/021403yp1.png) no-repeat 20% center;
position:relative;
height:auto !important;
height:175px;
min-height:175px;

}

#header h1 {
position:relative;
top:20px;
left:10px;
font-size:10px;
font-weight:bold;
width:585px;
letter-spacing:0.1em;
border-bottom:0px dotted #ffffff;
padding-bottom:5px;
}
#header h1 a {
color:#FF0000;
text-decoration:none;
}
#description {
position:relative;
top:25px;
color:transparent;
padding:0px 40px 40px 300px;
}

 

#main {
background:no-repeat right bottom;
padding:0px 20px;
}

#content {
position:relative;
width:560px;
}

/*main_tab*/
#main_tab{
position:absolute;
left:0px;
top:10px;
border-bottom:1px solid #000;
width:560px;
}
#main_tab li a {
position:relative;
display:block;
line-height:26px;
float:left;
padding:2px 10px 0;
margin-right:20px;
color:#000;
text-decoration:none;
}
#main_tab li.hover a {
color:#fff;
background:#000;
text-decoration:none;
}

 


a.message {
display:block;
width:120px;
height:28px;
padding:5px 0 0 0;
background:#FF9999;
text-align:center;
float:right;
position:relative;
top:10px;
}
/*
*html a.message {
 width:83px;
 height:22px;
}/*ie only* /
*/

/*mainsection*/
#mainSection {
margin-top:55px;
}

#search {
margin:10px 0;
text-align:right;}

ul.page_control {
padding:10px 0;
text-align:center;
color:#000;
}

ul.page_control a {
color:transparent;
}

 

/*msg list*/
#msg_list {
background:transparent;

}
.msg_body {
margin-bottom:40px;
border:0px solid #000;

}


.msg_word span {
position:relative;
border-top:1px dotted #999;
}

.msg_word strong {
display:block;
padding:10px 0 5px;
zoom:1;
color:#000;
background:#transparent;}

 

.msg_content {
position:relative;
color:transparent;
}

 

.reply_content li span {
line-height:1.5;
zoom:1;
}
.msg_content li.msg_word span {
text-align:left;
display:block;
font-weight:bold;
color:#000;
padding:5px 0 0 0;

}

.reply_word{
background:#000;
background:repeat;


}
.reply_content li.reply_word span {
text-align:left;
display:block;
font-weight:bold;
color:#000;
padding:10px 10px 5px;
}
.reply_word strong {
display:block;
zoom:1;
padding:10px 10px;
color:#000;
}


.msg_img {
position:absolute;
left:20px;
top:12px;
}
.msg_man {
position:absolute;
left:120px;
top:15px;
}
.msg_man a {
color:#000;
font-weight:bold;
}
.msg_title {
position:absolute;
left:120px;
top:45px;
}
.msg_date {
position:absolute;
left:120px;
top:75px;
}

.msg_word{
padding:110px 20px 0;
}

 

.msg_info{
border-bottom:0px dotted #000;
padding:0px 20px;
}
.msg_info span {
color:transparent;
}
.msg_ip{float:right;color:#000;}

*html .msg_word span,
*html .msg_info span,
*html .msg_ip span,
*html .reply_word span,
*html .reply_date span
{
line-height:1.5;
zoom:1;
}/*ie only*/

.reply_content {
clear:both;
zoom:1;
padding:20px;
}

.reply_none {
width:100%;
text-align:left;
display:block;
border-bottom:1px dotted #000;
color:#000;
padding-right:20px;
padding-left:20px;
padding-bottom:5px;
}

 

.reply_date {
text-align:right;color:#666;
background:#000;
padding:10px 5px;
}
.reply_content textarea{width:100%;}
.msg_control{margin-top:10px;}
*html .msg_control{margin-top:0px;}/*ie only*/

.msg_control li a {
padding:3px 5px 3px;
background:#000;
border:1px solid #000;
color:#fff;
}
.msg_control li a:hover {
background:#fff;
color:#000;
text-decoration:none;
}

/*addpost*/
#msg_added h2{
color:#000;
font-size:15px;
font-weight:bold;
position:absolute;
top:15px;
}


#msg_added li{padding:3px 20px;}

.add_name {
border-top:1px dotted #000;
padding-top:10px !important;
}
#msg_added li span {
display:block;
width:105px;
float:left;
color:#000;
text-align:right;
margin-right:10px;
border-bottom:1px solid #000;
padding-bottom:2px;

}

#msg_added form {
position:relative;
margin-top:10px;
color:#000;
padding:0px 10px 10px;
}
#msg_added li.add_img{
position:relative;
padding-left:20px;
padding-top:10px;
float:left;
margin-right:10px;
}
#msg_added li.add_title {
color:#000;

}


.add_title {
width:90%;
margin:5px auto 5px;
height:110px;

}

.add_title a {
color:#000;
text-decoration:none;
}

.add_title a:hover {
color:transparent;
text-decoration:none;
}

/*sidebar*/
#sidebar{
text-align:center;
color:#000;
margin-top:55px;
width:330px;
background:transparent;
}

#sidebar a{color:#000;}
#admin{text-align:center;}
.box{
margin:10px 0;
padding:5px;
}

#action  {
margin:10px auto 0px;
background:#000;
width:300px;

}

#action a{
color:#fff;
text-decoration:none;
}

#friendlist  {
margin:0px 0 0;
background:#fff;
margin:0px auto 10px;
width:300px;
}
#friendlist select {
margin:auto auto 0pt;
width:280px;
}


#info span{padding:0 10px;font-weight:bold;}
#info a{font-weight:bold;}
#stats{
border-width:0px;
border-style:none;
color:#fff;
background:transparent;
margin:5px auto 10px;
width:300px;
text-align:left;
line-height:1.5;
}

/*namecard*/
#mine {
height:180px;
overflow:hidden;
}
.myDesc {
color:#fff;
}
#mine #namecard {
text-align:left;
background:#000 !important;
border-color:fff;
margin:22px auto 0px;
color:#666;
}
.myNick {
color:#fff;
}
#myService li a {
border-bottom:1px solid #000;
background:#333;
color:#fff;
}
#myService li a:hover{
border-bottom:1px solid #000;
background:#000;
color:#fff;
}
#myName a {
color:#000;
text-decoration:none;
}
#myName a:hover {
text-decoration:underline;
}
#footer {
clear:both;
height:40px;
}
#automusic{
display:block;
}

BODY {
CURSOR:url('http://www.wabis.tw/up0002/20081108112157.ani');}
A:hover {
CURSOR:url('http://www.wabis.tw/up0002/20081108112157.ani');}


*-----CSS複製結束

5推薦此文章
Today's Visitors: 0 Total Visitors: 755
Personal Category: Work。作品/樣式 Topic: creation / design / graphic design
Next in This Category: ﹝선물﹞Valentine's Day
歷史上的今天:
[Trackback URL]

Reply
  • 31樓

    31樓

    Sealed

  • Sealed at March 27, 2009 12:31 PM comment
  • 34樓

    34樓

    我帶走嚕
    謝謝XDD

  • a5516888q at April 3, 2009 07:44 PM comment | prosecute
  • 35樓

    35樓

    哈哈!
    游出水面的鮪魚
    來看看星囉! :)
    樣式我拿走囉 ^0^
    哈!真的好久不見哦~~~ >///<
    快大考囉!!
    考完試絕對第一個找妳!!! ^^
    嘻 ^______^

  • sheyorkmusic at April 4, 2009 09:43 PM comment | prosecute
  • 記得考完試要聯絡我一下哦XD
    考試加油!!

  • Blog Owner at May 11, 2009 01:26 AM Reply
  • 38樓

    38樓


    謝謝你
    拿走囉

  • faa1208 at April 11, 2009 11:26 PM comment | prosecute
  • 39樓

    39樓

    做的好好看!

    我拿走ㄌㄛ

    我愛俊秀><"

  • tk881203 at April 12, 2009 09:14 AM comment | prosecute
  • 你是男仙嗎?

    我基本上是團愛
    但俊秀真的很愛很愛

    歡迎常來一起交流喜歡神起的心情哦^^

  • Blog Owner at May 11, 2009 01:29 AM Reply
  • 41樓

    41樓

    HIHI
    我拿走了唷!!
    你做的真棒=ˇ=
    謝謝你唷!

  • ccbuoo at April 20, 2009 03:40 PM comment | prosecute
  • 42樓

    42樓

    做斗好可愛喔><
    等大大回來解鎖~

  • loveedison96 at April 26, 2009 02:40 AM comment | email | prosecute
  • 已經解了哦

  • Blog Owner at May 11, 2009 01:30 AM Reply
  • 43樓

    43樓

    我拿走了~
    支持東方~
    愛死了!!

  • shinhwa23j at May 9, 2009 05:15 PM comment | prosecute
  • 47樓

    47樓

    拿走囉
    卸卸

  • vip1436 at May 19, 2009 07:21 PM comment | prosecute
  • 48樓

    48樓

    Sealed

  • Sealed at May 31, 2009 12:28 PM comment
  • 49樓

    49樓

    好好看!!!
    我拿走囉
    謝謝你:)

  • eilmy801028 at June 1, 2009 10:57 PM comment | prosecute
  • 50樓

    50樓

    Sealed

  • Sealed at June 14, 2009 10:50 AM comment
  • 54樓

    54樓

    拿走囉!!
    謝謝你~~

  • rt195432g at July 4, 2009 08:05 PM comment | prosecute
  • 55樓

    55樓

    拿走了!
    謝謝^0^

  • nora6123 at July 7, 2009 08:12 PM comment | prosecute
  • 58樓

    58樓

    拿走囉!
    你好牙
    我是仙后^^

  • yt10282005 at July 17, 2009 05:57 PM comment | prosecute
  • 59樓

    59樓

    我拿走囉~
    謝謝!!!

  • z147852 at July 20, 2009 01:17 PM comment | prosecute
  • 60樓

    60樓

    我帶走囉
    謝謝親囉^ ^

  • a22767645 at July 27, 2009 02:31 PM comment | prosecute

Only members can post a comment, Login first

誰來收藏
Loading ...
unlog_NVPO 0