關閉廣告
FINE LOOK in PIXNET
跳到主文
痞客邦樣式部落格
部落格全站分類:
視覺設計
相簿
部落格
留言
名片
Mar
03
Wed
2010
16:55
[相簿] 體育固定樣式
修改上方圖片請找 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)
人氣(
)
E-mail轉寄
留言列表
發表留言
RSS訂閱
熱門文章
文章精選
文章精選
2010 十二月 (1)
2010 十一月 (1)
2010 十月 (1)
2010 九月 (1)
2010 八月 (3)
2010 七月 (1)
2010 六月 (1)
2010 五月 (4)
2010 四月 (12)
2010 三月 (10)
所有文章列表
月曆
«
三月 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
31
誰來我家
參觀人氣
本日人氣:
累積人氣:
最新留言
關閉視窗
留言列表