2010年3月5日 星期五

[CSS][Blogspot]留言區加個對話框

/* Comment Entry Form */

#comments, #respond{

margin: 10px 20px 0px 20px;

}





#commentform

{

margin:10px;

padding:10px;

background:#fff;

border-top: #ccc 1px solid;

border-bottom: #ccc 1px solid;

}





#commentform input {

width: 170px;

padding: 2px;

margin: 5px 5px 1px 0;

}





.alt {

margin: 0;

padding: 10px;

background-color: #f8f8f8;

border-top: 1px solid #ddd;

border-bottom: 1px solid #ddd;

}





.commentmetadata {

margin: 0;

display: block;

font-weight: normal;

}





textarea{

width: 96%;

padding:10px;

line-height:2em;

height: 20em;

border: 1px solid #ccc;

background:#fff url(img/shadow_top.gif) repeat-x top;

font:1em Verdana, Arial, Serif;

}





.commentlist {

padding: 0;

text-align: justify;

}





.commentlist li {

border: 1px solid #000000;

margin: 0px 0 0px;

padding: 5px 10px 3px;

list-style: none;

}





.commentlist p {

margin: 10px 5px 10px 0;

}





.commentlist li, #commentform input, #commentform textarea {

font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;

}





.commentlist li {

font-weight: bold;

}





/*************   以下是我在我的後台加入的程式碼   ***************/



.comment-author {

margin: 0px 0px 0px 0px;

padding: 0 10px 0 40px;

color: #777;

font-size: 16px;

font-weight: bold;

background: url(http://www.blogblog.com/tictac/comment_arrow.gif) no-repeat 20px 7px;

}



.comment-body {

background: url(http://sites.google.com/site/skyvee/Home/img/bg_comment.gif) no-repeat 35px 0px;

padding-top:1px;

}



.comment-body p {

background:#d0d0d0;

margin: 5px 0 0px 0;

border: 6px solid #e5e5e5;

line-height: 1.6em;

padding: 7px 7px 7px 13px;

}



.comment-body-author {

background: url(http://sites.google.com/site/skyvee/Home/img/bg_comment.gif) no-repeat 35px 0px;

padding-top:1px;

}



.comment-body-author p {

background:#ccdacc;

margin: 5px 0 0px 0;

border: 6px solid #e5e5e5;

line-height: 1.6em;

padding: 7px 7px 7px 13px;

}





/*************   結束   ***************/





.commentlist cite, .commentlist cite a {

font-weight: bold;

font-style: normal;

font-size: 1.1em;

}





.commentlist p {

font-weight: normal;

line-height: 1.5em;

text-transform: none;

}





#commentform p {

margin: 5px 0;

}





.nocomments {

text-align: center;

margin: 0;

padding: 0;

color: #777;

}





h3.comments {

padding: 0;

margin: 40px auto 20px ;

}

/* End Comments */





延伸閱讀:


0 意見:

張貼留言