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
1 2 3 Next
  • 感謝親的喜歡^^

  • Blog Owner at February 14, 2009 11:27 PM Reply
  • 感謝親的喜歡^^

  • Blog Owner at February 14, 2009 11:27 PM Reply
  • 3樓

    3樓坐沙發

    好看

    拿走囉

  • w820817w at February 14, 2009 03:53 PM comment | prosecute
  • 感謝親的喜歡^^

  • Blog Owner at February 14, 2009 11:28 PM Reply
  • 4樓

    福樓

    帶走了

    謝謝˙ˇ˙

    很好看喔˙ˇ˙

  • menthol0803 at February 14, 2009 03:59 PM comment | prosecute
  • 感謝親的喜歡^^

  • Blog Owner at February 14, 2009 11:28 PM Reply
  • 5樓

    專業的5樓

    我拿走了

    謝謝

    很可愛ㄋㄟ

  • a19912625 at February 14, 2009 05:27 PM comment | prosecute
  • 感謝親的喜歡^^

  • Blog Owner at February 14, 2009 11:28 PM Reply
  • 感謝親的喜歡^^

  • Blog Owner at February 14, 2009 11:28 PM Reply
  • 7樓

    7樓

    先拿囉!!謝啦!!

  • ten8310 at February 14, 2009 07:45 PM comment | prosecute
  • 感謝親的喜歡^^

  • Blog Owner at February 14, 2009 11:28 PM Reply
  • 8樓

    8樓

    3Q

    我也很愛東方神起的呢!! =)

    TVXQ! 萬歲 =) XD

  • cc80520 at February 14, 2009 08:12 PM comment | prosecute
  • 感謝親的喜歡^^

    嗯嗯!! 一起支持神起喔=D

  • Blog Owner at February 14, 2009 11:29 PM Reply
  • 9樓

    9樓

    拿走摟謝謝
    期待下次還有神起的樣式:)

  • sky22666655 at February 14, 2009 10:27 PM comment | prosecute
  • 感謝親的喜歡^^

    好的!!
    我會努力製作新的樣式喔=D

  • Blog Owner at February 14, 2009 11:29 PM Reply
  • 10樓

    10樓

    Sealed

  • Sealed at February 14, 2009 11:20 PM comment
  • Sealed

  • Blog Owner at February 14, 2009 11:30 PM Reply
  • 11樓

    11樓

    拿走瞜~謝謝

  • win0215i at February 14, 2009 11:41 PM comment | prosecute
  • 感謝親的喜歡^^

  • Blog Owner at February 14, 2009 11:45 PM Reply
  • 12樓

    12樓

    我老早就想改留言版樣式了
    但一直找不到想要的
    而且我也不會CSS (泣)
    超感謝妳的XD
    阿星有才喔

  • hikaru7116 at February 14, 2009 11:48 PM comment | prosecute
  • 不謝喔^^
    我會繼續弄新的樣式
    看姐到時候喜歡哪個就拿哪個走喔XD

  • Blog Owner at February 17, 2009 12:22 AM Reply
  • 13樓

    13樓

    我拿走了
    謝謝你ˇ

  • c88704 at February 15, 2009 12:26 PM comment | prosecute
  • 感謝親的喜歡^^

  • Blog Owner at February 17, 2009 12:22 AM Reply
  • 感謝親的喜歡^^

  • Blog Owner at February 18, 2009 11:29 PM Reply
  • 15樓

    15樓

    呵呵~拿走囉!!
    親做的很好~
    我很喜歡~!!

  • sujuvutk520 at February 17, 2009 07:07 PM comment | prosecute
  • 感謝親的喜歡^^

  • Blog Owner at February 18, 2009 11:30 PM Reply
  • 16樓

    16樓

    感謝你唷!! 帶走囉!!

  • cake7969 at February 20, 2009 12:28 AM comment | prosecute
  • 感謝親的喜歡^^

  • Blog Owner at February 21, 2009 09:17 PM Reply
  • 17樓

    17樓

    謝謝分享



    我拿走囉!



    期待下次有很好的作品

  • cindy30136 at February 21, 2009 09:29 AM comment | prosecute
  • 感謝親的喜歡^^
    我會努力再創作新的樣式!!

  • Blog Owner at February 21, 2009 09:18 PM Reply
  • 感謝親的喜歡^^

  • Blog Owner at March 4, 2009 10:09 PM Reply
  • 感謝親的喜歡^^

  • Blog Owner at March 4, 2009 10:09 PM Reply
  • 感謝親的喜歡^^

  • Blog Owner at March 4, 2009 10:09 PM Reply
  • 21樓

    21樓

    謝謝我哪走了

  • http0204 at February 28, 2009 09:40 PM comment | prosecute
  • 感謝親的喜歡^^

  • Blog Owner at March 4, 2009 10:10 PM Reply
  • 22樓

    22樓

     
    謝謝:)
    我也是神起迷哦
    期待妳下次的作品 !!!!!

  • love321963 at March 8, 2009 04:51 PM comment | prosecute
  • 23樓

    23樓

    感謝分享~

    做的很棒!!加油唷^^

    我帶走囉~ thx

  • peyyu0717 at March 9, 2009 05:11 PM comment | prosecute
  • 25樓

    25樓

    拿走囉
    謝謝分享
    我很喜歡

  • h520sh520s at March 14, 2009 11:29 PM comment | prosecute
  • 26樓

    26樓

    很喜歡~~
    我抱走了!!!

  • HangX2 at March 15, 2009 12:10 AM comment | prosecute
  • 27樓

    27樓

    謝謝你囉

    帶走囉!!

  • tong0902 at March 16, 2009 02:18 PM comment | prosecute
  • 29樓

    29樓

    很好看耶~
    帶走嚕!!
    希望下次可以用網誌樣式唷^^

  • kd0248995 at March 21, 2009 11:29 AM comment | prosecute
  • 30樓

    30樓

    我拿走了
    謝啦

  • baobao13 at March 26, 2009 11:33 AM comment | prosecute
1 2 3 Next

Only members can post a comment, Login first

誰來收藏
Loading ...
unlog_NVPO 0