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

By Olga
at 2009-07-14T22:19
at 2009-07-14T22:19
Table of Contents
網址在這邊
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;
}
--
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

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;
}
--
Tags:
部落格
All Comments
Related Posts
大家認同影響力=現金嗎?

By Noah
at 2009-07-14T22:18
at 2009-07-14T22:18
額外跳出的視窗都無法顯示?

By Kelly
at 2009-07-14T19:13
at 2009-07-14T19:13
內文超連結顏色?

By Rebecca
at 2009-07-14T17:54
at 2009-07-14T17:54
檢查一下你的自訂網域名稱

By Edwina
at 2009-07-14T16:41
at 2009-07-14T16:41
樂多怎讓文章行數不要一次顯示?!

By Andrew
at 2009-07-14T12:21
at 2009-07-14T12:21