testeva :: 痞客邦 ::

這是公告區塊

這裡是內容

May 03 Thu 2007 12:15
什麼是 css

　css 為「Cascading Style Sheets」的縮寫
　中文稱為 : 串聯樣式表
　應用在網頁中可控制版面的色彩、文字、背景、排版... 等
　可使原始檔更為精簡，可縮短讀取時間唷!!

　常常聽會寫 css 的人說「標籤」，到底是什麼意思呢?
　標籤，顧名思義，就是為某個區塊貼上屬於他的標籤.
　以此標籤寫入 css 樣式後，就可以幫此區塊編輯樣式囉!!

　有些標籤是相同的，有些標籤是唯一的，怎麼分辨呢?
　開啟網頁原始檔後，常常會出現 :
　＜div id="links"＞或＜div class="side"＞
　這就代表此 div 區塊已經被貼上屬於它的標籤了
　「id」和「class」又有什麼分別呢?
　id 代表此網頁中只有唯一一個此標籤，不能有重複
　class 代表此網頁中可有數個同樣為此標籤的區塊，可以重複

testeva 發表在痞客邦留言(3) 人氣()

▲top

Aug 03 Mon 2009 18:10
留言版基本樣式 :: 淺灰白

痞客模版基本樣式 :: 淺灰白
主視覺圖片預設為 800 X 300
欲加入圖片,
請在CSS中找到 #pageHeader{background: url() left top no-repeat;}
在 ( ) 中加上圖片網址即可。

★★★ 語法下載: (按滑鼠右鍵, 或 Ctrl+C 複製語法)

/*主視覺請在此更換*/
#pageHeader{background: url() left top no-repeat;}

body {
	font-size: 9pt;
	font-family: arial;
	line-height: 20px;
	background:#eee;
	margin: 0px;
	}
a {	color: #333;
	text-decoration: none;
	}
a:hover {color: #000;}

#Container {
	position: relative;
	width: 800px;
	padding: 0px;
	margin: 10px auto 10px;
	background: #fff;
	padding-top: 25px;
	_height: 1%;
	}
#pageHeader {
	height: 300px;
	}
	
#navbar {
	text-align: right;
	color: #ccc;
	position: absolute;
	top: 3px;
	right:5px;
	z-index: 900;
	width: 400px;
	}
#navbar a {
	letter-spacing: 0px;
	color: #666;
	}

/*---gbheader---------------------------------------------*/	
	
#gbheader{}
.gbTopic {
	position: absolute;
	left: 10px;
	top: 2px;
	width: 550px;
	height: 25px;
	}
.gbTopic a {
	vertical-align: middle;
	color: #000;
	font-weight:bold;
	font-size:14px;
	}
.gbTopic img {}
.gbDescr {
	padding:10px;
	color: #000;
	}
	
/*---gbbody---------------------------------------------*/

#gbbody {
	background: #fff;
	}
	
/*---導覽(名片/相簿/部落格)--------------------------*/	
	
.userPanel {
	text-align: right;
	height:25px;
	line-height: 25px;
	letter-spacing: 0px;
	background:#333;
	padding: 0px 5px;
	overflow: hidden;
	_overflow: none;
	_height: 1%;
	color: #999;
	}
.userPanel a {color: #fff;}
.userPanel a:hover {color: #aaa;}
.userPanel a span {}

/*---我要留言---------------------------------------------*/

.userComment {
	position: absolute;
	top: 325px;
	left: 0px;
	width: 100px;
	height: 25px;
	text-align:center;
}
.userComment a {
	display:block;
	height: 25px;
	line-height: 25px;
	color: #fff;
	background:#000;
	}
.userComment a:hover {
	color: #000;
	background:#ccc
	}
	
/*---頁面選擇---------------------------------------------*/	
	
.pageSelector {
	color: #ccc;
	text-align: center;
	clear: both;
	margin: 20px 0px;
	}
.pageSelector a {
	font-size: 9pt;
	letter-spacing: 0px;
	padding: 2px 7px;
	margin: 0px 1px;
	background: #eee;
	color: #aaa;
	}
.pageSelector a:hover {
	color: #fff;
	}
	
/*---單則留言---------------------------------------------*/	
	
div.gbBox {
	width: 700px;
	height: auto;
	padding: 0;
	margin: 15px auto;
	clear: both;
	background:#ccc;
	}
.gbBoxLeft {
	float: left;
	width: 120px;
	text-align: center;
	padding: 12px 0px 0px 0px;
	color: #666;
	}
	.UsernameTd {
		text-align: left;
		padding: 0px 10px;
		margin: 15px 0px 0px 0px;
		}
	.UsernameTd img {
		vertical-align: middle;
		}
	.UserlinkTd {
		text-align: left;
		padding: 0px 10px;
		line-height: 12px;
		}
.gbBoxRight {
	float: right;
	width: 580px;
	overflow: hidden;
	word-break: break-all;
	}
	.fieldName {
		width: 70px !important;
		color: #888;
		padding: 0px 5px;
		text-align: right;
		background: #ddd;
		}
	.field {
		width: 500px;
		line-height: 20px;
		background: #fff;
		color: #666;
		padding-left: 5px;
	}
		.field img {
			vertical-align: middle;
		}
	.gbReply {
		color: #333;
		padding: 4px 0px 0px 5px;
	}
.spacerDiv {clear: both;}
.styleTxt.PrivateMsg{
	padding:10px;
	}

/*---footer---------------------------------------------*/

#pageFooter {
	text-align: center;
	clear: both;
	margin: 0px 0px 0px 0px;
	background:#333;
	padding: 10px;
	color: #ccc;
	}
	#pageFooter a{color:#fff;}
	#pageFooter a:hover{color:#666;}
	
/*---寫留言頁---------------------------------------------*/

#signForm{
	width: 700px;
	margin:0  auto;
	}
#signForm .gbBox{
	background:#fff;
	padding:0; margin:0;
	}
form .fieldName {
	width: 115px;
	text-align: left;
	color: #999;
	padding: 0px 5px;
	}
form .field {
	width: 525px;
	text-align: left;
	background: none;
	}
form input {
	font-family: arial;
	font-size: 9pt;
	border:0;
	border-bottom: 1px solid #ccc;
	background:#fff;
	}
textarea {
	height: 250px;
	font-family: arial;
	font-size: 9pt;
	border: 1px solid #ccc;
	}

testeva 發表在痞客邦留言(0) 人氣()

▲top

Aug 03 Mon 2009 18:07
相簿基本樣式 :: 淺灰白

相簿基本樣式 :: 淺灰白
主視覺圖片預設為 800 X 300
欲加入圖片,
請在CSS中找到 #albumPanel {background: url() left top no-repeat;}
在 ( ) 中加上圖片網址即可。

★★★ 語法下載: (按滑鼠右鍵, 或 Ctrl+C 複製語法)

/*主視覺請在此更換*/
#albumPanel {background: url() left top no-repeat;}

/*reset------------------------------------------------------------------*/
ul {padding: 0px;margin: 0px;}
li {list-style: none;}
img {border: none;}
a{text-decoration: none;}
.adblock {width: 800px;text-align: center;}
.adblock a {color: #fff;}

/*main setting------------------------------------------------------------------*/

a {	color: #666;}
a:hover {color: #000;}

body {
	font-size: 9pt;
	font-family: arial;
	line-height: 20px;
	background:#eee;
	margin: 0px 0px 0px 0px;
	}
#container {
	position: relative;
	width: 800px;
	padding:5px;
	margin: 10px auto 10px;
	background: #fff;
	}
	
/*pageheader------------------------------------------------------------------*/

#pageHeader{
	padding: 0px;
	margin: 0px;
	}
	
.navBarLink {
	width: 790px;
	text-align: right;
	background: #fff;
	padding: 5px 10px 5px 0px;
	color:#ccc;
	}
.navBarLink a {color: #666;}
.navBarLink a:hover {color: #ccc;	}

#headerBody {
	position: relative;
	margin: 0;
	}
#albumPanel {
	height: 300px;
	width: 800px;
	}
#albumName {
	padding: 5px;}
#albumName img{}
#albumName a {
	font-weight:bold;
	font-size:15px;}
#albumName a:hover {}
#albumTopic{
	color:#000;
	margin-left: 10px;}

#userPanel {
	overflow: hidden;
	_overflow: none;
	height:27px;
	color: #aaa;
	font-size: 10px;
	letter-spacing: -1px;
	text-align: right;
	line-height: 24px;
	background:#aaa;
	padding: 3px 5px 0px;
	}
#userPanel a {
	color: #fff;
	font-size: 9pt;
	letter-spacing: 0px;	
	padding: 3px 0px;
	}
#userPanel a:hover {
	color: #fff;
	background: #333;
	}
#userPanel a span {
	padding: 2px 5px;
	}

/*-----pagebody set------------------------------------------------------------------*/

#pageBody {
	background:#f6f6f6;
	border-top:1px dashed #999;
	border-bottom:1px dashed #999;
	margin: 0px;
	padding:10px;
	}
#contentHeader,
#contentFooter {
	width:700px;
	margin: 0 auto;
	clear: both;
	padding: 5px 0px;
	overflow:hidden; _overflow:none; _height:1%;
	}
	
/*-----單本相簿標題------------------------------------------------------------------*/

#breadCrumb {
	margin: 0;
	padding: 0px ;
	font: 20px simhei;
	letter-spacing: -1px;
	}
	#breadCrumb  a{color: #000;	}
	#breadCrumb  a:hover{color:#ccc;}
	
.albumCount {
	color: #333;
	padding: 0px;
	text-align: left;
	}

/*-----頁數------------------------------------------------------------------*/
	
.pageSelector {
	text-align: right;
	float: right;
	width: 500px;
	}
.pageSelector li {
	display: inline;
	margin: 0px;
	}
.pageSelector span {
	margin:0px 3px;
	}
	.pageSelector a {color:#aaa;}
	.pageSelector a:hover {color:#333;}

/*-----瀏覽功能/相簿資訊/我的蒐藏------------------------------------------------------------------*/
#navButtons{
	height: 30px;
	overflow:hidden; _overflow:none;
	}
#funcLinks {
	text-align: right;
	float: left;
	}
#funcLinks li {
	display: inline;
	background:#ccc;
	padding: 2px 10px;
	_padding: 1px 10px;
	}
#funcLinks li a{
	color:#fff;
	}
#userFriends {
	display:none;
	}	
#userFriends a {color: #fff;}
#userFriends a:hover {color: #ccc}
#userFriends a span {
	padding: 2px 10px;
	_padding: 1px 10px;
	background:#ccc;
	}	
	
/*-----contentbody------------------------------------------------------------------*/
	
#contentBody {
	text-align: center;
	overflow: hidden;
	_overflow: none;
	_height: 1%;
	margin:10px 0;
	}
.albList {
	overflow: hidden;
	_overflow: none;
	_height: 1%;
	width: 650px;
	margin: 0 auto;
	}
.albList  li{
	float: left;
	width: 300px;
	margin: 5px 10px ;
	padding: 3px;
	display: inline;
	background:#ccc;
	border:1px solid #aaa;
	}
li.albBoxOdd {}
li.albBoxEven {margin-right: 0px;	}
	
.albThumb {
	float: left;
	width: 120px;
	height: 105px;
	text-align: center;
	background: #ccc;
	padding: 5px 0px 0px 0px;
	}
.albData {
	float: right;
	width: 172px;
	height: 110px;
	overflow: auto;
	text-align: left;
	background: #fff;
	padding: 0px 0px 0px 5px;
	line-height:15px;
	}
.albTitleDiv {
	margin: 5px 0px 0px 0px;
	}
.albDesc {
	color: #aaa;
	margin: 0px 0px 0px 0px;
	}
	
/*-----進入相簿(第二頁)------------------------------------------------------------------*/
	
.thumbList ul{
	overflow: hidden;
	_overflow: none;
	_height: 1%;
	width: 670px;
	margin: 0 auto;
	}
li.thumbBox {
	float: left;
	margin: 3px;
	border:1px solid #aaa;
	background:#ccc;
	}
