[相簿] 體育固定樣式

修改上方圖片請找 css 樣式表中的 #headerBody {} 內的 background: url(網址);
在括弧內貼入圖片網址即可~
圖片大小建議: 800 x 250 px
★★★ 語法下載: (游標移至框內全選後, 按滑鼠右鍵, 或 Ctrl+C 複製語法)

/*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;
		}

themes

FINE LOOK in PIXNET

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

全站分類：視覺設計
個人分類：痞客樣式研究院

▲top

請先登入以發表留言。

FINE LOOK in PIXNET

痞客邦樣式部落格

痞客哈燒好樣

研究院新發表

部落格小技巧

自訂導覽

參觀人氣

換樣式。拿獎金

部落格樣式

相簿樣式

FINE LOOK in PIXNET