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

痞客模版基本樣式 :: 淺灰白
主視覺圖片預設為 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

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

▲top

請先登入以發表留言。

testeva

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

個人頭像

近期文章

文章分類

最新迴響

參觀人氣

testeva

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