.thumbImg {
	width: 120px;
	height: 105px;
	text-align: center;
	background: #fff;
	padding: 15px 0px 0px 0px;
	margin: 0px 0px 3px 0px;
	}
.thumbTitle {
	width: 120px;
	height: 20px;
	overflow: hidden;
	text-align: center;
	color:#666;
	}
	
/*-----單張相片------------------------------------------------------------------*/

#imageBox {
	width: 700px; 
	margin:20px auto 10px;
	}
#imageTitle {
	text-align:left;
	height: 30px;
	font-weight:bold;
	font-size:15px;
	color:#555;
	}
#imageFrame {
	padding: 30px 0;
	background:#fff;
	}
#imageFrame img {}

/*-----推薦上專欄/描述--------------------------------------------------------*/
#imageCaption{
	width: 700px; 
	margin:0px auto 20px;
	text-align:left;
	}
#imageRecommend{
	}
#captionContent{
	color:#666;
	text-align:left;
	display: block;
	}

/*-----相片導覽--------------------------------------------------------*/
	
#thumbStrip ul{
	overflow: hidden;
	_overflow: none;
	_height: 1%;
	width: 670px;
	padding-left:30px;
	margin: 20px auto;
	}
#thumbStrip ul li {
	display: inline;
	float: left;
	margin: 5px;
	background:#fff;
	border:1px solid #ccc;
	}
#thumbStrip .thumbFrame {
	width: 110px;
	height: 105px;
	text-align: center;
	padding: 10px 0px 0px 0px;
	margin: 3px;
	}

/*-----留言--------------------------------------------------------------*/

#commContainer {
	clear: both;
	width: 700px;
	margin: 10px auto 30px;
	}
.commBox {
	width: 700px;
	text-align: left;
	margin: 10px auto 10px;
	background:#ddd;
	overflow:hidden;
	_overflow:none; _height:1%;
	}
.commAvatar {
	float: left;
	_border: 1px solid #fff;
	text-align:center;
	width: 50px;
	display:inline;
	}
.commAvatar img {}
.commBody {}
.commLinks {margin-bottom: 0px;
	float:right;
	width: 650px;
	color:#333;
	}
.commContent {
	float:right;
	width: 650px;
	overflow: hidden;
	color:#666;
	}
.commPost{
	background:#969696;
	height: 25px;
	line-height: 25px;
	}
.commPost a{
	color:#333;
	display:block;
	width: 100%;
	height:100%;
	}
.commPost a:hover{
	color:#fff;
	}
	
/*footer------------------------------------------------------------------*/

#pageFooter {
	text-align: center;
	background:#aaa;
	padding: 10px;
	_height: 1%;
	color:#333;
	font: 9pt arial;
	}
#pageFooter  a{color: #fff;}
#pageFooter  a:hover{color:#aaa;}

/* 以下可以不用管-----------------------------------------------------*/
	
#bFuncMenu {}
#bFuncMenu li {
	display: inline;
	}
#bFuncMenu center {
	display: none;
	}
	
div#tipDiv {
	position:absolute;
	visibility:hidden;
	left:-30px; top:0;
	z-index:10000;
	background-color:#eee;
	border:1px solid #333;
	width:225px;
	padding:6px;
	font-size:11px;
	line-height:1.3;
	}
div.ttHead {
	margin-bottom:5px;
	font-weight:bold;
	color:#333;
	}
div.ttBody {
	color:#777;
	}
div.fmenu {
	position: absolute;
	visibility: visibility;
	left: -100px;
	top: -100px;
	z-index: 500;
	background :#F6F6F6;
	border-top: 1px solid #CBCBCB;
	border-left: 1px solid #CBCBCB;
	border-right: 1px solid #9D9D9D;
	border-bottom: 1px solid #9D9D9D;
	overflow: auto;
	overflow-y: auto;
	overflow-x: hidden;
	width: 175px;
	max-height: 320px;
	height: expression( this.scrollHeight > 320? "320px" : "auto" );
	font-size: 9pt;
	}
div.fmenu ul {
	margin: 0;
	padding: 0;
	}
div.fmenu ul li {
	position: relative;
	list-style-type: none;
	display: block;
	}
div.fmenu ul li.friendCat {
	display: block;
	font-size: 9pt;
	color: white;
	background: #B8B8B8;
	font-family: Arial;
	font-weight: bold;
	text-decoration: none;
	padding: 2px;
	}
div.fmenu ul li.friendLink a{
	display: block;
	width: 90%;
	padding: 2px 4px;
	padding-right: 10%;
	}
div.fmenu ul li.friendLink a:hover{
	background: #DDE9EE;
	}
div.fmenu ul li.friendLink img {
	padding: 2px;
	vertical-align: top;
	border: 0px;
	}
div.fmenu ul li.friendLink span.friendAvatar {
	display: block;
	width: 34px;
	height: 34px;
	background: white;
	text-align: center;
	border: 1px solid #CBCBCB;
	}
div.fmenu ul li.friendLink span.friendID {
	margin-top: -33px;
	margin-left: 43px;
	display: block;
	text-decoration: none;
	}
div.fmenu ul li.friendLink span.friendDesc {
	margin-left: 43px;
	margin-bottom:5px;
	display: block;
	font-size: 9pt;
	color: #999999;
	font-family: Arial;
	text-decoration: none;
	}

testeva 發表在痞客邦留言(0) 人氣()

▲top

Aug 03 Mon 2009 18:04
痞客模版基本樣式 :: 深褐

痞客模版基本樣式 :: 深褐(右側欄,主視覺寬)
主視覺圖片預設為 850 X 400
欲加入圖片,
請在CSS中找到 #header{background: url() left top no-repeat;}
在 ( ) 中加上圖片網址即可。

★★★ 語法下載: (按滑鼠右鍵, 或 Ctrl+C 複製語法)

/*主視覺請在此更換*/
#header{background: url() left top no-repeat;}

/*--------------------------reset*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0;padding:0;}
table {border-collapse:collapse;border-spacing:0;}
fieldset,img {border:0;}
address,caption,cite,code,dfn,em,th,var {font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}
q:before,q:after {content:'';}
abbr,acronym {border:0;}
pre{font-size: 1em ;}
.article-content{ _height: 1% ;  overflow: hidden ;  _overflow: none;}
.article-content p{margin-bottom: 1em;}
a {	text-decoration: none;		}
/*a:focus { -moz-outline-style: none; }*/
br{letter-spacing: normal;}

/*--------------------------all setting*/

body {
	background:url(http://p4.p.pixnet.net/albums/userpics/4/5/420045/4a5413b8d1157.jpg) left bottom repeat-x #474332;
	font-size:12px;
	font-family: arial;
	color:#eee;
	}
a {color:#fa0}
a:hover {}

/*--------------------------authority*/

#authority{
	background:#353120;
	line-height: 25px;
	text-align: center;}
#authority a{
	padding:0px 5px;
	color:#bbb28d;}

/*--------------------------container*/
#container2{
	width: 850px;
	margin:30px auto;
	}

/*--------------------------header*/

#header{
	height: 400px;
	position: relative;}
#login-bar{
	color:#a0a0a0;
	font-size:11px;
	position: absolute;
	top: 410px;
	left:0;}
#login-bar a{
	color:#a0a0a0}
#login-bar .separator{
	color:#302d1f;
	padding:0px 2px;}

#banner{
	padding: 30px;
	width: 400px;
	}
#banner h1 {}
#banner h1 a{
	font: 20px Simhei;
	color:#fff;
	letter-spacing:-1px;}
#banner h2{
	margin-top: 5px;
	color:#fff;}
#banner .skiplink,
#banner #blog-category{display:none;}

/*--------------------------navigation*/

#navigation{
	position: absolute;
	top: -25px;
	right: 0px;}
#navigation li{
	float: left;
	height: 20px;
	display: inline;
	margin-right: 5px;
	}
#navigation a{
	display: block;
	height:100%;
	padding: 0px 5px;
	color:#eee;
	font-size:12px;}
#navigation a:hover{
	background:#373321;}
/*--------------------------main*/

#main{
	overflow: hidden;
	_overflow: none;
	_height: 1%;
	padding-top: 20px;
	}

/*--------------------------content*/

#content{
	overflow: hidden;
	width: 590px;
	float: left;
	}

#spotlight{
	margin:20px 0;
	border-bottom:1px solid #3c3828;
	padding-bottom: 10px;}
#spotlight h5{
	color:#fa0;
	font: 13px arial;
	margin:5px 0;}
#spotlight-text{
	line-height:160%;}

#article-area{}

#article-area .article-area-title{} 
#view-mode{} 
#display{}
#display SPAN {}

#article-box{}
.article{
	margin-bottom: 20px;
	margin-top: 10px;
	background:#514d3c;} 
.article-head{
	height: 41px;
	padding-top: 5px;
	background:url(http://p4.p.pixnet.net/albums/userpics/4/5/420045/4a5413bab35b7.jpg) no-repeat;} 
.publish {
	color:#686248;
	text-transform:uppercase;
	font:10px Century gothic;
	margin-left: 30px;}
.title{
	margin-left: 20px;}
.title img{display:none;}
.title a{
	font: bold 15px arial;
	color:#423b28;
	display:block;}
.title a:hover{
	color:#447423;
	}
.article-body{
	padding: 20px;
	line-height:160%;}
.article-body a{
		color:#b7ae88;}
	.article-body a:hover{
		padding-bottom:2px;
		border-bottom:1px dotted #b7ae88;}
.article-content{
	color:#ccc;
	font-size:13px;
	letter-spacing: 0.05em;
	line-height:180%;
	} 
.bookmark,
.author,
.forward{
	text-align: right;
	color:#6e7d40;
	} 
.bookmark a,
.author a,
.forward a{
	color:#6e7d40;}
.article-footer{
	color:#b7ae88;
	background:#57523f;
	padding: 10px;
	text-align:right;
	line-height:160%;}
.article-footer a{
	color:#7d7861;
	padding-left: 2px;
	}

.history{display:none;}
.refer{} 
.back-to-top{} 
#blog-main .back-to-top{display:none;} 
/*--------------------------list*/

.main-list table{
	width: 100%;
	margin:20px auto;}
.main-list h3 {}
.main-list th{
	background:#57523f;
	line-height: 25px;
	padding: 3px 0 3px 10px;
	background:url(http://p4.p.pixnet.net/albums/userpics/4/5/420045/4a5413bab35b7.jpg) 50% 50% ;
	color:#716636;}
.list-num{display:none;}
.list-date {width: 100px;}
.list-title{}
.main-list td{
	border-bottom:1px solid #57523f;
	line-height: 25px;
	padding: 3px 0 3px 10px;
	}
#content .main-list a{color:#ccc;}
#content .main-list a:hover{color:#fa0;}

/*--------------------------post-box*/

.user-post-box{
	background:#56513e;
	margin: 10px 0;
	padding-bottom: 10px;
	} 
.user-post-title{
	background:url(http://p4.p.pixnet.net/albums/userpics/4/5/420045/4a5413bab35b7.jpg) left top;
	height: 30px;
	line-height:30px;
	padding-left: 15px;
	border-bottom:1px solid #444;
	
	color:#963;
	}
.user-post-text{
	padding: 15px;
	}
.post-comment{
	background:#6f6a53;
	height: 30px;
	line-height: 30px;
	text-align: right;}
#content .post-comment a{color:#ccc;
	display: block;
	padding-right: 10px;}

.single-post{
	overflow: hidden;
	_overflow: none;
	_height: 1%;
	border-bottom:1px dashed #9c926e;
	padding-bottom: 10px;
	margin: 10px auto;
	width: 550px;
	line-height:150%;
	}
.post-info{
	float: right;
	width: 490px;
	color:#96a665;
	margin-bottom:3px;}
	.post-info a{color:#96a665;}
.post-photo{
	float: left;
	width: 55px;}
.post-photo img{
	width: 50px;
	height:50px;
	border:1px solid #333;}
.post-text{
	float: right;
	width: 490px;}
.reply-text{
	float: right;
	width: 480px;
	margin-top: 10px;
	border-left: 5px solid #b0a780;
	padding-left: 5px;
	color:#b0a780;}
.reply-text a{
	color:#b0a780;}
.reply-text p{}
.single-post.secret{}
.single-post.secret .post-text{
	float: none;
	width: auto;
	}

#trackback-box {}
#trackback-box h3 {}
#trackback-box SPAN {}
#trackback-box #trackback-url{
	background:#6f6a53;
	padding: 5px;
	text-align: right;}
#trackback-box input#trackback-input{}
#trackback-text {}
#trackback-text .single-post {} 
#trackback-text .single-post a{color:#b0a780;}
#trackback-text .post-info {
	float: none;}
#trackback-box  .post-text{
	width:auto ;
	float:none ;
	}

/*--------------------------comment-form */
#comment-form {
	background: #474331;
	padding: 5px;
	width: 540px;
	margin: 10px auto;
	}	
#comment-form p {
	color: #c8c2a9;
	text-align: right;
	margin: 0px 10px 5px;
	}
#comment-form table {
	width: 100%;
	border: none;
	}
#comment-form table tr.comment-form-title { display: none; }
#comment-form table td {
	color: #ccc;
	vertical-align: top;
	border: none;
	padding: 2px 5px;
	}
#comment-form table th {
	color: #c8c2a9;
	vertical-align: top;
	width: 70px;
	border: none;
	text-align: right;
	padding: 2px 5px;
	}
#comment-form table th font { display: none; }
#comment-form input {
	height: 17px;
	font-family: Arial;
	font-size: 11px;
	color: #fff;
	border: none;
	border-bottom: 1px solid #c8c2a9;
	background: none;
	}
#comment-form input.radio {
	border: none; width: auto;	background: none;margin:0; padding:0;
	}
#comment-form input#blogcommenttext_name{
	width: 85%; 
	}
#comment-form input#send-comment{
	border:0;
	width: 80px;
	background:#c8c2a9;
	color:#333;
	}
