幫我看pixnet的css樣式怎麼改 - 部落格

Olga · 2009-07-14

Table of Contents

Post
Comments
Related Posts

網址在這邊
http://sandyst77.pixnet.net/guestbook
我不怎麼會css
第一次改css 但頭好痛改也改不好
有沒有人可以幫我

不知道怎麼讓最上面的xx的留言板的字拿掉
還有圖片和上面沒有間隔
下面的部落格相簿名片這幾個按鈕怎麼和上面的圖片靠緊?
還有我的leave a message怎麼和部落格那幾個按鈕對齊

12345數字前面和後面會有一點點的這該怎麼拿掉

html {
scrollbar-face-color: #000;
scrollbar-highlight-color: #000;
scrollbar-shadow-color: #000;
scrollbar-3dlight-color: #000;
scrollbar-arrow-color: #000;
scrollbar-track-color: #000;
scrollbar-darkshadow-color: #000;
}

textarea{
display: block !important;
font: 12px verdana;
color: #333;
background: #fff;
border: 1px solid #ccc;
scrollbar-face-color:#fff;
scrollbar-track-color:#fff;
scrollbar-3dlight-color:#fff;
scrollbar-darkshadow-Color:#fff;
scrollbar-arrow-color:#ccc;
scrollbar-shadow-color:#fff;
scrollbar-highlight-color:#fff;
overflow:auto;
}

input{
font: 13px verdana;
color: #555;
border: none;
background: #fff;
}

select {
font: 10px verdana;
border: none;
background: none;
}

body {
font-size: 12px;
font-family: Georgia;
background: #000;
margin: 0px;
color: #ccc;
cursor:crosshair;
}

ul {
padding: 0px;
margin: 0px;
}

li {
padding: 0px;
margin: 0px;
list-style: none;
}
img {
border: none;
}

a {
color: #555;
text-decoration: none;
}

a:hover {
color: #eee;
cursor:n-resize;
}

#Container {
position: relative;
width: 602px;
margin: 0px auto;
background: #293341;
padding: 0px 0px 30px 0px;
}

#pageHeader {}

#navbar {
height: 20px;
text-align: right;
color: #fff;
}

#navbar {
font-size: 5px;
color: #5f0000;
}

#navbar a {
font-size: 12px;
color: #999;
}

#navbar a:hover {
font-size: 12px;
color: #ccc;
position: relative;
top: 1px;
left: 1px;
}

#gbheader {
background: #293341 url(http://p3.p.pixnet.net/albums/userpics/3/3/507833/4a5c78b8500b5.jpg

) no-repeat;
border-top: 45px solid #293341;
border-bottom: 0px solid #293341;
height: 250px ;
}

.gbTopic {
text-align:right;
font-size: 20px;
padding: 5px 10px 0px 0px;
font-family: arial;
}

.gbTopic a {
color: #fff;
}

.gbTopic a:hover {
position: relative;
top: 1px;
left: 1px;
color: #fff;
}

.rssIcon {
display: none;
}

.gbDescr {
text-align: right;
font-family: verdana;
word-break: break-all;
line-height: 17px;
color: #999;
margin: 5px 0px 0px 5px;
padding: 5px 10px 0px 0px;
height: 190px ;
overflow:auto;
FILTER: Chroma( Color = #000000 );
scrollbar-face-color: #000;
scrollbar-highlight-color: #555;
scrollbar-shadow-color: #555;
scrollbar-3dlight-color: #000;
scrollbar-arrow-color: #fff;
scrollbar-track-color: #000;
scrollbar-darkshadow-color: #000;
}

.gbDescr a{
color: #ff0000;
}

.gbDescr a:hover{
position: relative;
top: 1px;
left: 1px;
}

#gbbody {
position: relative;
background: none;
}

.userPanel {
position: absolute;
top: 0px;
right: 0px;
}

.userPanel span {
display: block;
float: right;
}

.userPanel span a {
display: block;
width: 150px;
height: 20px;
font-size: 12px;
letter-spacing: 1px;
background:#9f0000;
border-bottom: 5px solid #000;
margin-right: 3px;
color: #bbb;
}

.userCard a:hover {
padding: 10px 0px 0px 0px;
}

.userAlbum a:hover {
padding: 10px 0px 0px 0px;
}

.userBlog a:hover {
padding: 10px 0px 0px 0px;
}

span.link-separator {
display: none;
}

.userComment {
padding: 20px 20px;
}

