Jertsai's blog:樣式 | 留言板黃綠紅

<< 生活 | 有沒有要這麼累 | 回blog首頁 | 公告 | 道歉啟示 >>

August 31,2007

樣式 | 留言板黃綠紅

留言版版型：好啦，我想應該有一些人已經猜到我會分享了，所以就丟了吧！其實本來是想說，看看黃綠紅的部落格版型使用狀況再做決定，可是發現這樣好像沒有意義，反正都寫了，就一起弄出來囉；IE6及FireFox瀏覽正常，最佳瀏覽建議1024*768以上。歡迎您跟部落格版型一起打包，如果您覺得不錯，且有需要的話！

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

/* ------------------------------------------------------
Pixnet Guestbook CSS
Name:     YGR CSS
Designer: Jertsai
URL:      http://blog.pixnet.net/jertsai
Date:     18 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/1187246989.jpg) repeat-y fixed 50% top;
}

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

a:hover {
color: #c40000;
}

#Container {
margin: 0px auto 0px;
width: 800px;
background: url(http://p4.p.pixnet.net/albums/userpics/4/9/72149/1187337727.jpg) no-repeat 0px top !important;
background: url(http://p4.p.pixnet.net/albums/userpics/4/9/72149/1187337727.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/1187337728.jpg) no-repeat left top !important;
background: url(http://p4.p.pixnet.net/albums/userpics/4/9/72149/1187337728.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/1188256417.jpg) no-repeat left top;
}

.gbDescr {
padding: 0px 0px 30px 20px;
background: url(http://p4.p.pixnet.net/albums/userpics/4/9/72149/1187337729.jpg) no-repeat left bottom !important;
background: url(http://p4.p.pixnet.net/albums/userpics/4/9/72149/1187337729.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/1187441355.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/1187441352.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/1187441353.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/1187331392.jpg) no-repeat 0px 0px;
}

.userComment a:hover {
background: url(http://p4.p.pixnet.net/albums/userpics/4/9/72149/1187331393.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/1187328985.jpg) no-repeat left bottom;
}

.gbBoxLeft {
padding: 45px 0px 0px 10px;
background: url(http://p4.p.pixnet.net/albums/userpics/4/9/72149/1187328986.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: #618961;
}

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

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

table.InnerBox {
width: 315px;
}

.field {
text-algin: left;
}

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

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

.gbContent {
padding: 5px 35px 20px 0px;
color: #666666;
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: #c40000;
text-align: center;
background: url(http://p4.p.pixnet.net/albums/userpics/4/9/72149/1187328986.jpg) no-repeat left top;
}

#footernav a {
color: #aaaaaa;
}

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

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

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

工具：編輯本文

引用URL

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

回應文章

俺帶走了留言板黃綠紅，謝謝^^

Posted by ms猴 at August 31,2007 03:21

偷偷帶走部落格的啦

Posted by a611486 at August 31,2007 07:08

你人真好 ! 熱心提供
這幾天提供了這麼多版面
不過我不是來拿版面的
我是來稱讚你的 ! 感謝我吧 ! (笑)

Posted by talk at August 31,2007 14:03

很酷
帶走一整組，謝謝用心製作且大心分享

Posted by 豬大妞 at September 1,2007 07:57

可以借用你的留言版樣式嗎？感謝^^

Posted by 小俊 at September 6,2007 05:05

套用了留言板的樣式,
很喜歡這個系列的簡單舒服,
感謝^^

Posted by Jwalker at September 10,2007 17:58

很可愛
我帶走了謝謝

Posted by twinspenny at November 1,2007 03:12

很有設計感，拿走留言版了^^
謝謝分享。

Posted by zora760123 at November 2,2007 08:49

打包囉

Posted by ginisky at December 12,2007 06:38

留言板和blog樣式都打包帶走囉♥
謝謝分享：)

Posted by aniibnao at March 16,2008 06:46

拿走了 :)
3QQQQQQQ 你呀～～～～

Posted by aicher at March 28,2008 11:11

很可愛耶~我帶走啦

Posted by selina3067 at June 22,2008 13:50

我帶走了,謝謝你!

Posted by huey3 at June 29,2008 03:26

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

回最上方

Jertsai's blog

August 31,2007

樣式 | 留言板 黃綠紅

引用URL

樣式 | 留言板黃綠紅