#comment-form textarea {
	width: 99%;
	height: 90px;
	font-family: Arial;
	font-size: 11px;
	line-height: 18px;
	color: #000;
	border: 1px solid #ccc;
	background: #fff;
	}	
	
/*--------------------------pages*/
	
.page{
	margin: 10px 0 20px 30px;
	font-size: 11px;
	}
.page span,
.page a{
	padding: 0px 3px;
	line-height: 15px;
	margin: 0 2px;
	color:#eee;
	}
.page a:hover{
	background:#963;
	color:#fff;
	}

/*--------------------------links*/

#links{
	overflow: hidden;
	width: 240px;
	float: right;
	
}
#links-row-1{}
#links-row-2{}

.box{
	background:url(http://p4.p.pixnet.net/albums/userpics/4/5/420045/4a5413b927698.jpg) left bottom no-repeat;
	margin-bottom: 20px;
	padding-bottom: 20px;}
.box-title{
	border-left:3px solid #cab350;
	padding: 3px 5px 3px 10px;
	font:bold 15px arial;
	color:#fff;}
.box-text {
	border-left:3px solid #666047;
	padding: 5px 5px 0px 10px;
	line-height:160%;
	color:#cab350;}
	.box-text  a{color:#a6a086;}
	.box-text  a:hover{color:#eee;}
.box-more{
	text-align: right;
	margin-top: 5px;
	}
.box-more a{
	color:#aaa;
	background:#383423;
	padding: 2px 5px;
	font-size:11px;
	}
	.box-more a:hover{
		background:#64604c;
		}

#headshot{}
#headshot ul{
	overflow: hidden;
	_overflow: none;
	_height: 1%;
	}
#headshot li{}
#headshot li#headshot-img{}
#headshot li#friend-apply{}
#headshot li#send-message{}

#recent-article{}
#recent-article img{}

#latest-comment {}
#latest-comment a{}
#latest-comment span{}

#calendar table{
	width: 75%;
	margin: 10px;
	}
	#calendar table th{
		text-align: center;
		}
	#calendar table td{
		font-size:10px;
		text-align: center;
		border:1px solid #474332;
		background:#5e5943;
		color:#ccc;
		line-height: 20px;
		}
		#calendar table td a{
			background:#c1b996;
			display: block;
			color:#333;
			}
#category li{margin-left: 15px;}
#murmur{}
.murmur-time{}
.murmur-text{}

#visitor ul, #crumb ul{overflow: hidden; _overflow: none; _height: 1%;}
#visitor li, #crumb li{
	float:left;
	line-height:0;
	margin: 0px 2px 2px 0px;
	display:inline;
	}
#visitor li img, #crumb li img{
	width: 50px;
	height: 50px;
	}

#broadcast ul{
	overflow: hidden; _overflow: none; _height: 1%;
	margin-bottom: 3px;
	}
#broadcast .broadcast-photo{
	float: left;
	width:50px;
	display: inline;
	line-height:0px;
	}
#broadcast .broadcast-photo img{
	width: 40px;
	height: 40px;
	
	}
#broadcast .broadcast-time,
#broadcast .broadcast-text{
	float: right;
	width: 170px;
	line-height: 20px;
	}
#broadcast .broadcast-time span{display:none;}
#broadcast .broadcast-time a{
	background:#6e7d40;
	color:#fff;
	padding: 1px 5px;
	font: 11px arial;
	letter-spacing: 0.05em;
	}
#broadcast .broadcast-time a:hover{
	background: #069;
	}

#announce li,
#recent-article li,
#latest-comment li,
#subscription li,
#latest-trackback li,
#mylink li{margin-bottom: 2px;
	}
#latest-comment a,
#subscription a,
#latest-trackback a{
	display: block;
	width: 99%;
	}

#mylink h6{
	font: bold 13px arial;
	margin: 5px 0;
	color:#8ea251;
	}

.folder{}
.folder .box-title{}
.folder .box-text{}

#powered{}

/*--------------------------footer*/

#footer{
	clear:both;
	height: 40px;
	padding-top: 20px;
	text-align: center;
	}
#footer p{} 
#bottom a{color:#858069;}

testeva 發表在痞客邦留言(0) 人氣()

▲top

Aug 03 Mon 2009 18:01
痞客模版基本樣式 :: 清新綠

痞客模版基本樣式 :: 清新綠(左側欄,主視覺寬)
主視覺圖片預設為 900 X 450
欲加入圖片,
請在CSS中找到 #header{background: url() left top no-repeat;}
在 ( ) 中加上圖片網址即可。

★★★ 語法下載: (按滑鼠右鍵, 或 Ctrl+C 複製語法)

/*主視覺請在此更換*/
#header{background: url() left top no-repeat;}

body {
	font-size: 13px;
	font-family: "Century Gothic";
	color: #555;
	background: #e8f5d2;
	margin: 0; }
 
input {
	font-family: "Century Gothic";
	font-size: 13px;
	color: #000;
	border: 1px solid #bbb;
	background: #fff;
	padding: 2px; }
 
#authority {
	width: 100%;
	text-align: center;
	font-size: 12px;
	background: #693;
	border-bottom: 1px solid #fff;
	padding: 6px 0; }
 
	#authority a { 
		padding:0px 5px;
		color:#fff;}
 
#container {
	width: 100%;
	background:url(http://p4.p.pixnet.net/albums/userpics/4/5/420045/4a44a1b867d4a.jpg) repeat-x top;
	padding: 40px 0; }
 
#container2 {
	width: 900px;
	background: #fff;
	margin: 0 auto; }
 
#container3 { background:url(http://p4.p.pixnet.net/albums/userpics/4/5/420045/4a44a1b94a8c9.jpg) repeat-y 10px 0; }
 
#header {
	position: relative;
	height: 450px;
	padding: 0; }
 
#login-bar {
	position: absolute;
	top: -25px;
	left: 10px;
	color: #693;
	width: auto;
	font-size: 12px; }

#banner h1 {
	position: absolute;
	top: 5px;
	left: 0;
	width: 880px;
	height: 30px;
	overflow: hidden;
	font-family: simhei;
	font-size: 25px;
	padding: 0 10px; 
	letter-spacing:-2px;}
 
	#banner h1 a { color: #fff; }
 
#banner h2 {
	position: absolute;
	top: 35px;
	left: 0;
	width: 880px;
	height: 20px;
	line-height: 20px;
	font-size: 12px;
	color: #fff;
	overflow: hidden;
	padding: 0 10px; }
 
#blog-category {
	position: absolute;
	top: -25px;
	right: 15px;
	width: auto;
	color: #99cf3d;
	font-size: 12px; }
 
#navigation {
	position: absolute;
	bottom: 20px;
	left: 5px;
	width: auto;
	text-align: center;
	font-size: 12px; }
 
	#navigation li {
		display: inline;
		float: left;
		width: 45px;
		height: 20px;
		line-height: 20px;
		margin: 0 0 0 10px; }
 
		#navigation li a {
			color: #538104;
			display: block;
			width: 100%;
			height: 100%;
			border: 1px solid #7bb020;
			background: #e8f5d2; }
 
			#navigation li a:hover {
				color: #fff;
				border: 1px solid #7bb020;
				background: #7bb020; }
 
#main {
	_height: 1%;
	overflow: hidden;
	_overflow: none;
	line-height: 150%;
	border-top: 10px solid #fff;
	padding: 0 10px; }
 
#content {
	width: 620px;
	overflow: hidden;
	float: right;
	margin: 0;
	padding: 0; 
	margin-right: 15px;
	display:inline;}
 
#spotlight {
	border-bottom: 1px dashed #aaa;
	margin: 0 0 10px;
	padding: 0; }
 
	#spotlight h5 {
		color: #538104;
		font-size: 15px;
		margin: 5px 5px 0; }
 
#spotlight-text { padding: 10px; }
 
#display {
	margin: 0 0 10px;
	padding: 0; }
 
.article {
	_height: 1%;
	margin: 0 auto 10px;
	padding: 0; }
 
.article-head {
	height: 24px;
	overflow: hidden;
	background: #e8f5d2;
	margin: 0;
	padding: 0; }
 
.publish {
	float: left;
	width: 100px;
	line-height: 24px;
	font-size: 10px;
	text-align: center;
	background: #99cf3d;
	color: #fff;
	padding: 0 0 5px; }
 .publish .time{display:none;}
.title {
	float: left;
	width: 520px;
	font-size: 15px;
	line-height: 24px;
	margin: 0;
	padding: 0 10px; }
 
	.title a {
		color: #000;
		text-decoration: none; }
 
		.title a:hover { color: #538104; }
 
.article-body {
	_height: 1%;
	min-height: 1%;
	line-height: 180%;
	padding: 15px 15px 0; }
 
.bookmark { margin: 10px auto; }
 .fans-club { margin: 0; }
 .author {
	text-align: left;
	font-size: 12px;
	color: #aaa;
	margin: 20px 0 0; }
 .forward { font-size: 12px; }
 
.article-footer {
	_height: 1%;
	overflow: hidden;
	_overflow: none;
	font-size: 12px;
	color: #9db17c;
	background: #f0f5e7;
	margin: 10px 0 0;
	padding: 5px 10px; }
 
.refer {
	width: 49%;
	float: left;
	text-align: left; }
 
.history {
	width: 49%;
	float: right; }
 
.back-to-top {
	text-transform: uppercase;
	text-align: right; 
	clear:both;
	font: 11px verdana;}
 
.main-list table {
	width: 100%;
	margin: 10px auto; }
 
	.main-list table th {
		color: #538104;
		line-height: 24px;
		background: #e8f5d2;
		padding: 0 10px; }
 
	.main-list table td {
		vertical-align: top;
		line-height: 18px;
		padding: 5px 10px; }
 
		.main-list table td img {
			float: right;
			margin: 0 0 0 2px; }
 
		.main-list table td.list-date {
			width: 24%;
			text-align: left;
			font-size: 11px; }
 
.user-post-title {
	color: #538104;
	line-height: 24px;
	background: #e8f5d2;
	margin: 10px auto;
	padding: 0 10px; }
 
#trackback-title { background-position: 0 0; }
 
#comment-title { background-position: 0 -15px; }
 
#trackback-url {
	text-align: left;
	margin: 0 auto 10px;
	padding: 0 10px; }
 
	#trackback-url input {
		width: 70px;
		margin: 0 2px 0 0; }
 