.userComment span a {
display: block;
width: 150px;
height: 25px;
font-size: 0px;
letter-spacing: -2px;
background: url(http://p3.p.pixnet.net/albums/userpics/3/7/228337/1197346567.jpg) no-repeat 0px 0px;
color: #5f0000;
}

.userComment span a:hover {
background: url(http://p3.p.pixnet.net/albums/userpics/3/7/228337/1197346567.jpg) no-repeat 1px 1px;
color: #5f0000;
}

.pageSelector {
height: 25px;
text-align: right;
background:#293341;
padding: 5px 0px 0px 0px;
margin: 0px;
color: #6f0000;
}

.pageSelector span {
color: #5f0000;
}

.pageSelector a {
color: #999;
}

.pageSelector a:hover {
color: #000;
background:#293341;
text-decoration:none;
font-size: 18px;
}

.styleLinkNow{
color: #fff;
font-size: 18px;
background:#none;
padding: 0px 10px;
}

a.styleLinkNow{
color: #fff;
font-size: 18px;
background:#none;
padding: 0px 10px;
}

a:hover.styleLinkNow {
color: #555;
font-size: 18px;
background:#293341;
padding: 0px 10px;
}

.lastPage a,
.lastTen a,
.nextTen a,
.nextPage a{
color: #000 !important;
font-size: 0px;
background:#293341 !important;
letter-spacing : 0px;
padding: 5px 2px;
margin: 0px 2px 0px 0px;
}

.lastPage a:hover,
.lastTen a:hover,
.nextTen a:hover,
.nextPage a:hover{
color: #9f0000 !important;
font-size: 0px;
background:#293341 !important;
letter-spacing : 0px;
padding: 5px 2px;
margin: 0px 2px 0px 0px;
}

.gbBox {
clear: both;
width: 600px;
background: none;
margin: 25px auto;
}

.gbBoxLeft {
float: left;
width: 100px;
background: none;
}

.ImgTd {
width: 100px;
height: 101px;
text-align: center;
background: none;
padding: 0px;
margin: 0px;
}

.ImgTd img {
width: 90px;
height: 90px;
border: 5px solid #000;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
-moz-opacity: 0.7;
}

.UsernameTd {
word-break: break-all;
height: auto;
width: 100px;
color: #999;
background:#000;
padding: 0px 0px 3px 0px;
margin: -1px 0px 0px 0px;
text-align: right;
}

.UsernameTd img {
display: none;
}

.UsernameTd a {
color: #fff;
}

.UsernameTd a:hover {
color: #999;
}

.UserlinkTd table {
width: 100px;
text-align: right;
margin: 0px auto;
border: 1px solid #000;
background: #293341;
}

.UserlinkTd a {
color: #777;
}

.gbBoxRight {
float: right;
width: 495px;
overflow: hidden;
background: none;
filter:Alpha(opacity=70);
-moz-opacity: 0.7;
}

table.InnerBox {
width: 495px;
background: #293341;
border-collapse: collapse;
margin: 0px auto;
color: #999;
}

.fieldName {
text-align: left;
line-height: 25px;
vertical-align: top;
color: #aaa;
border-bottom: 1px solid #293341;
border-right: 1px solid #293341;
padding: 0px 0px 0px 5px;
background: #293341;
}

.field {
width: 80%;
line-height: 17px;
word-break: break-all;
padding: 2px 5px;
color: #ccc;
}

.spacerDiv {
clear: both;
height: -10px;
background: none;
}

#gbfooter {
display: none;
}

.gbTitleTd,
.gbDateTd,
.gbContentTd,
.gbReplyTd {
display: none;
}

.gbTitle{
color: #ccc !important;
font-family: verdana;
}

.gbDate{
color: #000 !important;
font-family: Georgia;
}

.gbContent{
color: #000 !important;
font-family: verdana;
background: #fff;
padding-top: 10px;
padding-bottom: 20px;
}

.gbReply {
padding-top: 10px;
padding-bottom: 10px;
color: #ccc !important;
font-family: verdana;
background: #293341;
}

.PrivateMsg {
display: block;
height: 50px;
font-size: 0px;
color: #8f0000;
background: #8f0000 url(http://p3.p.pixnet.net/albums/userpics/3/7/228337/1197349908.jpg) no-repeat center;
border: 1px dotted #000;
}

#signForm .gbBox {
background: none;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
-moz-opacity: 0.7;
}

#signForm .InnerBox {
width: 600px;
background: #3f0000;
}

#signForm .fieldName {
color: #fff;
}

#signForm .field {
text-align: left;
color: #fff;
}

#signForm .field a {
color: #fff;
}

#signForm .field a:hover{
color: #555;
}

#gComment {
width: 400px !important;
font-size: 12px;
font-family: verdana;
border: none;
height: 115px;
}

#pageFooter {
display: none;
}

#pageFooter a {
color: #999;
}

--

部落格

幫我看pixnet的css樣式怎麼改 - 部落格

All Comments

Related Posts