Jertsai's blog:樣式 | 留言板咖灰色

<< 週記 | no-title 96004 | 回blog首頁 | 問卷 | 萬人串連 >>

September 24,2007

樣式 | 留言板咖灰色

留言版版型：根據基本款灰白藍做更改，其實跟原本的沒有太大出入，加深了點顏色，並且去掉了我覺得很多餘的部份；IE6及FireFox瀏覽正常，最佳瀏覽建議1024*768以上。副標公告被我隱藏，還有上方的頁數選擇也被我拿掉了，因為感覺這樣比較俐落！哈。

1.參數標籤只用看得到的，所以請您務必斟酌使用。
2.請別叫我再做另外修改，沒那麼多時間為您訂做。
3.您可以自行作細部修改，但請勿再做投稿或分享。
4.如您在使用上有套用的問題，歡迎在留言版告知。
5.僅使用在Pixnet的留言板CSS模組，別亂丟地方。

/* ------------------------------------------------------
Pixnet Guestbook CSS
Name:     CG CSS
Designer: Jertsai
URL:      http://blog.pixnet.net/jertsai
Date:     24 Sep 2007
------------------------------------------------------ */
body {
margin: 0px;
font-family: "Century Gothic";
font-size: 12px;
line-height: 18px;
color: #888888;
background: #eee;
}

img {
border: 0px solid #fafafa;
}

a {
color: #81511c;
text-decoration: none;
}

a:hover {
color: #008800;
}

#Container {
margin: 0px auto;
width: 800px;
}

#pageHeader {
margin-top: 10px;
margin-bottom: 10px;
height: 70px;
border: 1px solid #ccc;
}

#gbheader {
width: 778px;
height: 50px;
border: 10px solid #fafafa;
}

.gbTopic a {
position: absolute;
top: 40px;
margin-left: 40px;
font-family: verdana;
font-size: 15px;
font-weight:bold;
color: #81511c;
}

.userPanel {
position: absolute;
top: 40px;
margin-left: 630px;
}

.userPanel span {
display: inline;
float: left;
}

.userPanel a {
font: 0pt verdana;
display: block;
height: 15px;
color: #eee;
}
.userPanel a:hover {
font: 0pt verdana;
height: 15px;
color: #eee;
}