input#trackback-input { width: 200px; }
 
.post-comment a {
	display: block;
	width: 80px;
	text-align: center;
	color: #fff;
	border: 1px solid #99cf3d;
	background: #99cf3d;
	margin: 10px auto;
	padding: 4px 0 2px; }
 
	.post-comment a:hover {
		color: #538104;
		border: 1px solid #99cf3d;
		background: #e8f5d2; }
 
.single-post {
	position: relative;
	_height: 81px;
	min-height: 81px;
	word-break: break-all;
	font-size: 12px;
	border-bottom: 1px solid #ccc;
	margin: 0;
	padding: 10px 0; }
 
.post-info {
	font-size: 12px;
	color: #9db17c;
	text-align: left;
	height: 20px;
	overflow: hidden;
	margin: 0 0 0 100px;
	padding: 0; }
 
.post-photo {
	position: absolute;
	top: 10px;
	left: 0; }
 
	.post-photo img {
		width: 75px;
		border: 3px solid #b2de68; }
 
.post-text {
	color: #747474;
	margin: 0 0 0 100px;
	padding: 0; }
 
	.post-text br { letter-spacing: 1px; }
 
.reply-text {
	color: #538104;
	border-left: 1px dotted #538104;
	margin: 10px 0 0 100px;
	padding: 0 0 0 10px; }
 
.secret {
	_height: 20px;
	min-height: 20px; }
 
	.secret .post-text,#trackback-text .post-info,#trackback-text .post-text { margin-left: 0; }
 
#comment-form {
	font-size: 12px;
	background: none;
	margin: 10px auto;
	padding: 5px 10px; }
 
	#comment-form p {
		color: #538104;
		text-align: right;
		margin: 0 10px; }
 
	#comment-form table {
		width: 100%;
		border: none; }
 
		#comment-form table td {
			vertical-align: top;
			border: none;
			padding: 3px 5px; }
 
		#comment-form table th {
			color: #9db17c;
			vertical-align: top;
			width: 80px;
			border: none;
			padding: 3px 5px; }
 
	#comment-form input.radio {
		width: 15px;
		border: none; }
 
	#comment-form input#send-comment {
		width: 50px;
		height: 23px;
		color: #fff;
		border: none;
		background: #99cf3d; }
 
	#comment-form input#blogcommenttext_name { width: 90%; }
 
	#comment-form input {
		width: 97.5%;
		height: 18px;
		font-size: 12px;
		border: none;
		border-bottom: 1px solid #ccc;
		background: none; }
 
	#comment-form textarea {
		width: 97%;
		height: 100px;
		font-family: "Century Gothic";
		font-size: 12px;
		color: #333;
		line-height: 18px;
		border: 1px solid #f0f5e7;
		background: #f0f5e7;
		padding: 1%; }
 
.page {
	clear: both;
	height: 20px;
	line-height: 20px;
	font-size: 12px;
	text-align: right;
	margin: 15px auto 0;
	padding: 15px 30px; }
 
	.page a {
		background: none;
		padding: 1px 4px; }
 
		.page a:hover { background: #99cf3d; }
 
	.page span {
		color: #fff;
		background: #99cf3d;
		padding: 1px 4px; }
 
#links {
	width: 230px;
	float: left;
	_height: 1%;
	overflow: hidden;
	_oveflow: none;
	margin: 0;
	padding: 0; }
 
.box {
	width: 200px;
	overflow: hidden;
	margin: 10px auto 15px;
	padding: 0; }
 
.box-title {
	text-align: left;
	color: #000;
	font-size: 13px;
	line-height: 20px;
	background:url(http://p4.p.pixnet.net/albums/userpics/4/5/420045/4a44a1b8c794d.jpg) no-repeat 0 5px;
	padding: 0 0 0 15px; }
 
.box-text {
	color: #777;
	font-size: 12px;
	line-height: 150%;
	margin: 0 auto;
	padding: 10px 5px; }
 
	.box-text a:hover {
		color: #333;
		text-decoration: none; }
 	.box-text li { padding: 2px 0; }
 
.box-more {
	font-size: 12px;
	text-align: center;
	margin: 10px auto 0; }
 
	.box-more a {
		color: #538104;
		border: none;
		background: #f0f5e7;
		padding: 3px 6px; }
 
	.box-more a:hover {
		color: #fff;
		background: #99cf3d; }

#subscription .box-text a,#latest-trackback .box-text a,#latest-comment .box-text a { display: block; }
#headshot .box-text li,#powered .box-text li { background: none; }

#broadcast .box-text ul {
	_height: 1%;
	overflow: hidden;
	_overflow: none;
	border-bottom: 1px solid #ccc;
	margin: 0;
	padding: 5px 0; }
 
	#broadcast .box-text ul li {
		border: none;
		background: none; }
 
li.broadcast-photo {
	float: left;
	margin-right: 8px; }
 
#broadcast .box-text li.broadcast-time {
	height: 17px;
	overflow: hidden;
	padding: 2px 0; }
 
li.broadcast-text {
	max-height: 34px;
	overflow: hidden;
	margin: 0; }
li.broadcast-text a { width: 99%; }
 
#crumb .box-text ul,#visitor .box-text ul {
	_height: 1%;
	overflow: hidden;
	_overflow: none;
	padding-left: 0; }
 
#crumb .box-text ul li,#visitor .box-text ul li {
	float: left;
	display: inline;
	width: 42px;
	height: 42px;
	overflow: hidden;
	border: none;
	margin: 0 3px 3px 0;
	padding: 0; }
 
#crumb .box-text ul li a,#visitor .box-text ul li a {
	display: block;
	width: 35px;
	height: 35px;
	border: none;
	padding: 0; }
 
#calendar .box-text { line-height: 200%; }
 #calendar .box-text table { width: 100%; }
 
	#calendar .box-text th {
		text-align: center;
		border-bottom: 1px dashed #999; }
 
	#calendar .box-text td {
		text-align: center;
		padding: 3px 3px 0 0; }
 
		#calendar .box-text td a {
			display: block;
			color: #fff;
			background: #99cf3d; }
		#calendar .box-text td a:hover {
			color: #538104;
			background: #fff; }

#search li {
	display: inline;
	border: none;
	background: none; }
 
#search input#search-target {
	width: 100px;
	font-size: 12px; }
 
#search input#search-submit {
	width: 45px;
	height: 23px;
	font-size: 12px;
	color: #fff;
	border: none;
	background: #99cf3d;
	padding: 2px 0 0; }
 
#footer {
	color: #989898;
	font-size: 12px;
	line-height: 150%;
	text-align: center;
	border-bottom: 10px solid #fff;
	margin: 0;
	padding: 10px 0 10px 240px; }
 
fieldset,img,abbr,acronym { border: 0; }
 
a,.box-text a {
	color: #538104;
	text-decoration: none; }
a:hover,.post-text p,.post-text p a { color: #000; }
 
#login-bar a,#blog-category a,#footer a { color: #693; }
#login-bar a:hover,#blog-category a:hover { color: #555; }
 #login-bar .separator{color:#ccc;}
 
.skiplink,
.title img,
.refer img,
.list-num,.list-visit,.list-comment,
.post-text p img,
.reply-text p,
#comment-form table tr.comment-form-title,
#comment-form table th font,
li.broadcast-time span,
tr.weekday{ display: none; }
 
#article-area,
.article-area-title,
.main-list,
#user-post { padding: 0; }
 
li.broadcast-photo img,
#crumb .box-text ul li a img,
#visitor .box-text ul li a img {
	width: 40px;
	height: 40px;
	border: 1px solid #fff; }

testeva 發表在痞客邦留言(1) 人氣()

▲top

Aug 03 Mon 2009 17:58
痞客模版基本樣式 :: 深灰黑(右側欄)

痞客模版基本樣式 :: 深灰黑(右側欄,主視覺窄)
主視覺圖片預設為 650 X 350
欲加入圖片,
請在CSS中找到 #banner{background: url() left top no-repeat;}
在 ( ) 中加上圖片網址即可。

★★★ 語法下載: (按滑鼠右鍵, 或 Ctrl+C 複製語法)

/*主視覺請在此更換*/
#banner{background: url() left top no-repeat;}

/*--------------------------reset*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0;padding:0;}
table {border-collapse:collapse;border-spacing:0;}
fieldset,img {border:0;}
address,caption,cite,code,dfn,em,th,var {font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}
q:before,q:after {content:'';}
abbr,acronym {border:0;}
pre{font-size: 1em ;}
.article-content{ _height: 1% ;  overflow: hidden ;  _overflow: none;}
.article-content p{margin-bottom: 1em;}
a {	text-decoration: none;		}
br{letter-spacing: normal;}
 
/*--------------------------all setting*/

body {
	font-size: 12px;
	font-family: arial, verdana;
	color: #fff;
	line-height: 160%; 
	background:#ccc;}
 
a { color: #ccc; }
a:hover { color: #fff; }
 
#body-div {  }
 
/*--------------------------authority*/
#authority {
	background: #aaa;
	border-bottom: 1px solid #ccc;
	text-align: center;
	line-height: 25px; }

#authority a{
	margin:0px 5px;
	color:#ccc;}
#authority a:hover{color:#000;}
/*--------------------------container*/
 
#container2 {
	width: 900px;
	margin: 0px auto; 
	position: relative;
	background:#000;
	border-right:3px solid #aaa;
	border-left:3px solid #aaa;}
 
/*--------------------------header*/
#header {
	padding-top: 50px;
	width: 630px;
	margin-left: 20px;
	height: 390px;
	background: #333;}
 
#login-bar {
	color: #ccc;
	position: absolute;
	left: 30px;
	top: 415px;
	text-align: right; }
 
#login-bar .separator { color: #ccc; }
 
#banner {
	height: 350px;
	width: 630px;
	border-top: 5px solid #000;
	border-bottom: 5px solid #000;
	}
 
	#banner h1 {
		position: absolute;
		left: 30px;
		top: 5px;
		height: 25px; }
 
	#banner h1 a { font: bold 15px arial; }
 
	#banner h2 {
		position: absolute;
		left: 30px;
		top: 25px;
		height: 20px;
		line-height: 20px;
		width: 600px;
		overflow: hidden; }
 
	#banner .skiplink { display: none; }
 
	#banner #blog-category {
		display: none;
		position: absolute;
		left: 10px;
		top: 415px;
		width: 150px;
		height: 20px;
		line-height: 20px; }
 
/*--------------------------navigation*/
#navigation {
	position: absolute;
	right:15px;
	top: 10px;
	width: 220px;}
 
	#navigation li {
		float: left;
		width: 220px;
		height: 25px; 
		background:#ccc;
		margin-bottom:1px;}
 
	#navigation a {
		display: block;
		color:#000;
		line-height: 25px;
		padding: 0px 10px;
		}
 
	#navigation a:hover {
		background: #aaa;
		color: #fff; 
		text-align: right;}

#navigation li#link-blog{background:#fff;}
/*--------------------------main*/
#main {
	padding-top: 5px; }
 
/*--------------------------content*/
#content {
	overflow: hidden;
	float: left;
	width: 650px; 
	margin-left: 10px;
	display: inline;}
 
#spotlight {
	background: #444;
	margin: 10px;
	padding: 10px;
	border:1px solid #111;
	border-bottom:1px solid #555;
	border-right:1px solid #555;}
 
#article-area h3{margin-left: 10px}
#view-mode { margin-bottom: 20px;
	margin-left: 10px;}

.article { 
	margin:0 10px 20px 10px;}
 
