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
  • 62樓

    62樓

    好漂亮呢>0<)))
    謝謝你分享
    拿走了ˇ

  • aa1061310 at August 3, 2009 03:08 PM comment | prosecute
  • 63樓

    63樓

    Sealed

  • Sealed at August 23, 2009 01:14 AM comment
  • 64樓

    64樓

    我拿走了
    謝謝^^

  • tajk at August 24, 2009 04:33 PM comment | prosecute
  • 65樓

    65樓

    帶走囉 謝謝 = \ =
    好喜歡 !!!

  • love213 at August 30, 2009 02:45 AM comment | prosecute
  • 66樓

    66大順樓

    小T喜歡~~
    哪走囉!!

  • kattun223108 at September 5, 2009 01:32 PM comment | prosecute
  • 67樓

    67樓

    帶走囉~~
    謝謝分享^^

  • landy1228 at September 23, 2009 08:01 PM comment | prosecute
  • 68樓

    68樓

    帶走囉,謝謝親哦。

  • genie2652 at October 4, 2009 01:51 PM comment | prosecute
  • 69樓

    69樓

    噗哈哈:)

    喜歡喜歡

    我帶走囉

  • u831130 at October 24, 2009 09:47 PM comment | prosecute
  • 70樓

    70樓

    Sealed

  • Sealed at November 23, 2009 08:42 PM comment
  • 71樓

    71樓

    Sealed

  • Sealed at December 2, 2009 09:55 PM comment
  • 72樓

    72樓

    Sealed

  • Sealed at December 12, 2009 05:29 PM comment
  • 73樓

    73樓

    Sealed

  • Sealed at June 11, 2010 10:53 PM comment
  • 74樓

    74樓

    Sealed

  • Sealed at June 11, 2010 10:56 PM comment
  • 75樓

    75樓

    Sealed

  • Sealed at March 13, 2011 05:59 PM comment
  • 76樓

    76樓

    Sealed

  • Sealed at April 10, 2011 06:48 PM comment
  • 77樓

    77樓

    Sealed

  • Sealed at April 17, 2011 07:33 PM comment
  • 78樓

    78樓

    Sealed

  • Sealed at April 30, 2011 10:39 PM comment
  • 79樓

    79樓

    Sealed

  • Sealed at July 18, 2011 01:16 PM comment

Only members can post a comment, Login first

誰來收藏
Loading ...
unlog_NVPO 0