Jertsai's blog:記錄 | 部落格缺氣色

<< 尖叫和撞柱 | 回blog首頁 | 生活 | 97008 - 情人節快樂 >>

February 13,2008

記錄 | 部落格缺氣色

部落格版型：上一版的版型釋出。相關連結：瞎眼款；
IE6及FireFox瀏覽正常，最佳瀏覽建議1024*768以上。
紀錄上一款的版型，下方分享的CSS其實不太適合大家使用，所以請小心。
跟往常一樣都只寫我用到的參數標籤而已！真是不好意思；
只是紀錄，所以如果遇到問題，我可能不會幫忙處理喔！
因為說實在的，這的確不太適合分享，我又不想花時間修改它。
如欲套用，link-2使用方面請小心，別超過link-1的高度，要不然會破版。

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

/* ------------------------------------------------------
Pixnet Blog CSS
Name:     BWG CSS
Designer: Jertsai
URL:      http://blog.pixnet.net/jertsai
Date:     13 Feb 2008
------------------------------------------------------ */

body {
margin: 0px;
font: 11px Arial;
color: #666;
line-height: 18px;
letter-spacing: 1px;
background:#ccc url(http://p4.p.pixnet.net/albums/userpics/4/9/72149/1193476652.jpg) repeat-y 980px top;
}

br {
letter-spacing: 0px;
}

img {
border: none;
}
hr {
border: 1px dashed #ccc;
}

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

a:hover {
color: #000;
}

#container {
width: 1021px;
background:#e7e5d9;
}

#container2 {
margin-left:220px;
width: 780px;
padding: 10px;
background:#fff;
border-left: 1px dashed #ccc;
}

#header {
margin-bottom: 10px;
padding-bottom: 10px;
text-align: left;
border-bottom: 1px solid #ccc;
}

#banner {}

h1 a {
padding: 2px 0px;
font-family: "Century Gothic";
font-size: 22px;
font-weight:bold;
color: #000;
}

h1 a:hover {
color: #ccc;
}

#banner h2 {
margin-top:5px;
}

#content{
float: right;
width: 528px;
padding: 10px;
border-left: 1px solid #ccc;
}

#spotlight-text {
margin-bottom: 10px;
padding-bottom: 3px;
color: #666;
border-bottom: 1px solid #ccc;
}

.article-area-title {
float: left;
margin-bottom: 10px;
width: 50%;
padding-bottom: 10px;
border-bottom: 1px solid #ccc;
}

#view-mode {
float: right;
margin-bottom: 10px;
width: 50%;
padding-bottom: 10px;
text-align: right;
border-bottom: 1px solid #ccc;
}

.article {
clear: both;
margin-bottom: 10px;
padding-bottom: 2px;
border-bottom: 1px solid #ccc;
}

.publish {
padding-bottom: 2px;
font-size: 10.5px;
color: #ccc;
line-height: 12px;
}

.title a {
display:block;
padding-left: 5px;
font-family: "SimHei";
font-size: 18px;
color: #000;
border-left: 10px solid #666;
}

.title a:hover {
color: #ccc;
border-left: 10px solid #ccc;
}

.article-content {
margin-top:10px;
font-size: 13px;
line-height: 180%;
}

.article-content a {color:#000;}
.article-content a:hover {color:#ccc;}

.author {
margin-top: 10px;
fon-size: 10.5px;
color: #999;
text-align: right;
}

.refer {
float: left;
margin-top: 5px;
width: 50%;
fon-size: 10.5px;
color: #333;
}

.history {
float: right;
margin-top: 5px;
width: 50%;
fon-size: 10.5px;
color: #333;
}

.back-to-top {
clear: both;
height: 7px;
line-height: 7px;
}

.back-to-top a {
display: block;
height: 7px;
font-size: 0px;
text-indent: -5000px;
}

.page span {
padding: 0px 3px;
font-weight: bold;
color: #fff;
background: #aaa;
}

.page a {
padding: 0px 3px;
background: #eee;
}

#trackback-box {
padding-bottom: 10px;
border-bottom: 1px solid #ccc;
}

#trackback-title {
float: left;
height: 18px;
font-size: 0px;
text-indent: -5000px;
border-left: 18px solid #ccc;
}

#trackback-url {
text-align: right;
}

#trackback-url input {
margin-left: 5px;
width:100px;
padding: 1px;
font: 10.5px arial;
color: #999;
letter-spacing: 1px;
background:# fff;
border: 1px solid #ccc;
}

.post-comment {
margin-top: 10px;
text-align: right;
}

.post-comment a {
padding: 2px 25px 2px 25px;
font: 10.5px arial;
color:#999;
letter-spacing: 1px;
background: #fff;
border: 1px solid #ccc;
}

.post-comment a:hover {
color: #fff;
background: #000;
}

.single-post {
margin: 10px auto 0px;
width: 420px;
background: #eee;
border: 1px solid #ccc;
}

.post-info {
float: right;
margin-top: 18px;
width: 355px;
line-height: 13px;
}

.post-info a {
background: #ccc;
}

.post-info a:hover {
background: #000;
}

.post-info img {
visibility: hidden;
width: 9px;
height: 9px;
}

.post-info .floor {
display: block;
font-size: 13px;
font-weight: bold;
color: #333;
}

.post-photo {
margin: 10px 0px 0px 10px;
width: 43px;
height: 43px;
}

.post-photo img {
width: 40px;
height: 40px;
border: 3px solid #ccc;
}

.post-text {
clear: both;
padding: 10px;
color: #666;
}