.publish {
	text-transform: uppercase;
	font-size: 11px;
	color: #fff;
	height: 12px;
	line-height: 12px;
	padding: 5px 10px;
	background:#aaa;}
 
.title {
	background: #555;
	margin: 0 0 10px 0;
	padding: 5px 10px ;
	border-bottom: 2px solid #333; }
.title  a{
	font:bold 15px arial;
	color:#fff;}
.article-body { 
	text-align: right; 
	margin: 10px 0;}
 
.article-content {
	font-size: 13px;
	line-height: 180%;
	letter-spacing: 0.05em;
	text-align: left;
	
	color: #ccc; }
 
.article-content a { border-bottom: 1px dotted #aaa; }
.more a { border: 0; }
 .bookmark,.author,.forward { color: #999; }
 
.article-footer {
	padding: 5px 10px;
	_height: 1%;
	color: #666;
	margin: 10px 0;
	border-top:1px dashed #444;}
 
	.article-footer a { color: #999; }
 	.article-footer a:hover { color: #636363; }
 
.back-to-top {
	text-transform: uppercase;
	text-align: right; }
 
	.back-to-top a {
		padding: 0px 3px;
		background: #aaa;
		color: #fff;
		font: 11px verdana; }
 
/*--------------------------list*/
.main-list table {
	width: 95%;
	margin: 10px auto;}
 
.main-list th {
	background: #333;
	color: #eee;
	padding: 3px; }
 
.list-num { width: 30px; }
.list-date { width: 120px; }
 .list-comment {
	width: 50px;}
 .list-visit {
	width: 70px;}
 .main-list td {
	padding: 3px;
	border-bottom: 1px solid #333; }
 
/*--------------------------post-box*/
.user-post-box { margin: 20px 0; }
 
.user-post-title {
	margin: 10px 0;
	color: #fff;
	padding: 5px 10px; }
 
.post-comment {
	width: 100px;
	text-align: center;
	height: 25px;
	line-height: 25px;
	margin: 10px auto;
	background: #ccc; }
 
#content .post-comment a {
	display: block;
	width: 100%;
	height: 100%;
	color:#000;}
 #content .post-comment a:hover {
	background:#fff;}
.single-post {
	overflow: hidden;
	_overflow: none;
	_height: 1%;
	padding: 10px;
	margin: 10px auto;
	position: relative; 
	width: 600px;
	background:#333;}
 
.post-info {
	background: #444;
	height: 40px;
	margin-bottom: 5px;
	margin-left: 105px;
	line-height: 25px; 
	padding: 3px 0 0 10px;}
 
.post-time {
	position: absolute;
	left: 125px;
	top: 25px;
	color:#666;}
 
.post-photo {
	position: absolute;
	left: 10px;
	top: 10px;
	width: 90px;
	height: 90px; }
 
	.post-photo img {
		width: 90px;
		height: 90px; }
 
.post-text { 
	float: right;
	width: 490px;
	padding: 5px 0; }
 
.reply-text {

float: right;
	width: 490px;
	border-top: 1px dashed #666;
	text-align: right;
	color: #999;
	padding: 5px 0; }
 
.single-post.secret .post-text {
	float: none;
	width: auto; }
 
#trackback-box #trackback-url {
	margin:10px;}
#trackback-text .post-info {
	padding: 5px;
	margin:0;
	height: 25px; }
#trackback-box  .post-text {
	width: auto ;
	float: none ; }
 
/*--------------------------comment-form */
#comment-form {
	background: #222;
	padding: 10px;
	width: 600px;
	margin: 10px auto; }
 
	#comment-form p {
		color: #aaa;
		text-align: right;
		margin: 0px 10px 5px; }
 
	#comment-form table {
		width: 100%;
		border: none; }
 
	#comment-form table tr.comment-form-title { display: none; }

#comment-form table td {
		color: #999;
		vertical-align: top;
		border: none;
		padding: 2px 5px; }

#comment-form table th {
		color: #ccc;
		vertical-align: top;
		width: 80px;
		border: none;
		padding: 2px 5px;
		text-align: right; }
 	#comment-form input {
		height: 17px;
		font-family: Arial;
		font-size: 11px;
		color: #ccc;
		border: none;
		border-bottom: 1px solid #ccc;
		background: none;
		width: 90%; }
 
	#comment-form input.radio {
		border: none;
		width: auto;
		background: none;
		margin: 0;
		padding: 0; }
 
	#comment-form input#blogcommenttext_name { width: 87%; }
	#comment-form input#send-comment {
		border: 0;
		width: 80px;
		background: #999;
		color: #fff; }
 	#comment-form textarea {
		width: 90%;
		height: 90px;
		font-family: Arial;
		font-size: 11px;
		line-height: 18px;
		color: #000;
		border: 1px solid #ccc;
		background: #fff; }
 
/*--------------------------pages*/
.page { margin: 10px 0; 
	text-align: center;}
.page a {  
	padding:0px 5px;}
 .page SPAN {  
	background:#333;
	padding:0px 5px;
	color:#fff;}
 
/*--------------------------links*/
#links {
	margin-top: -320px;
	overflow: hidden;
	float: right;
	width: 220px; 
	margin-right:15px;
	display:inline;}
#links  a{color:#aaa;}
#links  a:hover{color:#fff;}
.box {
	background: #555;
	border-left:1px solid #333;
	border-right:1px solid #333;
	margin-bottom:1px;}
 
.box-title {
	background: #333;
	padding: 10px;
	font: bold 13px arial;
	color: #fff;
	border-bottom: 1px solid #666}
 
.box-text { padding: 10px; border-top:1px solid #333;}
 .box-more { text-align: right; 
	margin:5px 0;}
 
	.box-more a {
		padding: 2px 5px;
		background: #333;
		border: 1px solid #222; }
 
#visitor ul, #crumb ul {
	overflow: hidden;
	_overflow: none;
	_height: 1%; }
 
 #visitor li, #crumb li {
	float: left;
	line-height: 0; }
 
#visitor li a, #crumb li a { border: 0; }
 
#visitor li img, #crumb li img {
	margin: 0 2px 2px 0;
	display: inline;
	width: 50px;
	height: 50px; }
 
#broadcast ul {
	overflow: hidden;
	_overflow: none;
	_height: 1%;
	margin-bottom: 10px; }
 
#broadcast .broadcast-photo {
	float: left;
	width: 40px;
	margin-right: 5px;
	display: inline;
	line-height: 20px; }
 
#broadcast .broadcast-time,
#broadcast .broadcast-text {
	float: right;
	width: 150px;
	line-height: 20px !important; }
#broadcast .broadcast-text a { color:#ccc; line-height: 20px }
#broadcast .broadcast-time a {
	color: #fff;
	padding: 2px 3px;
	background: #333;
	font: 10px verdana;
	line-height: 20px; }
#broadcast .broadcast-time span { display: none; }
 
#headshot ul {
	overflow: hidden;
	_overflow: none;
	_height: 1%; }
 #headshot li {
	width: 80px;
	float: right; }
 #headshot li a { padding: 2px; }
 
#headshot-img {
	float: left !important;
	width: 110px !important; }
#headshot-img img { border: 3px solid #eee; }
 
#search ul {
	overflow: hidden;
	_overflow: none;
	_height: 1%; }
#search li { float: left; }
#search li input {
	background:#aaa;
	border: 1px solid #ddd;
	border-left: 1px solid #333;
	border-top: 1px solid #333;
	margin-right: 5px;
	height: 20px;
	width: 120px; }

#search li input#search-submit {
	border: 1px solid #ddd;
	border-right: 1px solid #333;
	border-bottom: 1px solid #333;
	height: 22px;
	width: 50px;
	padding: 0;
	color: #000; }
 
#feed a {
	margin-bottom: 5px;
	padding: 5px;
	width: 90%; }
 
#calendar table {
	width: 80%;
	margin: 0 auto; }
 
#calendar table th { text-align: center; }

#calendar table td {
	font-size: 10px;
	text-align: center;

line-height: 20px; }

#calendar table td a {
		background: #999;
		display: block;
		color: #fff;
		border: 0;
		-khtml-border-radius: 7px;
		-moz-border-radius: 7px;
		-webkit-border-radius: 7px; }
 
#category li { margin-left: 15px; }
 
#archive select {
	width: 200px;
	margin-bottom: 5px;
	background: #fff;
	border: 1px solid #ccc;
	font: 11px arial; }
 
#murmur .murmur-time {
	color: #666;
	font: 11px Century Gothic; }
 #murmur .murmur-text { padding: 5px 0; }
 
#latest-comment li,
#subscription li,
#latest-trackback li {
	margin-bottom: 2px;
	color: #000;
	font-size: 12px; }
 
#latest-comment a,
#subscription a,
#latest-trackback a {
	display: block;
	width: 99%; }
 
/*--------------------------footer*/
#footer {
	clear: both;
	background: #333;
	padding: 20px 0;
	text-align: center;
	_height: 1%; }

testeva 發表在痞客邦留言(0) 人氣()

▲top

Aug 03 Mon 2009 17:49
痞客模版基本樣式 :: 淺灰白(左側欄)

痞客模版基本樣式 :: 淺灰白(左側欄,主視覺窄)
主視覺圖片預設為 650 X 350
欲加入圖片,
請在CSS中找到 #banner{background: url() left top no-repeat;}
在 ( ) 中加上圖片網址即可。

★★★ 語法下載: (按滑鼠右鍵, 或 Ctrl+C 複製語法)

/*主視覺請在此更換*/
#banner{background: url() left top no-repeat;}

/*--------------------------reset*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0;padding:0;}
table {border-collapse:collapse;border-spacing:0;}
fieldset,img {border:0;}
address,caption,cite,code,dfn,em,th,var {font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}
q:before,q:after {content:'';}
abbr,acronym {border:0;}
pre{font-size: 1em ;}
.article-content{ _height: 1% ;  overflow: hidden ;  _overflow: none;}
.article-content p{margin-bottom: 1em;}
a {	text-decoration: none;		}
br{letter-spacing: normal;}
 
/*--------------------------all setting*/

#authority a{margin:0px 5px}
/*--------------------------container*/
 
#container2 {
	width: 900px;
	margin: 0px auto; 
	position: relative;
	background:url(http://p1.p.pixnet.net/albums/userpics/1/9/434419/4a76b3301b093.gif) left top repeat-y;}
 
/*--------------------------header*/
#header {
	
	padding-top: 50px;
	width: 650px;
	margin-left: 240px;
	height: 390px;
	background: #f6f6f6; }
 
#login-bar {
	color: #666;
	position: absolute;
	right: 20px;
	top: 415px;
	text-align: right; }
 
#login-bar .separator { color: #ccc; }
 
#banner {
	height: 350px;
	width: 650px;
	border-top: 5px solid #fff;
	border-bottom: 5px solid #fff;}
 
	#banner h1 {
		position: absolute;
		left: 255px;
		top: 5px;
		height: 25px; }
 
	#banner h1 a { font: bold 15px arial; }
 
	#banner h2 {
		position: absolute;
		left: 255px;
		top: 25px;
		height: 20px;
		line-height: 20px;
		width: 630px;
		overflow: hidden; }
 
	#banner .skiplink { display: none; }
 
	#banner #blog-category {
		display: none;
		position: absolute;
		left: 10px;
		top: 415px;
		width: 150px;
		height: 20px;
		line-height: 20px; }
 
/*--------------------------navigation*/
#navigation {
	position: absolute;
	left: 255px;
	top: 415px;
	*top: 416px;
	width: 200px;
	height: 20px; }
 
	#navigation li {
		float: left;
		height: 20px; }
 
	#navigation a {
		display: block;
		line-height: 20px;
		padding: 0px 3px; }
 
	#navigation a:hover {
		background: #aaa;
		color: #fff; }

/*--------------------------main*/
#main {
	padding-top: 20px; }
 
/*--------------------------content*/
#content {
	overflow: hidden;
	float: right;
	width: 650px; 
	margin-right: 10px;
	display: inline;}
 
#spotlight {
	background: #eee;
	margin: 0 0 10px 0;
	padding: 10px;
	border-bottom: 2px solid #ccc; }
 
#article-area h3{margin-left: 10px}
#view-mode { margin-bottom: 20px;
	margin-left: 10px;}

.article { margin-bottom: 20px; }
 
