testeva
跳到主文
你在我的世界 是太陽 ; 我在你的世界 是蝴蝶。 你問我分手好嗎。 只要你知道, 當我對你說「可以」的時候, 我心裡想的是「不可以」, 那就夠了…
部落格全站分類:
不設分類
相簿
部落格
留言
名片
這是公告區塊
這裡是內容
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
testeva
testeva 發表在
痞客邦
留言
(0)
人氣(
)
E-mail轉寄
留言列表
發表留言
誰來我家
月曆
«
四月 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)
文章彙整
文章彙整
2009 八月 (7)
2009 四月 (2)
2008 十月 (1)
2007 六月 (2)
2007 五月 (1)
所有文章列表
最新迴響
我的連結
ASEFA
AEJLKVNZ
AASF
lleonqklsdf
ASDFKL
ASEH
新聞交換(RSS)
參觀人氣
本日人氣:
累積人氣:
QR Code
關閉視窗
留言列表