.reply-text {
padding: 10px;
color: #fff;
background: #ccc;
}

.main-list table {
margin-bottom: 10px;
clear: both;
width: 100%;
background: #fff;
}

.main-list table th {
padding: 3px;
color: #333;
border: 1px solid #efefef;
}

.main-list table td {
padding: 3px;
color: #666666;
border: 1px solid #efefef;
}

.list-num {
width: 25px;
text-align: center;
}

.list-date {
text-align: center;
}

.list-title {
width: 60%;
}

#links {
float: left;
width: 210px;
padding: 10px 10px 0px 10px;
}

h4.box-title {
padding-bottom: 2px;
font-family: "Century Gothic";
font-size: 13px;
font-weight: bold;
color: #000;
border-bottom:1px solid #ccc;
}

.box-text {
margin-bottom: 10px;
padding-top: 2px;
color:#333;
}

#murmur .murmur-time {
font-size: 10.5px;
}

#counter .box-text {
position: absolute;
top: 10px;
margin-left:550px;
color:#ccc;
}

#visitor .box-text {
padding: 3px 7px;
}

#visitor li {
display: inline;
margin-right: 8px;
}

#visitor img {
width: 24px;
height: 24px;
border: 1px solid #000;
}

#counter li {
display: inline;
}

input {
padding: 1px;
font-family: "arial";
font-size: 11px;
letter-spacing: 1px;
color: #999;
background: none;
border: 1px solid #ccc;
}
#links-row-2 {
position: absolute; top: 0px; left: 5px; width: 210px;
}

#footer, #comment-text, .article-body, #trackback-text  { clear: both; }

#latest-comment a, #category a, #recent-article a, .broadcast-text a { display: block; }

#latest-comment a:hover, #category a:hover, #recent-article a:hover, .broadcast-text a:hover { background: #eee; }

.post-time, a.user-name { color: #999; }

.broadcast-time, .broadcast-time a { color: #333; }

.broadcast-time a:hover, a:hover.user-name { color:#c40000; }

a.user-name, a.reply-message, a.user-name:hover, a.reply-message:hover { border: none; background: none; }

#comment-title img, #comment-title, .broadcast-photo, #authority, #login-bar, .skiplink, #blog-category, #navigation, .more, .history h6, .pixnet-user, .user-ip,.reply-text p, #category img, #bottom, #trackback-title img, #counter h4.box-title, .title img { display: none; }

Posted by jertsai at 樂多Roodo! │03:25 │回應(21) │引用(0)

工具：編輯本文

引用URL

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

回應文章

我馬上拿來玩了XDDDDD
看我多支持你XD

Posted by apoisapple at February 13,2008 05:42

我帶走嘍.....

Posted by queensmaki at February 13,2008 12:55

我帶走囉~謝謝分享^^

Posted by Anniesui at February 14,2008 12:42

帶走哩很棒唷謝謝分享

Posted by lemonjuice at February 15,2008 11:20

灰白萬歲，謝謝：）

Posted by bluemomo at February 16,2008 12:23

打包回去用了，謝謝你的分享^^"

Posted by SweetChild at February 18,2008 10:56

▍我拿走了ˋˋ很好看唷　＝）
▍還有呀ˋˋ這個版面是故意將留言板相簿．．．隱藏嗎　＠＠？
▍請問要如何讓它們顯示出來呢　？
▍三欄的ˋˋˋ真的很實用　：Ｄ

Posted by wpu0425 at February 23,2008 12:38

從謎樂園連過來意外得到板型分享
拿走了
感謝 :D

Posted by gracekate at February 27,2008 16:01

很乾淨清爽耶,謝謝分享

Posted by inmiddleman at February 28,2008 12:15

謝謝分享呀!昨天友人拿格主的部落格給我看，一看就愛上了XD
今天還特定搜尋您的部落格，花費了一些時間找尋呢!!
真的很謝謝分享喲。(我應該會每個都試看看吧~)

Posted by olivecats at March 8,2008 16:18

謝謝你我帶走啦 :)

Posted by chen at March 9,2008 04:34

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

我將文章標題及內容的文字縮小先知會你一聲...感激...

Posted by zn71305 at March 15,2008 11:53

帶走了呢： )
開心

Posted by littlesweety at March 15,2008 16:47

很好看耶！
套用囉！
謝謝分享●ˇ●

Posted by ruvivian920 at March 22,2008 07:30

帶走囉!　謝謝^^

Posted by buddy23506 at March 22,2008 08:14

喜歡你的樣式
乾淨討喜
那我帶走囉

Posted by NANA at April 12,2008 09:07

第一次來就拿東西，會不會太..?
呵呵~我很喜歡你的版面!乾淨!
而且又次三欄式的。
謝謝你的分享囉!
對了，要把文章的第一個字都放大的話，請問要怎麼用呢?!

Posted by orangeshop at April 18,2008 01:18

我看了一下,你不太適合我之前用的語法!所以自己手動改一下吧,加上:
.article-content:first-letter {}
字體大小就自己設定囉^^

Posted by jertsai at April 18,2008 01:38

拿走此款了T0T 感謝分享

Posted by leeshihyu at July 6,2008 18:29

謝謝分享

Posted by dipo1900 at July 22,2008 04:42

帶走囉XD

謝謝!

Posted by 緹 at August 1,2008 02:11

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

回最上方

Jertsai's blog

February 13,2008

記錄 | 部落格 缺氣色

引用URL

記錄 | 部落格缺氣色