.publish {
	text-transform: uppercase;
	font-size: 11px;
	color: #fff;
	height: 12px;
	line-height: 12px;
	padding: 5px 10px;
	background:#aaa;}
 
.title {
	background: #eee;
	margin: 0 0 10px 0;
	padding: 5px 10px ;
	border-bottom: 2px solid #ccc; }
.title  a{
	font:bold 15px arial;
	color:#222;}
.article-body { 
	text-align: right; 
	margin: 10px;}
 
.article-content {
	font-size: 13px;
	line-height: 180%;
	letter-spacing: 0.05em;
	text-align: left;
	
	color: #444; }
 
.article-content a { border-bottom: 1px dotted #aaa; }
.more a { border: 0; }
 .bookmark,.author,.forward { color: #999; }
 
.article-footer {
	border: 1px dashed #ddd;
	padding: 5px 10px;
	_height: 1%;
	color: #666;
	margin: 10px;
	background:#f6f6f6;}
 
	.article-footer a { color: #999; }
 	.article-footer a:hover { color: #636363; }
 
.back-to-top {
	text-transform: uppercase;
	text-align: right; }
 
	.back-to-top a {
		padding: 0px 3px;
		background: #aaa;
		color: #fff;
		font: 11px verdana; }
 
/*--------------------------list*/
.main-list table {
	width: 95%;
	margin: 10px auto;}
 
.main-list th {
	background: #eee;
	color: #333;
	padding: 3px; }
 
.list-num { width: 30px; }
.list-date { width: 120px; }
 .list-comment {
	width: 50px;
	background: #ccc; }
 .list-visit {
	width: 70px;
	background: #ddd; }
 .main-list td {
	padding: 3px;
	border-bottom: 1px solid #fff; }
 
/*--------------------------post-box*/
.user-post-box { margin: 20px 0; }
 
.user-post-title {
	margin: 10px 0;
	background: #999;
	color: #fff;
	padding: 5px 10px; }
 
.post-comment {
	width: 100px;
	text-align: center;
	height: 25px;
	line-height: 25px;
	margin: 10px auto;
	background: #ccc; }
 
#content .post-comment a {
	display: block;
	width: 100%;
	height: 100%; }
 
.single-post {
	overflow: hidden;
	_overflow: none;
	_height: 1%;
	border: 1px dashed #ccc;
	padding: 5px;
	margin: 10px auto;
	position: relative; 
	width: 600px;}
 
.post-info {
	background: #eee;
	height: 50px;
	margin-bottom: 5px;
	padding-left: 60px;
	line-height: 25px; }
 
.post-time {
	position: absolute;
	left: 80px;
	top: 25px; }
 
.post-photo {
	position: absolute;
	left: 5px;
	top: 5px;
	width: 50px;
	height: 50px; }
 
	.post-photo img {
		width: 50px;
		height: 50px; }
 
.post-text { padding: 5px; }
 
.reply-text {
	border-top: 1px dashed #ccc;
	text-align: right;
	color: #999;
	padding: 5px; }
 
.single-post.secret .post-text {
	float: none;
	width: auto; }
 
#trackback-box #trackback-url {
	margin:10px;}
#trackback-text .post-info {
	padding: 5px;
	height: 25px; }
#trackback-box  .post-text {
	width: auto ;
	float: none ; }
 
/*--------------------------comment-form */
#comment-form {
	background: #eee;
	padding: 5px;
	width: 600px;
	margin: 10px auto; }
 
	#comment-form p {
		color: #aaa;
		text-align: right;
		margin: 0px 10px 5px; }
 
	#comment-form table {
		width: 100%;
		border: none; }
 
	#comment-form table tr.comment-form-title { display: none; }

#comment-form table td {
		color: #999;
		vertical-align: top;
		border: none;
		padding: 2px 5px; }

#comment-form table th {
		color: #666;
		vertical-align: top;
		width: 80px;
		border: none;
		padding: 2px 5px;
		text-align: right; }
 	#comment-form input {
		height: 17px;
		font-family: Arial;
		font-size: 11px;
		color: #000;
		border: none;
		border-bottom: 1px solid #ccc;
		background: none;
		width: 90%; }
 
	#comment-form input.radio {
		border: none;
		width: auto;
		background: none;
		margin: 0;
		padding: 0; }
 
	#comment-form input#blogcommenttext_name { width: 87%; }
	#comment-form input#send-comment {
		border: 0;
		width: 80px;
		background: #999;
		color: #fff; }
 	#comment-form textarea {
		width: 99%;
		height: 90px;
		font-family: Arial;
		font-size: 11px;
		line-height: 18px;
		color: #000;
		border: 1px solid #ccc;
		background: #fff; }
 
/*--------------------------pages*/
.page { margin: 10px 0; 
	text-align: center;}
.page a {  
	padding:0px 5px;}
 .page SPAN {  
	background:#aaa;
	padding:0px 5px;
	color:#fff;}
 
/*--------------------------links*/
#links {
	margin-top: -460px;
	overflow: hidden;
	float: left;
	width: 220px; 
	margin-left:10px;
	display:inline;}
 
.box {
	background: #eee;
	margin-bottom: 5px; }
 
.box-title {
	background: #ccc;
	padding: 10px;
	font: bold 13px arial;
	color: #333;
	border-bottom: 1px solid #aaa}
 
.box-text { padding: 10px; border-top:1px solid #fff;}
 .box-more { text-align: right; 
	margin:5px 0;}
 
	.box-more a {
		padding: 2px 5px;
		background: #ddd;
		border: 1px solid #bbb; }
 
#visitor ul, #crumb ul {
	overflow: hidden;
	_overflow: none;
	_height: 1%; }
 
 #visitor li, #crumb li {
	float: left;
	line-height: 0; }
 
#visitor li a, #crumb li a { border: 0; }
 
#visitor li img, #crumb li img {
	margin: 0 2px 2px 0;
	display: inline;
	width: 50px;
	height: 50px; }
 
#broadcast ul {
	overflow: hidden;
	_overflow: none;
	_height: 1%;
	margin-bottom: 10px; }
 
#broadcast .broadcast-photo {
	float: left;
	width: 40px;
	margin-right: 5px;
	display: inline;
	line-height: 20px; }
 
#broadcast .broadcast-time,
#broadcast .broadcast-text {
	float: right;
	width: 150px;
	line-height: 20px !important; }
#broadcast .broadcast-text a { color:#767676; line-height: 20px }
#broadcast .broadcast-time a {
	color: #fff;
	padding: 2px 3px;
	background: #999;
	font: 10px verdana;
	line-height: 20px; }
#broadcast .broadcast-time span { display: none; }
 
#headshot ul {
	overflow: hidden;
	_overflow: none;
	_height: 1%; }
 #headshot li {
	width: 100px;
	float: right; }
 #headshot li a { padding: 2px; }
 
#headshot-img {
	float: left !important;
	width: 110px !important; }
#headshot-img img { border: 3px solid #eee; }
 
#search ul {
	overflow: hidden;
	_overflow: none;
	_height: 1%; }
#search li { float: left; }
#search li input {
	border: 1px solid #ddd;
	border-left: 1px solid #999;
	border-top: 1px solid #999;
	background: none;
	margin-right: 5px;
	height: 20px;
	width: 120px; }

#search li input#search-submit {
	border: 1px solid #ddd;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	height: 22px;
	width: 50px;
	padding: 0;
	color: #666; }
 
#feed a {
	margin-bottom: 5px;
	padding: 5px;
	width: 90%; }
 
#calendar table {
	width: 80%;
	margin: 0 auto; }
 
#calendar table th { text-align: center; }

#calendar table td {
	font-size: 10px;
	text-align: center;

line-height: 20px; }

#calendar table td a {
		background: #999;
		display: block;
		color: #fff;
		border: 0;
		-khtml-border-radius: 7px;
		-moz-border-radius: 7px;
		-webkit-border-radius: 7px; }
 
#category li { margin-left: 15px; }
 
#archive select {
	width: 200px;
	margin-bottom: 5px;
	background: #fff;
	border: 1px solid #ccc;
	font: 11px arial; }
 
#murmur .murmur-time {
	color: #666;
	font: 11px Century Gothic; }
 #murmur .murmur-text { padding: 5px 0; }
 
#latest-comment li,
#subscription li,
#latest-trackback li {
	margin-bottom: 2px;
	color: #666;
	font-size: 12px; }
 
#latest-comment a,
#subscription a,
#latest-trackback a {
	display: block;
	width: 99%; }
 
/*--------------------------footer*/
#footer {
	clear: both;
	background: #ddd;
	padding: 20px 0;
	text-align: center;
	margin-left: 240px;
	width: 650px;
	_height: 1%; }

testeva 發表在痞客邦留言(1) 人氣()

▲top

Aug 03 Mon 2009 17:41
痞客模版基本樣式 :: 淺灰白(寬)

痞客模版基本樣式 :: 淺灰白(寬)
主視覺圖片預設為 950 X 350
欲加入圖片,
請在CSS中找到 #banner{background: url() left top no-repeat;}
在 ( ) 中加上圖片網址即可。

★★★ 語法下載: (按滑鼠右鍵, 或 Ctrl+C 複製語法)

/*主視覺在此更換*/
#banner{background: url() left top no-repeat;}

/*--------------------------reset*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0;padding:0;}
table {border-collapse:collapse;border-spacing:0;}
fieldset,img {border:0;}
address,caption,cite,code,dfn,em,th,var {font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}
q:before,q:after {content:'';}
abbr,acronym {border:0;}
pre{font-size: 1em ;}
.article-content{ _height: 1% ;  overflow: hidden ;  _overflow: none;}
.article-content p{margin-bottom: 1em;}
a {	text-decoration: none;		}
br{letter-spacing: normal;}
 
/*--------------------------all setting*/

body {
	font-size: 12px;
	font-family: arial, verdana;
	color: #555;
	line-height: 160%; 
	background:#fff;}
 
a { color: #333; }
a:hover { color: #ccc; }
 
#body-div {  }
 
/*--------------------------authority*/
#authority {
	background: #eee;
	border-bottom: 1px dotted #ddd;
	text-align: center;
	line-height: 25px; }
#authority a{margin:0px 5px}
/*--------------------------container*/
 
#container2 {
	width: 900px;
	margin: 10px auto; }
 
/*--------------------------header*/
#header {
	position: relative;
	padding-top: 50px;
	height: 390px;
	background: #f6f6f6; }
 
#login-bar {
	color: #666;
	position: absolute;
	right: 10px;
	top: 415px;
	text-align: right; }
 
#login-bar .separator { color: #ccc; }
 
#banner {
	height: 350px;
	border-top: 5px solid #fff;
	border-bottom: 5px solid #fff;
	}
 
	#banner h1 {
		position: absolute;
		left: 10px;
		top: 5px;
		height: 25px; }
 
	#banner h1 a { font: bold 15px arial; }
 
	#banner h2 {
		position: absolute;
		left: 10px;
		top: 25px;
		height: 20px;
		line-height: 20px;
		width: 900px;
		overflow: hidden; }
 
	#banner .skiplink { display: none; }
 
	#banner #blog-category {
		position: absolute;
		left: 10px;
		top: 415px;
		width: 150px;
		height: 20px;
		line-height: 20px; }
 
/*--------------------------navigation*/
#navigation {
	position: absolute;
	left: 165px;
	top: 415px;
	*top: 416px;
	width: 200px;
	height: 20px; }
 
	#navigation li {
		float: left;
		height: 20px; }
 
	#navigation a {
		display: block;
		line-height: 20px;
		padding: 0px 3px; }
 
	#navigation a:hover {
		background: #aaa;
		color: #fff; }

/*--------------------------main*/
#main {
	overflow: hidden;
	_overflow: none;
	_height: 1%;
	padding-top: 20px; }
 
/*--------------------------content*/
#content {
	overflow: hidden;
	float: left;
	width: 650px; }
 
#spotlight {
	background: #eee;
	margin: 0 0 10px 0;
	padding: 10px;
	border-bottom: 2px solid #ccc; }
 
#view-mode { margin-bottom: 20px; }

