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

Olga avatar
By Olga
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;
}





--

All Comments

大家認同影響力=現金嗎?

Noah avatar
By Noah
at 2009-07-14T22:18
我目前任職於一間公司做行銷企劃,自己也有在經營部落格。 想請問大家: 今天如果別人介紹你一個平台,可以把你的部落格、Facebook、Plurk串連起來, 成為一個多頻道的媒介。 然後在這個媒介上,你每天可以拉廣告,越多人點閱你的這些網路平台,你所累 積的人氣就可以換算成現金(平均是一天10元左右,一個月 ...

額外跳出的視窗都無法顯示?

Kelly avatar
By Kelly
at 2009-07-14T19:13
想請問,為什麼我左上角的「通知」跟「我的朋友」, 或者是其他噗友的貼圖,都不能顯示?出現一片白。 需要另外跳出視窗的都不能顯示! 是我重灌以後沒更新到什麼嗎? 請問有沒有噗友遇到相同的問題呢? 原本想寄信直接問plurk官方, 誰知道寫完問卷要送出時,跳出一個and#34;human testand#34 ...

內文超連結顏色?

Rebecca avatar
By Rebecca
at 2009-07-14T17:54
如果我更改CSS樣式的超連結顏色 他都會連我的標題及左側只要有連結的一起改 我只想要改內文中的就好了 要怎麼編輯CSS呢? 感激不盡 - ...

檢查一下你的自訂網域名稱

Edwina avatar
By Edwina
at 2009-07-14T16:41
剛剛發現又是時穩時不穩 感覺似乎是自訂網域名稱出了錯 因為我連得上draft 果然 一改回來才發現是這問題 造成我的blogger斷斷續續 後來發現有一些人的blogger也連不上 似乎是因為透過SeedNet代管DNS的樣子 所以有用SeedNet代管的人檢查一下吧 -- 八卦板開十 ...

樂多怎讓文章行數不要一次顯示?!

Andrew avatar
By Andrew
at 2009-07-14T12:21
樂多怎讓文章行數不要一次顯示?! 去樂多基本管理裡面沒有... 找不到在哪裡.... 不想要一點進去就看到一大篇文章... 只想擷取剪幾句當作開頭... 如要看詳全文的話 必須要按繼續閱讀.. 設定在哪呢?! -- ╔═════════════════════════════╗ ║ 最 ...