.userCard a {
width: 50px;
background: url(http://p4.p.pixnet.net/albums/userpics/4/9/72149/1190593672.gif) no-repeat left top;
}

.userCard a:hover {
background: url(http://p4.p.pixnet.net/albums/userpics/4/9/72149/1190593673.gif) no-repeat left top;
}

.userAlbum a {
width: 50px;
background: url(http://p4.p.pixnet.net/albums/userpics/4/9/72149/1190593674.gif) no-repeat left top;
}

.userAlbum a:hover {
background: url(http://p4.p.pixnet.net/albums/userpics/4/9/72149/1190593675.gif) no-repeat left top;
}

.userBlog a {
width: 50px;
background: url(http://p4.p.pixnet.net/albums/userpics/4/9/72149/1190593676.gif) no-repeat left top;
}

.userBlog a:hover {
background: url(http://p4.p.pixnet.net/albums/userpics/4/9/72149/1190593677.gif) no-repeat left top;
}

.userComment {
padding-left: 50px;
}

.userComment a {
display: block;
width: 230px;
height: 50px;
font-size: 0px;
color: #eee;
text-indent: -5000px;
background: url(http://p4.p.pixnet.net/albums/userpics/4/9/72149/1190594561.gif) no-repeat 0px 0px;
}

.userComment a:hover {
color: #eee;
background: url(http://p4.p.pixnet.net/albums/userpics/4/9/72149/1190594685.gif) no-repeat 0px 0px;
}

.pageSelector {
margin-top: 10px;
padding: 10px;
text-align: center;
}

.gbBox {
margin-top: 10px;
padding: 10px;
background: #fafafa;
border: 1px solid #ccc;
}

.gbBoxLeft {
float: right;
width: 180px;
}

.ImgTd {
padding: 10px 10px 0px 10px;
background: #ccc;
text-align: center;
border-right: 1px solid #aaa;
border-left: 1px solid #aaa;
border-top: 1px solid #aaa;
}

.ImgTd img {
width: 90px;
height: 90px;
border: 5px solid #eee;
}

.UsernameTd {
padding: 3px 10px 0px 10px;
font-size: 12px;
text-align: center;
background: #ccc;
border-right: 1px solid #aaa;
border-left: 1px solid #aaa;
}

.UserlinkTd {
padding: 3px 10px 10px 10px;
background: #ccc;
text-align: center;
border-right: 1px solid #aaa;
border-left: 1px solid #aaa;
border-bottom: 1px solid #aaa;
}

.UserlinkTd a {
display: block;
width: 10px;
height: 10px;
background: #81511c;
}

.UserlinkTd a:hover {
background: #008800;
}

.gbBoxRight {
width: 590px;
float: left;
}

table.InnerBox {
width: 590px;
}

.fieldName {
width: 90px;
text-align: center;
}

.gbTitleTd, .gbDateTd, .gbContentTd {
padding: 3px 10px 3px 10px;
color: #666666;
background: #eee;
}

.gbReplyTd {
padding: 3px 10px 3px 10px;
color: #666666;
border-top: 1px dashed #cccccc;
}

.field {
text-align: left;
}

.gbTitle {
padding: 3px 10px 3px 10px;
font-size: 13px;
color: #81511c;
background: #eee;
}

.gbDate {
padding: 3px 10px 3px 10px;
font-size: 11px;
color: #cccccc;
background: #eee;
}

.gbContent {
padding: 3px 10px 3px 10px;
color: #666666;
text-align: justify;
text-justify: inter-ideograph;
line-height: 20px;
background: #eee;
}

.gbReply {
padding: 10px 20px 3px 20px;
color: #000000;
text-align: justify;
text-justify: inter-ideograph;
line-height: 20px;
letter-spacing: 1px;
border-top: 1px dashed #cccccc;
}

.PrivateMsg {
color: #81511c;
}

.spacerDiv {
clear: both;
}

.gbDescr, #navbar, span.link-separator, .UsernameTd img, .UserlinkTd a span, #pageFooter, .rssIcon, .pageSelectorTop { display: none; }

#extraDiv1 {
position: absolute;
top:0px;
right:0px;
background:#000;
height:97px;
width:96px;
background: url(http://p4.p.pixnet.net/albums/userpics/4/9/72149/1192511468.gif) no-repeat left top;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
-moz-opacity: 0.5;
}

圖片預覽：點擊，進入flickr的圖片頁面，會有區塊解說。

Posted by jertsai at 樂多Roodo! │01:01 │回應(28) │引用(0)

工具：編輯本文

引用URL

http://cgi.blog.roodo.com/trackback/8099971

回應文章

第一名打包^^

Posted by lovejie2005 at September 24,2007 02:14

我也帶走啦~

Posted by a611486 at September 24,2007 03:10

改得很棒咧 >0<　可惜我都習慣把留言板置入部落格裡，不然我就拿來用。

Posted by 寶貝喵 at September 24,2007 08:39

老闆~外帶

Posted by michaelzune at September 24,2007 13:22

好好看唷：）

打包囉，謝謝分享～

Posted by breakaway at September 24,2007 18:59

套用囉,很乾淨俐落的樣式
感謝分享:)

Posted by Jwalker at September 25,2007 18:02

因為耍白吃所以原本留言板的樣式被我弄壞了，跟 Jertsai 借來用，有改顏色和寬度唷 : )

Posted by shortcat at September 26,2007 03:43

我也要用我也要用~~~~
好懶的自己改XD
甘溫啦~~~齁齁齁齁*

Posted by yoyocat24 at September 27,2007 10:07

謝謝分享

Posted by noirpitfall at September 27,2007 11:19

我帶走

Posted by queensmaki at September 28,2007 04:27

謝謝分享,好乾淨

Posted by inmiddleman at October 11,2007 11:21

拿走囉....3Q^^

Posted by discovery0927 at October 24,2007 06:03

嘿嘿嘿___我帶走了 !
改覺很棒的啦 ! (喜)

Posted by talk at October 27,2007 18:07

"款款"打回企^^"

Posted by SweetChild at October 29,2007 05:16

帶走囉^^

Posted by iamroli at October 30,2007 13:52

我也帶走了~~~謝謝~~~~~~^0^

Posted by bonniechiu at October 31,2007 01:53

喜歡它簡單的風格，謝謝分享。

Posted by herconfession at November 1,2007 06:41

帶走，我好喜歡這個樣式　：）

Posted by isly1123 at November 3,2007 14:00

很愛灰色

我拿走囉:)

我會改捲軸

Posted by kikipu at November 15,2007 11:44

拿走囉=D謝謝

Posted by KIWI351812 at December 20,2007 09:52

打包囉,thank you

Posted by archichi at January 2,2008 15:25

帶走囉謝謝～

Posted by chen at January 6,2008 09:44

我用了我用了~

這個版型我好喜歡~

Posted by z8031425 at February 9,2008 07:31

帶走帶走溜~~~

Posted by NANA at March 31,2008 05:30

謝謝分享`我拿去用裸(!)

Posted by loveMe109 at April 1,2008 09:51

很棒的FU
我有換卷軸唷!!!

Posted by reikatao at April 12,2008 08:58

我取走嚕... 謝謝你~!!

Posted by zn71305 at May 4,2008 13:39

謝謝

Posted by jk56333 at November 6,2008 13:15

姓名 :
Email :
URL :
回應狀態:	公開私密
	記住我的資訊
回應內容 :

回最上方

Jertsai's blog

September 24,2007

樣式 | 留言板 咖灰色

引用URL

樣式 | 留言板咖灰色