.article { margin-bottom: 20px; }
 
.publish {
	text-transform: uppercase;
	font-size: 11px;
	color: #333;
	height: 12px;
	line-height: 12px;
	margin-bottom: 5px;
	border-left: 12px solid #aaa;
	padding-left: 5px; }
 
.title {
	background: #eee;
	margin: 0 0 10px 0;
	padding: 5px 10px ;
	border-bottom: 2px solid #ccc; }
 
.article-body { text-align: right; }
 
.article-content {
	font-size: 13px;
	line-height: 180%;
	letter-spacing: 0.05em;
	text-align: left;
	margin: 10px 0;
	color: #444; }
 
.article-content a { border-bottom: 1px dotted #aaa; }
.more a { border: 0; }
 .bookmark,.author,.forward { color: #999; }
 
.article-footer {
	border: 1px dashed #ddd;
	padding: 5px 10px;
	_height: 1%;
	color: #666;
	margin: 10px 0; }
 
	.article-footer a { color: #999; }
 	.article-footer a:hover { color: #636363; }
 
.back-to-top {
	text-transform: uppercase;
	text-align: right; }
 
	.back-to-top a {
		padding: 0px 3px;
		background: #aaa;
		color: #fff;
		font: 11px verdana; }
 
/*--------------------------list*/
.main-list table {
	width: 100%;
	margin: 10px 0; }
 
.main-list th {
	background: #eee;
	color: #333;
	padding: 3px; }
 
.list-num { width: 30px; }
.list-date { width: 120px; }
 .list-comment {
	width: 50px;
	background: #ccc; }
 .list-visit {
	width: 70px;
	background: #ddd; }
 .main-list td {
	padding: 3px;
	border-bottom: 1px solid #fff; }
 
/*--------------------------post-box*/
.user-post-box { margin: 20px 0; }
 
.user-post-title {
	margin: 10px 0;
	background: #999;
	color: #fff;
	padding: 5px 10px; }
 
.post-comment {
	width: 100px;
	text-align: center;
	height: 25px;
	line-height: 25px;
	margin: 10px auto;
	background: #ccc; }
 
#content .post-comment a {
	display: block;
	width: 100%;
	height: 100%; }
 
.single-post {
	overflow: hidden;
	_overflow: none;
	_height: 1%;
	border: 1px dashed #ccc;
	padding: 5px;
	margin: 10px 0;
	position: relative; }
 
.post-info {
	background: #eee;
	height: 50px;
	margin-bottom: 5px;
	padding-left: 60px;
	line-height: 25px; }
 
.post-time {
	position: absolute;
	left: 80px;
	top: 25px; }
 
.post-photo {
	position: absolute;
	left: 5px;
	top: 5px;
	width: 50px;
	height: 50px; }
 
	.post-photo img {
		width: 50px;
		height: 50px; }
 
.post-text { padding: 5px; }
 
.reply-text {
	border-top: 1px dashed #ccc;
	text-align: right;
	color: #999;
	padding: 5px; }
 
.single-post.secret .post-text {
	float: none;
	width: auto; }
 
#trackback-box #trackback-url {
	margin:10px 0;}
#trackback-text .post-info {
	padding: 5px;
	height: 25px; }
#trackback-box  .post-text {
	width: auto ;
	float: none ; }
 
/*--------------------------comment-form */
#comment-form {
	background: #eee;
	padding: 5px;
	width: 640px;
	margin: 10px auto; }
 
	#comment-form p {
		color: #aaa;
		text-align: right;
		margin: 0px 10px 5px; }
 
	#comment-form table {
		width: 100%;
		border: none; }
 
	#comment-form table tr.comment-form-title { display: none; }

#comment-form table td {
		color: #999;
		vertical-align: top;
		border: none;
		padding: 2px 5px; }

#comment-form table th {
		color: #666;
		vertical-align: top;
		width: 80px;
		border: none;
		padding: 2px 5px;
		text-align: right; }
 	#comment-form input {
		height: 17px;
		font-family: Arial;
		font-size: 11px;
		color: #000;
		border: none;
		border-bottom: 1px solid #ccc;
		background: none;
		width: 90%; }
 
	#comment-form input.radio {
		border: none;
		width: auto;
		background: none;
		margin: 0;
		padding: 0; }
 
	#comment-form input#blogcommenttext_name { width: 87%; }
	#comment-form input#send-comment {
		border: 0;
		width: 80px;
		background: #999;
		color: #fff; }
 	#comment-form textarea {
		width: 99%;
		height: 90px;
		font-family: Arial;
		font-size: 11px;
		line-height: 18px;
		color: #000;
		border: 1px solid #ccc;
		background: #fff; }
 
/*--------------------------pages*/
.page { margin: 10px 0; }
.page a {  
	padding:0px 5px;}
 .page SPAN {  
	background:#aaa;
	padding:0px 5px;
	color:#fff;}
 
/*--------------------------links*/
#links {
	overflow: hidden;
	float: right;
	width: 230px; }
 
.box {
	background: #ccc;
	margin-bottom: 15px; }
 
.box-title {
	background: #ddd;
	padding: 10px;
	font: bold 13px arial;
	color: #333;
	border-bottom: 1px dashed #aaa; }
 
.box-text { padding: 10px; }
 
.box-more { text-align: right; }
 
	.box-more a {
		padding: 2px 5px;
		background: #ddd;
		border: 1px solid #bbb; }
 
#visitor ul, #crumb ul {
	overflow: hidden;
	_overflow: none;
	_height: 1%; }
 
 #visitor li, #crumb li {
	float: left;
	line-height: 0; }
 
#visitor li a, #crumb li a { border: 0; }
 
#visitor li img, #crumb li img {
	margin: 0 2px 2px 0;
	display: inline;
	width: 50px;
	height: 50px; }
 
#broadcast ul {
	overflow: hidden;
	_overflow: none;
	_height: 1%;
	margin-bottom: 10px; }
 
#broadcast .broadcast-photo {
	float: left;
	width: 40px;
	margin-right: 5px;
	display: inline;
	line-height: 20px; }
 
#broadcast .broadcast-time,
#broadcast .broadcast-text {
	float: right;
	width: 160px;
	line-height: 20px !important; }
#broadcast .broadcast-text a { color:#767676; line-height: 20px }
#broadcast .broadcast-time a {
	color: #fff;
	padding: 2px 3px;
	background: #999;
	font: 10px verdana;
	line-height: 20px; }
#broadcast .broadcast-time span { display: none; }
 
#headshot ul {
	overflow: hidden;
	_overflow: none;
	_height: 1%; }
 #headshot li {
	width: 100px;
	float: right; }
 #headshot li a { padding: 2px; }
 
#headshot-img {
	float: left !important;
	width: 110px !important; }
#headshot-img img { border: 3px solid #eee; }
 
#search ul {
	overflow: hidden;
	_overflow: none;
	_height: 1%; }
#search li { float: left; }
#search li input {
	border: 1px solid #ddd;
	border-left: 1px solid #999;
	border-top: 1px solid #999;
	background: none;
	margin-right: 5px;
	height: 20px;
	width: 120px; }

#calendar table td {
	font-size: 10px;
	text-align: center;
	border: 2px solid #ccc;
	line-height: 20px; }

#calendar table td a {
		background: #999;
		display: block;
		color: #fff;
		border: 0;
		-khtml-border-radius: 7px;
		-moz-border-radius: 7px;
		-webkit-border-radius: 7px; }
 
#category li { margin-left: 15px; }
 
#archive select {
	width: 200px;
	margin-bottom: 5px;
	background: #fff;
	border: 1px solid #ccc;
	font: 11px arial; }
 
#murmur .murmur-time {
	color: #666;
	font: 11px Century Gothic; }
 #murmur .murmur-text { padding: 5px 0; }
 
#latest-comment li,
#subscription li,
#latest-trackback li {
	margin-bottom: 2px;
	color: #666;
	font-size: 12px; }
 
#latest-comment a,
#subscription a,
#latest-trackback a {
	display: block;
	width: 99%; }
 
/*--------------------------footer*/
#footer {
	clear: both;
	background: #f6f6f6;
	padding: 20px 0;
	text-align: center;
	_height: 1%; }

testeva 發表在痞客邦留言(0) 人氣()

▲top

Apr 08 Wed 2009 15:18
出記有樣間色認克總有受

出記有樣間色認克總有受

testeva 發表在痞客邦留言(0) 人氣()

▲top

Apr 08 Wed 2009 15:17
一父題知存著親業地地軍來長個

者走統究我作票理格局王小玩領、遠性香遠美，花常表之並星中直：否園難保界分有一上重音之預房防此出不。你大不，家不開條天說兒馬是以間性人家一、叫資食想、自果因在需一紙那學？導走的包門來而醫……報備有夫坐本聞不國知心上近國腳資片與好，及走寶所的散出民過體兒得願人造子軍少施際未明算知人友？黃間送想早你，究大德子得可舉你人數也。公神點去完一然進自我化童他者中他認思在身。都二產，下在空的商不邊感場完然過研本、別始據，非數所深產，於好學會感型收破戰了了業臺過能愛術道空展回子消主成展吃一過上？的現廣人確物事空友流節……位養大指來陽、印經引服過見分？民師了……意治記唱票年：同見的小的保也年！護論外。知展寶這以在、的感受著二指他市邊似引以課發向……不雄的具先樣情說。早我五萬、能價的我使四是黑得在大，和容兒不年食放數氣才。

商以我！

代錢子男氣了府友子酒仍有比灣感照來三口己。的服情心城意城門令父銀，果的的公我上發說生利是共。

那適電！他做時外較的親夜一已續德牛。

testeva 發表在痞客邦留言(0) 人氣()

▲top

Oct 07 Tue 2008 12:00
和泰 cf

testeva 發表在痞客邦留言(0) 人氣()

▲top

Jun 05 Tue 2007 15:08
體育固定樣式(留言板)

修改上方圖片請找 css 樣式表中的 #pageHeader {} 內的 background: url(網址);
在括弧內貼入圖片網址即可~
圖片大小建議: 700 x 250 px

body {
font-family: arial;
font-size: 9pt;
line-height: 18px;
background: #666;
margin: 20px 0px;
}
a {
color: #369;
text-decoration: none;
}
a:hover {
color: #000;
}
#Container {
width: 700px;
background: #ccc;
margin: 0px auto;
}
/*top
------------------------------------------------------------------*/
#pageHeader {
height: 250px;
background: #fff url();
}
#navbar {
text-align: right;
color: #fff;
letter-spacing: -2px;
padding: 0px 3px;
}
#navbar a {
letter-spacing: 0px;
}
.gbTopic {
position: relative;
left: 15px;
}
.gbTopic a {
vertical-align: middle;
}
.gbDescr {
position: relative;
left: 35px;
color: #666;
}
/*gbbody
------------------------------------------------------------------*/
.gbbody {
}
.userPanel {
text-align: right;
line-height: 24px;
letter-spacing: -2px;
background: #000;
padding: 0px 5px;
}
.userPanel a {
color: #fff;
letter-spacing: 0px;
}
.userPanel a:hover {
color: #666;
}
.userPanel a span {
border: 1px solid #333;
border-left: 1px solid #666;
border-top: 1px solid #666;
padding: 2px 10px;
}
.userComment {
position: relative;
top: -24px;
left: 5px;
width: 300px;
line-height: 24px;
}
.userComment a {
color: #fff;
}
.userComment a:hover {
color: #666;
}
.userComment a span {
border: 1px solid #333;
border-left: 1px solid #666;
border-top: 1px solid #666;
padding: 2px 10px;
}
.pageSelector {
color: #ccc;
font-size: 0px;
text-align: center;
clear: both;
margin: 10px 0px;
}
.pageSelector a {
font-size: 9pt;
letter-spacing: 0px;
border: 1px solid #aaa;
padding: 0px 3px;
margin: 0px 1px;
}
.pageSelector a:hover {
border: 1px solid #fff;
}
div.gbBox {
width: 600px;
height: auto;
border: 3px double #fff;
background: url(http://p0.p.pixnet.net/albums/userpics/0/3/223003/1177908959.gif) repeat-y center;
padding: 0px 0px 10px 0px;
margin: 15px 0px 15px 50px;
clear: both;
}
.gbBoxLeft {
float: left;
width: 125px;
text-align: center;
padding: 12px 0px 0px 0px;
}
.UsernameTd {
text-align: left;
padding: 0px 5px;
margin: 15px 0px 0px 0px;
}
.UsernameTd img {
vertical-align: middle;
}
.UserlinkTd {
text-align: left;
padding: 0px 5px;
}
.gbBoxRight {
float: right;
width: 465px;
overflow: hidden;
word-break: break-all;
}
.fieldName {
width: 70px !important;
color: #999;
padding: 0px 5px;
}
.field {
width: 400px;
line-height: 20px;
background: #eee;
}
.field img {
vertical-align: middle;
}
.gbReply {
color: #369;
padding: 4px 0px 0px 0px;
}
.spacerDiv {
clear: both;
}
/*footer
------------------------------------------------------------------*/
#pageFooter {
text-align: center;
clear: both;
margin: 50px 0px 0px 0px;
}
/*form
------------------------------------------------------------------*/
form .fieldName {
width: 115px;
text-align: left;
color: #999;
padding: 0px 5px;
}
form .field {
width: 525px;
text-align: left;
background: none;
}
form input {
font-family: arial;
font-size: 9pt;
border: 1px solid #ccc;
}
textarea {
height: 250px;
font-family: arial;
font-size: 9pt;
border: 1px solid #ccc;
}
#signForm .field {
width: 525px;
text-align: left;
background: none;
}

