Jertsai's blog:樣式 | 留言板失色版

<< 電影 | 當我們假在一起 | 回blog首頁 | 週記 | 我需要不一樣 >>

August 20,2007

樣式 | 留言板失色版

留言版版型：根據黃綠紅版型更改的灰色版，其實跟黃綠紅沒有太大出入，只是作細部修改，讓他可以供更多人使用；IE6及FireFox瀏覽正常，最佳瀏覽建議1024*768以上。這幾天比較空呢，竟然有時間生這一個版型，大家有興趣再帶回去吧！反正這不走分享版型路線，只是突然想到就是了，哈。

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

/* ------------------------------------------------------
Pixnet Guestbook CSS
Name:     Gray @ YGR CSS
Designer: Jertsai
URL:      http://blog.pixnet.net/jertsai
Date:     20 Aug 2007
------------------------------------------------------ */
body {
margin: 0px;
font-family: "Century Gothic";
font-size: 12px;
line-height: 18px;
color: #333333;
background: url(http://p4.p.pixnet.net/albums/userpics/4/9/72149/1187590824.jpg) repeat-y fixed 50% top;
}

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

a:hover {
color: #666666;
}

#Container {
margin: 0px auto 0px;
width: 800px;
background: url(http://p4.p.pixnet.net/albums/userpics/4/9/72149/1187590822.jpg) no-repeat 0px top !important;
background: url(http://p4.p.pixnet.net/albums/userpics/4/9/72149/1187590822.jpg) no-repeat 1px top;
}

#pageHeader {
padding-top: 114px;
}

#gbheader {
margin-left: 247px;
width: 450px;
padding-top: 34px;
color: #666666;
background: url(http://p4.p.pixnet.net/albums/userpics/4/9/72149/1187590818.jpg) no-repeat left top !important;
background: url(http://p4.p.pixnet.net/albums/userpics/4/9/72149/1187590818.jpg) no-repeat 1px top;
}

.gbTopic a {
position: absolute;
top: 20px;
margin-left: 180px;
padding-top: 33px;
padding-left: 40px;
width: 240px;
height: 47px;
font-family: "Arial";
font-size: 15px;
font-weight: bold;
color: #c40000;
background: url(http://p4.p.pixnet.net/albums/userpics/4/9/72149/1187604104.jpg) no-repeat left top;
}

.gbDescr {
padding: 0px 0px 30px 20px;
background: url(http://p4.p.pixnet.net/albums/userpics/4/9/72149/1187590817.jpg) no-repeat left bottom !important;
background: url(http://p4.p.pixnet.net/albums/userpics/4/9/72149/1187590817.jpg) no-repeat 1px bottom;
}

#gbbody {
text-left: left;
}

.userPanel {
position: relative;
width: 50px;
top: -100px;
padding-left: 193px;
}

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

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

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

.userComment {
margin: -145px 0px 30px 265px;
width: 126px;
height: 50px;
}

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

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

.pageSelector {
margin: 0px 105px 20px 0px;
text-align: right;
color: #999999;
}

.gbBox {
margin: 0px 0px 0px 265px;
width: 450px;
background: url(http://p4.p.pixnet.net/albums/userpics/4/9/72149/1187591409.jpg) no-repeat left bottom;
}

.gbBoxLeft {
padding: 45px 0px 0px 10px;
background: url(http://p4.p.pixnet.net/albums/userpics/4/9/72149/1187590816.jpg) no-repeat left top;
}

.ImgTd {
width: 100px;
text-align: center;
}

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

.UsernameTd {
padding-left: 8px;
width: 110px;
height: 20px;
font-size: 12px;
}

.UserlinkTd {
padding-left: 8px;
width: 110px;
height: 18px;
}

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

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

.gbBoxRight {
margin-top: -140px;
float: right;
width: 320px;
}

table.InnerBox {
width: 315px;
}

.field {
text-algin: left;
}

.gbTitle {
font-size: 13px;
color: #993300;
}

.gbDate {
font-family: "Arial";
fon-size: 10.5px;
color: #cccccc;
}

.gbContent {
padding: 5px 35px 20px 0px;
color: #333333;
text-align: justify;
text-justify: inter-ideograph;
line-height: 20px;
}

.gbReply {
padding-top: 20px;
padding-right: 35px;
border-top: 1px dashed #ffffff;
color: #ffffff;
text-align: justify;
text-justify: inter-ideograph;
}

.spacerDiv {
clear: both;
height: 55px;
}

.PrivateMsg {
display: block;
padding-top: 45px;
width: 450px;
height: 60px;
color: #993300;
text-align: center;
background: url(http://p4.p.pixnet.net/albums/userpics/4/9/72149/1187590816.jpg) no-repeat left top;
}

#pageFooter {
margin: 20px 0px 0px 280px;
font-family: "Arial";
fon-size: 10.5px;
color: #aaaaaa;
}

#footernav a {
color: #aaaaaa;
}

#signForm {
padding-top: 44px;
background: url(http://p4.p.pixnet.net/albums/userpics/4/9/72149/1187590816.jpg) no-repeat 265px top;
}

form {
margin-top: 0px !important;
}

#navbar, .rssIcon, .link-separator, .UsernameTd img, .UserlinkTd a span, .gbTitleTd, .gbDateTd, .gbContentTd, .gbReplyTd { 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! │11:24 │回應(25) │引用(0)

工具：編輯本文

引用URL

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

回應文章

閣下竟然分享了版型?
聽說我們有樣是貢獻區~
為何不上傳一下?

Posted by leah at August 20,2007 13:36

我拿了...配色我喜歡XD
目前沒發生任何問題CC

Posted by s916342001 at August 20,2007 14:08

天啊~~ 我都不敢隨便分享留言版的版型...
咱們小傑居然分享了!! (拍手!!!)
我看你也轉型當分享部落格好了啦...丂丂

Posted by standinghere at August 20,2007 14:38

我都懶得改留言板的樣式，
就拿你的來用一下吧。

Posted by smilemylove at August 20,2007 17:45

閣下= =a 失敬失敬~
有阿!我有想到,可是我覺得沒什麼人會要啊!
自己偷偷來就好了啦,搞不好就這麼101篇 @_@

Posted by jertsai at August 20,2007 23:22

我...我...
你這樣講讓我覺得決定是錯誤地=A=
分享在考慮考慮,我不是很有辦法一直研究CSS的那種Q口Q

Posted by jertsai at August 20,2007 23:23

酷喔~
我都懶的碰除了部落格以外的語法...((超懶阿XD
不過好像也是我那幾個地方都用不到的關係((=_=...怎麼會這樣...亂叫*

Posted by yoyocat24 at August 21,2007 00:59

呵呵..我有看到我的留言被你馬賽克了!!
好酷哦^^
你這樣式感覺真棒,可惜我只愛部落格這塊
但是很棒哦(拍拍手)

Posted by faiyo at August 21,2007 04:49

好看!!!我帶走囉~~^^
謝謝分享~^^

Posted by sadprocne at August 21,2007 06:45

呵呵
很好看呢~帶走嚕^0^

Posted by l830622 at August 22,2007 02:57

部落格啊!過些時候吧..
如果我有換新版型的話Q口Q
(不過..會等很久~)

Posted by jertsai at August 23,2007 00:39

其實我當初也很掙扎= =
因為我往致很少人看,可是....
想到有功能在那又不用,挺浪費地@_@

Posted by jertsai at August 23,2007 00:40

這樣式很有設計感耶^^
拍拍手~
還有標題也很好笑-失色版="=

Posted by missdora at August 23,2007 01:20

雖然 Jertsai 說自己沒法一直研究 css，但是你設計出來的版型是真的很不錯唷 : )

Posted by 寶貝喵 at August 23,2007 04:05

Wow...
這個樣式很有設計感耶~
簡單又有質感!
拍拍手!

Posted by icebearpapa at August 25,2007 22:30

失色？
打包失色了 ..
套用了噢噢噢

Posted by nan1108 at August 26,2007 12:13

我帶走了喔^^感謝

Posted by a611486 at August 28,2007 03:31

你太客氣了
我帶走啦!!
謝謝:)

Posted by 曾小裴 at September 1,2007 04:17

原來有灰白款的啊! 我拿走囉...
老話一句~ 非常感謝你XD

Posted by Nie0505S at September 9,2007 16:05

謝謝分享
我拿走囉

Posted by maple1115 at September 12,2007 01:29

好酷呢ㄊㄟˇ造~

Posted by all1livej at September 12,2007 11:31

good
又多一位高手了
我帶走囉
很喜歡你簡單的風格

Posted by twinspenny at November 1,2007 03:14

謝謝分享
我很喜歡這種簡單俐落的風格︿︿

Posted by lilywind at December 15,2007 05:37

3QQQQQQ you ! :))
喜歡你的樣式呢

Posted by aicher at May 6,2008 11:35

帶了捏^^

Posted by .............. at May 15,2008 12:28

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

回最上方

Jertsai's blog

August 20,2007

樣式 | 留言板 失色版

引用URL

樣式 | 留言板失色版