不算是100%新增，還是拿官方 css去改的
配合redBird的blog樣式，改一個看起來長得差不多
風格比較統一的留言板樣式
做出來的樣子請看我的留言板
(懶得抓圖了)
歡迎有美工強的人願意提供icons或是重新配置版面
不會寫css可以畫給我看 
以下就是整個css碼......請自取HTML {
scrollbar-face-color: #CEE8E4;
scrollbar-highlight-color: #ffffff;
scrollbar-shadow-color: #ffffff;
scrollbar-3dlight-color: #CEE8E4;
scrollbar-arrow-color: #ffffff;
scrollbar-darkshadow-color: #CEE8E4;
background:#ffffff;
}
@charset "UTF-8";
body{font-size:12px;}/* for NN4 */
/*/*/a{}
body{font-size:x-small;/* for Win IE5 */
voice-family:"\"}\"";
voice-family:inherit;
font-size:small;}/* for MacIE4.5 Win IE6 */
html>body{font-size:small;}
/* */
body{font-style:normal;font-weight:normal;
line-height:150%;
font-family:Arial, Helvetica, sans-serif;
color:#000000;
background:#ffffff;
text-align:center;
margin:0px;
padding:0px;
border:0px;}
a:link{color:#663300;
text-decoration:none;}
a:visited{color:#330000;
text-decoration:none;}
a:hover{color:#33ccff;
text-decoration:none;}
a:active{color:#80e0ff;
text-decoration:none;}
#Container {
width:750px;
text-align:left;
margin-left:auto;
margin-right:auto;
background-color:#FFFFFF;
}
#pageHeader {
width:750px;
height: 100px;
text-align:center;
margin:0 auto;
}
#navbar {
background: url(https://acman.bluenest.net/images/top-bg.gif) center top no-repeat;
width:760px;
height: 100px;
}
.navBarLink {
margin-right: 20px;
padding-top: 10px;
color: #336633;
}
.navBarLink, .navBarLink a {
text-align: right;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 23px;
color: #336633;
text-decoration: none;
}
#gbheader {
text-align:left;
position:relative;
top:-70px;
}
.adblock {
padding-top:10px;
}
.gbTopic {
}
.gbTopic a {
padding: 0px 0px 0px 100px;
font-size:20px;
font-weight:bold;
color: #336633;
}
.gbDescr {
font-family : Comic Sans MS;
margin-left:100px;
}
#gbbody {
width:758px;
padding-top:-70px;
border-left: solid 1px #666;
border-right: solid 1px #666;
border-bottom: solid 1px #666;
}
#gbfooter {
}
#pageFooter {
text-align:center;
}
#footernav {
padding-top:15px;
}
#copyright {
padding-bottom:15px;
}
.crtxt {
font-family: Arial, Helvetica, sans-serif;
line-height: 23px;
font-size: 12px;
text-decoration: none;
}
a.styleLink {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 23px;
color: #666666;
text-decoration: underline;
}
a.styleLinkNow {
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
line-height: 23px;
color: #cc99cc;
}
.styleTxt {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 23px;
color: #666666;
text-decoration: none;
}
.gbBox {
margin:0 auto;
width:588px;
padding-right:40px;
padding-bottom:20px;
}
.spacerDiv{
border-top:1px solid transparent !important; /* Fixes IE border transparency bug */
margin-top:-1px !important; /* Fixes IE border transparency bug */
border-top:0;
margin-top:0;
clear:both;
visibility:hidden;
}
.gbBoxLeft {
text-align: center;
border-top: solid 1px #666;
background-repeat:no-repeat;
background-position: left top;
font-size:16px;
font-weight: bold;
padding-top: 5px;
background-color:#FFF0F5;
width:118px;
float:right;
}
.gbBoxRight {
border-top: solid 1px #666;
background-color:#f0f8ff;
width:470px;
min-height:180px;
height:auto !important; /* IE Min-Height Hack */
height:180px;
float:left;
margin:0 auto;
}
.gbUserImg {
border:1px solid #666;
border-right: 0px;
}
.ImgTd {
padding: 10px;
height:90px;
}
.UsernameTd {
padding: 7px 0px 3px 0px;
height:25px;
border-top:1px solid #666;
}
.UserlinkTd {
padding: 7px 0px 3px 0px;
height:25px;
border-top:1px solid #666;
text-align:center;
}
.UserlinkTd table {
margin:0 auto;
}
.UserlinkTd a span{
display:none;
}
.UserlinkTd a {
display:block;
width:16px;
height:16px;
}
.linkMail a { background:url(https://www.pixnet.net/images/gb/email.gif) center; }
.linkURL a { background:url(https://www.pixnet.net/images/gb/www.gif) center no-repeat; }
.linkIP a { background:url(https://www.pixnet.net/images/gb/info.gif) center no-repeat; }
.linkDelete a { background:url(https://www.pixnet.net/images/gb/delete.png) center no-repeat;}
.loggedIn {
padding-left:15px;
background: url(https://www.pixnet.net/images/gb/vuser.gif) left no-repeat;
}
.InnerBox {
border-collapse: collapse;
width:450px;
margin:10px;
background:white url(/images/gb/noon/asagao170.png) top right no-repeat;
}
.fieldName {
background:#F0F8FF;
width:80px;
text-align:right;
padding-right:5px;
}
.field {
text-align:left;
padding: 2px 5px;
}
.gbTitle {
color: #666666;
font-family: Arial, Helvetica, sans-serif;
line-height: 23px;
font-size: 14px;
text-decoration: none;
font-weight: bold;
}
.gbReplyTd {
color:#6699cc;
background: #F0F8FF url(https://acman.bluenest.net/images/bird-icon.gif) bottom left no-repeat;
}
.gbReply {
border-top: solid 1px #CEE8E4;
color:#6699cc;
background:#FDFEFF;
}
.userPanel {
text-align: left;
background-image:url(/images/gb/noon/fuurin.gif);
background-repeat:no-repeat;
background-position: left top;
font-size:16px;
font-weight: bold;
padding-top: 0px;
padding-bottom: 50px;
padding-left: 50px;
}
.userComment {
position:relative;
top:-30px;
float:right;
padding-right: 15px;
font-size:16px;
font-weight: bold;
}
.pageSelector {
text-align:center;
clear:both;
}
.pageSelectorTop {
padding-bottom:15px;
}
.pageSelectorBtm {
padding-bottom:15px;
}
.InnerBox input {
border: 1px solid gray;
padding: 2px;
width:95%;
}
input.radio {
border: 0px;
width: 5%;
}
.PrivateMsg {
display:block;
height:60px;
text-align:center;
border: 1px dashed gray;
background: url(/images/gb/noon/kingyo400.png) center right no-repeat;
}
.PrivateMsg span{
display:block;
padding:20px;
font-size: 14px;
background: url(https://www.pixnet.net/images/gb/permdeny.gif) 38% center no-repeat;
color: #6699cc;
font-weight: bold;
}
.outGB {
font-size: 11px;
color: #666699;
}
-----
以下就是整個css碼......請自取HTML {
scrollbar-face-color: #CEE8E4;
scrollbar-highlight-color: #ffffff;
scrollbar-shadow-color: #ffffff;
scrollbar-3dlight-color: #CEE8E4;
scrollbar-arrow-color: #ffffff;
scrollbar-darkshadow-color: #CEE8E4;
background:#ffffff;
}
@charset "UTF-8";
body{font-size:12px;}/* for NN4 */
/*/*/a{}
body{font-size:x-small;/* for Win IE5 */
voice-family:"\"}\"";
voice-family:inherit;
font-size:small;}/* for MacIE4.5 Win IE6 */
html>body{font-size:small;}
/* */
body{font-style:normal;font-weight:normal;
line-height:150%;
font-family:Arial, Helvetica, sans-serif;
color:#000000;
background:#ffffff;
text-align:center;
margin:0px;
padding:0px;
border:0px;}
a:link{color:#663300;
text-decoration:none;}
a:visited{color:#330000;
text-decoration:none;}
a:hover{color:#33ccff;
text-decoration:none;}
a:active{color:#80e0ff;
text-decoration:none;}
#Container {
width:750px;
text-align:left;
margin-left:auto;
margin-right:auto;
background-color:#FFFFFF;
}
#pageHeader {
width:750px;
height: 100px;
text-align:center;
margin:0 auto;
}
#navbar {
background: url(https://acman.bluenest.net/images/top-bg.gif) center top no-repeat;
width:760px;
height: 100px;
}
.navBarLink {
margin-right: 20px;
padding-top: 10px;
color: #336633;
}
.navBarLink, .navBarLink a {
text-align: right;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 23px;
color: #336633;
text-decoration: none;
}
#gbheader {
text-align:left;
position:relative;
top:-70px;
}
.adblock {
padding-top:10px;
}
.gbTopic {
}
.gbTopic a {
padding: 0px 0px 0px 100px;
font-size:20px;
font-weight:bold;
color: #336633;
}
.gbDescr {
font-family : Comic Sans MS;
margin-left:100px;
}
#gbbody {
width:758px;
padding-top:-70px;
border-left: solid 1px #666;
border-right: solid 1px #666;
border-bottom: solid 1px #666;
}
#gbfooter {
}
#pageFooter {
text-align:center;
}
#footernav {
padding-top:15px;
}
#copyright {
padding-bottom:15px;
}
.crtxt {
font-family: Arial, Helvetica, sans-serif;
line-height: 23px;
font-size: 12px;
text-decoration: none;
}
a.styleLink {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 23px;
color: #666666;
text-decoration: underline;
}
a.styleLinkNow {
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
line-height: 23px;
color: #cc99cc;
}
.styleTxt {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 23px;
color: #666666;
text-decoration: none;
}
.gbBox {
margin:0 auto;
width:588px;
padding-right:40px;
padding-bottom:20px;
}
.spacerDiv{
border-top:1px solid transparent !important; /* Fixes IE border transparency bug */
margin-top:-1px !important; /* Fixes IE border transparency bug */
border-top:0;
margin-top:0;
clear:both;
visibility:hidden;
}
.gbBoxLeft {
text-align: center;
border-top: solid 1px #666;
background-repeat:no-repeat;
background-position: left top;
font-size:16px;
font-weight: bold;
padding-top: 5px;
background-color:#FFF0F5;
width:118px;
float:right;
}
.gbBoxRight {
border-top: solid 1px #666;
background-color:#f0f8ff;
width:470px;
min-height:180px;
height:auto !important; /* IE Min-Height Hack */
height:180px;
float:left;
margin:0 auto;
}
.gbUserImg {
border:1px solid #666;
border-right: 0px;
}
.ImgTd {
padding: 10px;
height:90px;
}
.UsernameTd {
padding: 7px 0px 3px 0px;
height:25px;
border-top:1px solid #666;
}
.UserlinkTd {
padding: 7px 0px 3px 0px;
height:25px;
border-top:1px solid #666;
text-align:center;
}
.UserlinkTd table {
margin:0 auto;
}
.UserlinkTd a span{
display:none;
}
.UserlinkTd a {
display:block;
width:16px;
height:16px;
}
.linkMail a { background:url(https://www.pixnet.net/images/gb/email.gif) center; }
.linkURL a { background:url(https://www.pixnet.net/images/gb/www.gif) center no-repeat; }
.linkIP a { background:url(https://www.pixnet.net/images/gb/info.gif) center no-repeat; }
.linkDelete a { background:url(https://www.pixnet.net/images/gb/delete.png) center no-repeat;}
.loggedIn {
padding-left:15px;
background: url(https://www.pixnet.net/images/gb/vuser.gif) left no-repeat;
}
.InnerBox {
border-collapse: collapse;
width:450px;
margin:10px;
background:white url(/images/gb/noon/asagao170.png) top right no-repeat;
}
.fieldName {
background:#F0F8FF;
width:80px;
text-align:right;
padding-right:5px;
}
.field {
text-align:left;
padding: 2px 5px;
}
.gbTitle {
color: #666666;
font-family: Arial, Helvetica, sans-serif;
line-height: 23px;
font-size: 14px;
text-decoration: none;
font-weight: bold;
}
.gbReplyTd {
color:#6699cc;
background: #F0F8FF url(https://acman.bluenest.net/images/bird-icon.gif) bottom left no-repeat;
}
.gbReply {
border-top: solid 1px #CEE8E4;
color:#6699cc;
background:#FDFEFF;
}
.userPanel {
text-align: left;
background-image:url(/images/gb/noon/fuurin.gif);
background-repeat:no-repeat;
background-position: left top;
font-size:16px;
font-weight: bold;
padding-top: 0px;
padding-bottom: 50px;
padding-left: 50px;
}
.userComment {
position:relative;
top:-30px;
float:right;
padding-right: 15px;
font-size:16px;
font-weight: bold;
}
.pageSelector {
text-align:center;
clear:both;
}
.pageSelectorTop {
padding-bottom:15px;
}
.pageSelectorBtm {
padding-bottom:15px;
}
.InnerBox input {
border: 1px solid gray;
padding: 2px;
width:95%;
}
input.radio {
border: 0px;
width: 5%;
}
.PrivateMsg {
display:block;
height:60px;
text-align:center;
border: 1px dashed gray;
background: url(/images/gb/noon/kingyo400.png) center right no-repeat;
}
.PrivateMsg span{
display:block;
padding:20px;
font-size: 14px;
background: url(https://www.pixnet.net/images/gb/permdeny.gif) 38% center no-repeat;
color: #6699cc;
font-weight: bold;
}
.outGB {
font-size: 11px;
color: #666699;
}
-----
請先 登入 以發表留言。