testeva 發表在痞客邦留言(0) 人氣()

▲top

Jun 05 Tue 2007 15:07
體育固定樣式(相簿)

修改上方圖片請找 css 樣式表中的 #headerBody {} 內的 background: url(網址);
在括弧內貼入圖片網址即可~
圖片大小建議: 800 x 250 px

/*main set
------------------------------------------------------------------*/
html {
}
body {
font-size: 9pt;
font-family: arial;
line-height: 20px;
background: #666;
margin: 0px 0px 0px 0px;
}
ul {
padding: 0px;
margin: 0px;
}
li {
list-style: none;
}
img {
border: none;
}
a {
color: #369;
text-decoration: none;
}
a:hover {
color: #000;
}
.adblock {
width: 800px;
text-align: center;
}
.adblock a {
color: #fff;
}
#container {
position: relative;
width: 800px;
margin: 0px auto;
}
/*top set
------------------------------------------------------------------*/
#pageHeader {
padding: 0px;
margin: 0px;
}
.navBarLink {
width: 800px;
text-align: left;
background: none;
padding: 0px 0px 0px 0px;
}
.navBarLink a {
color: #ccc;
}
.navBarLink a:hover {
color: #fff;
}
#headerBody {
position: relative;
background: #fff url();
margin: 0px;
}
#albumPanel {
height: 230px;
padding: 10px;
}
#albumName a {
vertical-align: middle;
}
#userPanel {
height: 1%;
color: #000;
font-size: 0px;
letter-spacing: -1px;
text-align: right;
line-height: 24px;
background: #000;
padding: 0px 5px;
}
#userPanel a {
color: #fff;
font-size: 9pt;
letter-spacing: 0px;
}
#userPanel a:hover {
color: #666;
}
#userPanel a span {
border: 1px solid #333;
border-left: 1px solid #666;
border-top: 1px solid #666;
padding: 2px 10px;
}
#userFriends {
position: absolute;
top: 250px;
line-height: 24px;
padding: 0px 0px 0px 10px;
}
#userFriends a {
color: #fff;
}
#userFriends a:hover {
color: #666;
}
#userFriends a span {
border: 1px solid #333;
border-left: 1px solid #666;
border-top: 1px solid #666;
padding: 2px 10px;
_padding: 1px 10px;
}
/*pagebody set
------------------------------------------------------------------*/
#pageBody {
background: #ccc;
padding: 0px 10px;
margin: 0px;
}
#contentHeader {
}
#breadCrumb {
text-align: center;
margin: 0px 0px 0px 0px;
}
.albumCount {
color: #999;
text-align: center;
}
.pageSelector {
text-align: right;
}
.pageSelector li {
display: inline;
margin: 0px 0px 0px 5px;
}
.pageSelector a {
border: 1px solid #ccc;
}

.pageSelector a:hover {
border: 1px solid #fff;
}
.pageSelector span {
line-height: 15px !important;
border: 1px solid #aaa;
padding: 0px 3px;
margin: 1px;
}
.pageSelector span:hover {
}
#funcLinks {
text-align: right;
}
#funcLinks li {
display: inline;
}
#contentBody {
text-align: center;
}
.albList {
}
li.albBoxOdd {
float: left;
width: 300px;
border: 1px solid #fff;
padding: 3px;
margin: 0px 0px 20px 0px;
}
li.albBoxEven {
float: right;
width: 300px;
border: 1px solid #fff;
padding: 3px;
margin: 0px 40px 20px 0px;
_margin: 0px 20px 20px 0px;
}
.albThumb {
float: left;
width: 120px;
height: 105px;
text-align: center;
background: #fff;
padding: 15px 0px 0px 0px;
}
.albData {
float: right;
width: 172px;
height: 120px;
overflow: auto;
text-align: left;
background: #eee;
padding: 0px 0px 0px 5px;
}
.albTitleDiv {
margin: 5px 0px 0px 0px;
}
.albDesc {
color: #666;
margin: 5px 0px 0px 0px;
}
li.thumbBox {
float: left;
border: 1px solid #fff;
padding: 3px;
margin: 5px;
}
.thumbImg {
width: 120px;
height: 105px;
text-align: center;
background: #fff;
padding: 15px 0px 0px 0px;
margin: 0px 0px 3px 0px;
}
.thumbTitle {
width: 120px;
height: 40px;
overflow: hidden;
text-align: center;
word-break: break-all;
background: #eee;
}
#imageBox {}
#imageTitle {}
#imageFrame {
border-bottom: 2px dotted #fff;
padding-bottom: 30px;
}
#imageFrame img {
border: 5px solid #fff;
}
#contentFooter {
clear: both;
}
#thumbStrip ul li {
display: inline;
float: left;
border: 1px solid #fff;
margin: 5px;
}
#thumbStrip .thumbFrame {
position: relative;
width: 120px;
height: 105px;
text-align: center;
background: #fff;
padding: 15px 0px 0px 0px;
margin: 3px;
}
.commBox {
width: 475px;
text-align: left;
border-bottom: 1px solid #fff;
margin: 5px;
}
.commAvatar {
float: left;
_border: 1px solid #fff;
padding: 3px;
margin: 5px 15px 5px 0px;
}
.commAvatar img {
border: 5px solid #fff;
}
.commBody {
}
.commLinks {
margin-bottom: 5px;
}
.commContent {
width: 400px;
overflow: hidden;
padding: 5px 0px 20px 0px;
}
#commContainer {
clear: both;
}
/*footer
------------------------------------------------------------------*/
#pageFooter {
text-align: center;
background: #ccc;
}
#bFuncMenu {
display: none;
}
#bFuncMenu li {
display: inline;
}
#bFuncMenu center {
display: none;
}
div#tipDiv {
position:absolute;
visibility:hidden;
left:-30px; top:0;
z-index:10000;
background-color:#eee;
border:1px solid #333;
width:225px;
padding:6px;
font-size:11px;
line-height:1.3;
}

div.ttHead {
margin-bottom:5px;
font-weight:bold;
color:#333;}

div.ttBody {
color:#777;}

div.fmenu {
position: absolute;
visibility: visibility;
left: -100px;
top: -100px;
z-index: 500;
background :#F6F6F6;
border-top: 1px solid #CBCBCB;
border-left: 1px solid #CBCBCB;
border-right: 1px solid #9D9D9D;
border-bottom: 1px solid #9D9D9D;
overflow: auto;
overflow-y: auto;
overflow-x: hidden;
width: 175px;
max-height: 320px;
height: expression( this.scrollHeight > 320? "320px" : "auto" );
font-size: 9pt;
}

div.fmenu ul {
margin: 0;
padding: 0;
}

div.fmenu ul li {
position: relative;
list-style-type: none;
display: block;
}

div.fmenu ul li.friendCat {
display: block;
font-size: 9pt;
color: white;
background: #B8B8B8;
font-family: Arial;
font-weight: bold;
text-decoration: none;
padding: 2px;
}

div.fmenu ul li.friendLink a{
display: block;
width: 90%;
padding: 2px 4px;
padding-right: 10%;
}

div.fmenu ul li.friendLink a:hover{
background: #DDE9EE;
}

div.fmenu ul li.friendLink img {
padding: 2px;
vertical-align: top;
border: 0px;
}

div.fmenu ul li.friendLink span.friendAvatar {
display: block;
width: 34px;
height: 34px;
background: white;
text-align: center;
border: 1px solid #CBCBCB;
}

div.fmenu ul li.friendLink span.friendID {
margin-top: -33px;
margin-left: 43px;
display: block;
text-decoration: none;
}

div.fmenu ul li.friendLink span.friendDesc {
margin-left: 43px;
margin-bottom:5px;
display: block;
font-size: 9pt;
color: #999999;
font-family: Arial;
text-decoration: none;
}

testeva 發表在痞客邦留言(0) 人氣()

▲top

誰來我家

月曆

«	四月 2024					»
日	一	二	三	四	五	六
	1	2	3	4	5	6
7	8	9	10	11	12	13
14	15	16	17	18	19	20
21	22	23	24	25	26	27
28	29	30

文章分類

未分類文章 (13)

文章彙整

所有文章列表

我的連結

ASEFA

AEJLKVNZ

lleonqklsdf

ASDFKL
ASEH

新聞交換(RSS)

參觀人氣

本日人氣：
累積人氣：

testeva

你在我的世界是太陽 ; 我在你的世界是蝴蝶。你問我分手好嗎。只要你知道，當我對你說「可以」的時候，我心裡想的是「不可以」，那就夠了…

這是公告區塊

什麼是 css

留言版基本樣式 :: 淺灰白

相簿基本樣式 :: 淺灰白

痞客模版基本樣式 :: 深褐

痞客模版基本樣式 :: 清新綠

痞客模版基本樣式 :: 深灰黑(右側欄)

痞客模版基本樣式 :: 淺灰白(左側欄)

痞客模版基本樣式 :: 淺灰白(寬)

出記有樣間色認克總有受

一父題知存著親業地地軍來長個

和泰 cf

體育固定樣式(留言板)

體育固定樣式(相簿)

誰來我家

月曆

近期文章

文章分類

文章彙整

最新迴響

我的連結

ASEFA

AEJLKVNZ

lleonqklsdf

新聞交換(RSS)

參觀人氣

QR Code

«	四月 2024					»
日	一	二	三	四	五	六
	1	2	3	4	5	6
7	8	9	10	11	12	13
14	15	16	17	18	19	20
21	22	23	24	25	26	27
28	29	30

«	四月 2024					»
日	一	二	三	四	五	六
	1	2	3	4	5	6
7	8	9	10	11	12	13
14	15	16	17	18	19	20
21	22	23	24	25	26	27
28	29	30

你在我的世界 是太陽 ; 我在你的世界 是蝴蝶。 你問我分手好嗎。 只要你知道， 當我對你說「可以」的時候， 我心裡想的是「不可以」， 那就夠了…

這是公告區塊

誰來我家

月曆

近期文章

文章分類

文章彙整

最新迴響

我的連結

ASEFA

AEJLKVNZ

lleonqklsdf

新聞交換(RSS)

參觀人氣

QR Code

你在我的世界是太陽 ; 我在你的世界是蝴蝶。你問我分手好嗎。只要你知道，當我對你說「可以」的時候，我心裡想的是「不可以」，那就夠了…

«	四月 2024					»
日	一	二	三	四	五	六
	1	2	3	4	5	6
7	8	9	10	11	12	13
14	15	16	17	18	19	20
21	22	23	24	25	26	27
28	29	30