FINE LOOK in PIXNET

修改上方圖片請找 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; }