Web_Design 板


LINE

我試過了用java語言做歡迎視窗, 不過因為失敗而用了還原王還原. 問題是復原後網誌出現了奇怪的問題. 其中一篇章消失,這篇文章的上一篇與下一篇則頭尾連在一起, 彼此重疊且有部份內容消失. 我的網誌網址如下: http://www.wretch.cc/blog/selvichy 至於我的CSS樣式表如下,請高手幫我看一下是否有誤: #banner { BORDER-RIGHT: #5a1e00 thick groove; BORDER-TOP: #5a1e00 thick groove; FONT-WEIGHT: bold; BACKGROUND: url(http://pic18.pic.wretch.cc/photos/31/s/selvichy/3/1571740841.jpg) #000000 no-repeat left top; BORDER-LEFT: #5a1e00 thick groove; BORDER-BOTTOM: #5a1e00 thick groove; HEIGHT: 370px } HTML { SCROLLBAR-FACE-COLOR: #440000; SCROLLBAR-HIGHLIGHT-COLOR: #5a4f20; SCROLLBAR-SHADOW-COLOR: #5a4f20; SCROLLBAR-3DLIGHT-COLOR: #440000; SCROLLBAR-ARROW-COLOR: #5a4f20; SCROLLBAR-TRACK-COLOR: #440000; SCROLLBAR-DARKSHADOW-COLOR: #440000 } BODY { BACKGROUND: url(http://pic.wretch.cc/icon/blog/spagyric/blog02/bg.gif) #5b4826 fixed repeat-x; MARGIN: 0px; FONT: 8pt Arial; COLOR: #907648 } A { COLOR: #cccc99; TEXT-DECORATION: none } A:hover { COLOR: #ff9933 } #container1 { BORDER-RIGHT: #000 5px solid; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: #0f0000 repeat-y 0px 0px; PADDING-BOTTOM: 0px; MARGIN: 0px auto; WIDTH: 720px; PADDING-TOP: 0px } #container2 { BACKGROUND: url(http://pic.wretch.cc/icon/blog/spagyric/blog02/contentbg.gif) repeat-y 227px 50%; HEIGHT: 100% } #pageheader { BACKGROUND: url(http://pic.wretch.cc/icon/blog/spagyric/blog02/containerside_blackbg.gif) repeat-y; HEIGHT: 100% } #banner H1 { PADDING-RIGHT: 5px; PADDING-TOP: 10px; TEXT-ALIGN: right } #banner H1 A { COLOR: #ccc } H1 .description { FONT-SIZE: 14px } #description2 .description { PADDING-LEFT: 30px; FONT-SIZE: 12px; COLOR: #666 } #description2 { WIDTH: 700px; POSITION: absolute; TOP: 382px } #content { MARGIN-TOP: 0px; BACKGROUND: url(http://pic.wretch.cc/icon/blog/spagyric/blog02/contentbg.gif) repeat-y 4px 50%; FLOAT: right; WIDTH: 497px; PADDING-TOP: 0px; TEXT-ALIGN: center } #content INPUT { BORDER-RIGHT: #5a4f20 0px solid; BORDER-TOP: #5a4f20 0px solid; BACKGROUND: url(http://pic.wretch.cc/icon/blog/spagyric/blog02/inputbg.gif) no-repeat 50% bottom; BORDER-LEFT: #5a4f20 0px solid; COLOR: #887a3d; BORDER-BOTTOM: #5a4f20 0px solid; FONT-FAMILY: Arial } .blog { BORDER-RIGHT: 0px solid; BORDER-TOP: 0px solid; BACKGROUND: url(http://pic.wretch.cc/icon/blog/spagyric/blog02/extrabg.gif) no-repeat 1px 0%; BORDER-LEFT: 0px solid; WIDTH: 480px; PADDING-TOP: 80px; BORDER-BOTTOM: 0px solid; TEXT-ALIGN: left } .picleft { PADDING-RIGHT: 10px; PADDING-LEFT: 10px; FLOAT: left; PADDING-BOTTOM: 10px; PADDING-TOP: 10px } .picright { PADDING-RIGHT: 10px; PADDING-LEFT: 10px; FLOAT: right; PADDING-BOTTOM: 10px; PADDING-TOP: 10px } .piccenter { PADDING-RIGHT: 10px; DISPLAY: block; PADDING-LEFT: 10px; PADDING-BOTTOM: 10px; PADDING-TOP: 10px } .datediv { BORDER-RIGHT: #fff 0px solid; BORDER-TOP: #fff 0px solid; PADDING-LEFT: 0px; FONT-SIZE: 16px; BORDER-LEFT: #fff 0px solid; COLOR: #b6aa74; PADDING-TOP: 5px; BORDER-BOTTOM: #fff 0px solid } .date { PADDING-LEFT: 60px; FONT-WEIGHT: normal; FONT-SIZE: small; BACKGROUND: url(http://pic.wretch.cc/icon/blog/spagyric/blog02/datebg.gif) no-repeat; MARGIN-BOTTOM: 0px; MARGIN-LEFT: 20px; BORDER-TOP-STYLE: none; FONT-STYLE: italic; HEIGHT: 20px } .title { MARGIN-TOP: 0px; PADDING-LEFT: 71px; FONT-WEIGHT: normal; FONT-SIZE: x-large; BACKGROUND: url(http://pic.wretch.cc/icon/blog/spagyric/blog02/titlebg.gif) no-repeat 0% 100%; PADDING-BOTTOM: 0px; MARGIN-LEFT: 9px; COLOR: #b4b43c; PADDING-TOP: 5px; HEIGHT: 25px } .blogbody { BORDER-RIGHT: 0px solid; BORDER-TOP: 0px solid; MARGIN-TOP: 0px; BORDER-LEFT: 0px solid; PADDING-TOP: 0px; BORDER-BOTTOM: 0px solid } .blogbody2 { } .extended { PADDING-RIGHT: 20px; TEXT-ALIGN: right } .extended A { COLOR: #d07a2e } .innertext { PADDING-RIGHT: 20px; PADDING-LEFT: 20px } .innertext IMG { } .posted { PADDING-RIGHT: 10px; FONT-WEIGHT: normal; FONT-SIZE: x-small; BACKGROUND: url(http://pic.wretch.cc/icon/blog/spagyric/blog02/postedbg.gif) no-repeat -3px bottom; COLOR: #5a4f20; PADDING-TOP: 0px; HEIGHT: 77px; TEXT-ALIGN: right } .posted A { COLOR: #d07a2e } #links { BACKGROUND: none transparent scroll repeat 0% 0%; MARGIN: 0px 0px 0px 17px; WIDTH: 200px } #links2 { MARGIN-TOP: 20px } .side A { COLOR: #604030 } .calendar { PADDING-LEFT: 20px; MARGIN-BOTTOM: 20px; POSITION: absolute; TOP: 215px; HEIGHT: 160px } .calendar .calendar { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: none transparent scroll repeat 0% 0%; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; POSITION: relative; TOP: 0px } #boxProfile { } .boxProfile0 { BACKGROUND: url(http://pic.wretch.cc/icon/blog/spagyric/blog02/tprofile.gif) no-repeat; HEIGHT: 40px } .boxProfile0 .sidetitle { DISPLAY: none } .boxProfile1 { BACKGROUND: url(http://pic.wretch.cc/icon/blog/spagyric/blog02/tm.gif) right 50% } .boxProfile1 .side { BACKGROUND: url(http://pic.wretch.cc/icon/blog/spagyric/blog02/tprofileend.gif) no-repeat right bottom; PADDING-BOTTOM: 45px } .boxProfileImg { PADDING-LEFT: 20px; BACKGROUND: url(http://pic.wretch.cc/icon/blog/spagyric/blog02/profilelinkimgbg.gif) no-repeat; WIDTH: 150px; PADDING-TOP: 14px; HEIGHT: 106px } .boxProfileLink { DISPLAY: block; PADDING-LEFT: 30px; BACKGROUND: url(http://pic.wretch.cc/icon/blog/spagyric/blog02/profilelinkbg.gif) no-repeat center bottom; MARGIN: 0px; WIDTH: 150px; COLOR: #604030; PADDING-TOP: 3px; HEIGHT: 27px } .boxProfile1 SELECT { DISPLAY: none } .boxProfile1 .side BR { DISPLAY: none } #boxSlideShow { BACKGROUND: url(http://pic.wretch.cc/icon/blog/spagyric/blog02/tm.gif); HEIGHT: 200px } #boxSlideShow INPUT { BORDER-RIGHT: #604030 0px solid; BORDER-TOP: #604030 0px solid; BACKGROUND: none transparent scroll repeat 0% 0%; BORDER-LEFT: #604030 0px solid; COLOR: #96836e; BORDER-BOTTOM: #604030 0px solid } #boxSlideShow TEXTAREA { WIDTH: 50px; COLOR: #96836e; FONT-FAMILY: Arial } .boxSlideShow0 { BACKGROUND: url(http://pic.wretch.cc/icon/blog/spagyric/blog02/tslideshow.gif) no-repeat right top } .boxSlideShow0 .sidetitle { PADDING-RIGHT: 20px; COLOR: #96836e; PADDING-TOP: 40px; TEXT-ALIGN: right } .boxSlideShow1 { BACKGROUND: url(http://pic.wretch.cc/icon/blog/spagyric/blog02/tsearchend.gif) no-repeat right bottom; HEIGHT: 100% } #boxNewArticle { MARGIN-TOP: 0px } .boxNewArticle0 { BACKGROUND: url(http://pic.wretch.cc/icon/blog/spagyric/blog02/tnewarticle.gif) no-repeat right top; HEIGHT: 40px } .boxNewArticle0 .sidetitle { DISPLAY: none } .boxNewArticle1 { BACKGROUND: url(http://pic.wretch.cc/icon/blog/spagyric/blog02/tm.gif) repeat-y right 50% } .boxNewArticle1 .side { PADDING-RIGHT: 15px; PADDING-LEFT: 30px; BACKGROUND: url(http://pic.wretch.cc/icon/blog/spagyric/blog02/tnewarticleend.gif) no-repeat right bottom; PADDING-BOTTOM: 50px } .boxNewArticle1 .side A { } #boxCategory { MARGIN-TOP: 0px } .boxCategory0 { BACKGROUND: url(http://pic.wretch.cc/icon/blog/spagyric/blog02/tcategory.gif) no-repeat right top; HEIGHT: 40px } .boxCategory0 .sidetitle { DISPLAY: none } .boxCategory1 { BACKGROUND: url(http://pic.wretch.cc/icon/blog/spagyric/blog02/tm.gif) repeat-y right 50% } .boxCategory1 .side { PADDING-RIGHT: 10px; PADDING-LEFT: 40px; BACKGROUND: url(http://pic.wretch.cc/icon/blog/spagyric/blog02/tcategoryend.gif) no-repeat right bottom; PADDING-BOTTOM: 50px; HEIGHT: 100% } #boxDate { BACKGROUND: url(http://pic.wretch.cc/icon/blog/spagyric/blog02/tm.gif) } .boxDate0 { BACKGROUND: url(http://pic.wretch.cc/icon/blog/spagyric/blog02/tdate.gif); HEIGHT: 40px } .boxDate0 .sidetitle { DISPLAY: none } .boxDate1 .side { PADDING-RIGHT: 20px; PADDING-LEFT: 20px } #boxDate SELECT { BACKGROUND: #130000; COLOR: #604030 } #boxSearch { BACKGROUND: url(http://pic.wretch.cc/icon/blog/spagyric/blog02/tm.gif) } .boxSearch0 { BACKGROUND: url(http://pic.wretch.cc/icon/blog/spagyric/blog02/tsearch.gif); HEIGHT: 40px } .boxSearch0 .sidetitle { DISPLAY: none } .boxSearch1 .side { PADDING-RIGHT: 10px; PADDING-LEFT: 0px; BACKGROUND: url(http://pic.wretch.cc/icon/blog/spagyric/blog02/tsearchend.gif) no-repeat right bottom; PADDING-BOTTOM: 20px; HEIGHT: 100% } #boxSearch INPUT { BORDER-RIGHT: #604030 1px solid; BORDER-TOP: #604030 1px solid; BACKGROUND: none transparent scroll repeat 0% 0%; BORDER-LEFT: #604030 1px solid; COLOR: #907648; BORDER-BOTTOM: #604030 1px solid } #boxNewComment { BACKGROUND: url(http://pic.wretch.cc/icon/blog/spagyric/blog02/tm.gif) right 50% } .boxNewComment0 { BACKGROUND: url(http://pic.wretch.cc/icon/blog/spagyric/blog02/tcomments.gif) no-repeat; HEIGHT: 45px } .boxNewComment0 .sidetitle { DISPLAY: none } .boxNewComment1 { PADDING-LEFT: 15px; BACKGROUND: url(http://pic.wretch.cc/icon/blog/spagyric/blog02/tcommentsend.gif) no-repeat right bottom; PADDING-BOTTOM: 40px } .boxNewComment1 .side { SCROLLBAR-FACE-COLOR: #120000; SCROLLBAR-HIGHLIGHT-COLOR: #440000; OVERFLOW: auto; WIDTH: 170px; SCROLLBAR-SHADOW-COLOR: #440000; SCROLLBAR-3DLIGHT-COLOR: #120000; SCROLLBAR-ARROW-COLOR: #999; SCROLLBAR-TRACK-COLOR: #120000; SCROLLBAR-DARKSHADOW-COLOR: #120000; HEIGHT: 250px; TEXT-ALIGN: right } .boxNewComment1 .side A { BORDER-TOP: #440000 1px dotted; MARGIN-TOP: 3px; DISPLAY: block; TEXT-ALIGN: left } #boxNewComment BR { DISPLAY: none } #boxFolder { } #boxFolder BR { DISPLAY: none } #boxFolder .side BR { DISPLAY: inline } .boxFolder0 { BACKGROUND: url(http://pic.wretch.cc/icon/blog/spagyric/blog02/tfolder.gif) no-repeat right 50%; HEIGHT: 40px } .boxFolder0 .sidetitle { PADDING-LEFT: 40px; COLOR: #96836e; PADDING-TOP: 20px } .boxFolder1 { BACKGROUND: url(http://pic.wretch.cc/icon/blog/spagyric/blog02/tm.gif) } .boxFolder1 .side { PADDING-LEFT: 20px; BACKGROUND: url(http://pic.wretch.cc/icon/blog/spagyric/blog02/tcommentsend.gif) no-repeat right bottom; PADDING-BOTTOM: 40px; PADDING-TOP: 10px } #boxCounter { } .boxCounter0 { BACKGROUND: url(http://pic.wretch.cc/icon/blog/spagyric/blog02/tfolder.gif) no-repeat right 50%; HEIGHT: 40px } .boxCounter0 .sidetitle { PADDING-LEFT: 40px; COLOR: #96836e; PADDING-TOP: 20px } .boxCounter1 { BACKGROUND: url(http://pic.wretch.cc/icon/blog/spagyric/blog02/tm.gif) right 50% } .boxCounter1 .side { PADDING-LEFT: 40px; PADDING-BOTTOM: 15px; PADDING-TOP: 10px } .syndicate { PADDING-LEFT: 20px; BACKGROUND: url(http://pic.wretch.cc/icon/blog/spagyric/blog02/tprofileend.gif) no-repeat right bottom; HEIGHT: 42px } .powered { MARGIN-TOP: 20px; MARGIN-LEFT: 10px; COLOR: #440000 } .powered IMG { DISPLAY: none } .powered A { DISPLAY: block; BACKGROUND: url(http://pic.wretch.cc/icon/blog/spagyric/blog02/logoimg.gif) no-repeat; WIDTH: 180px; HEIGHT: 78px } .powered FORM { COLOR: #907648 } .powered FORM A { DISPLAY: inline; BACKGROUND: none transparent scroll repeat 0% 0% } .powered FORM INPUT { BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BACKGROUND: url(http://pic.wretch.cc/icon/blog/spagyric/blog02/inputbg.gif) no-repeat 50% bottom; BORDER-BOTTOM-WIDTH: 0px; COLOR: #887a3d; FONT-FAMILY: Arial; BORDER-RIGHT-WIDTH: 0px } .powered .powerin { DISPLAY: inline; BACKGROUND: none transparent scroll repeat 0% 0% } .powered .powerout { DISPLAY: inline; BACKGROUND: none transparent scroll repeat 0% 0% } .powered .powerjoin { DISPLAY: inline; BACKGROUND: none transparent scroll repeat 0% 0% } .powered .powerforgot { DISPLAY: inline; BACKGROUND: none transparent scroll repeat 0% 0% } .powered .powerid { FONT-SIZE: 0px; BACKGROUND: url(http://pic.wretch.cc/icon/blog/spagyric/blog02/ipuew.gif) no-repeat 7px 50%; WIDTH: 50px } .powered .powerpassword { FONT-SIZE: 0px; BACKGROUND: url(http://pic.wretch.cc/icon/blog/spagyric/blog02/ipuew.gif) no-repeat -50px 50% } .total-comments-div { MARGIN-LEFT: 5px; MARGIN-RIGHT: 5px } .trackbacks-head .comments-head { MARGIN-LEFT: 10px; TEXT-ALIGN: left } .trackbacks-head .comments-head .trackback_a { DISPLAY: block; FONT-SIZE: 0px; BACKGROUND: url(http://pic.wretch.cc/icon/blog/spagyric/blog02/excerpt.gif) no-repeat; WIDTH: 300px; COLOR: #440000; PADDING-TOP: 20px; HEIGHT: 30px; TEXT-ALIGN: right } .trackbacks-head .comments-head .trackback_a IMG { DISPLAY: none } .trackbacks-head .comments-head { BACKGROUND: none transparent scroll repeat 0% 0% } .comments-body { MARGIN-LEFT: 50px; WIDTH: 410px } .comments-body P { PADDING-LEFT: 21px; BACKGROUND: url(http://pic.wretch.cc/icon/blog/spagyric/blog02/commentsbodyp.gif) no-repeat 0% 20px; PADDING-TOP: 20px } .comments-body FORM { BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px } .comments-head { FONT-SIZE: 0px; BACKGROUND: url(http://pic.wretch.cc/icon/blog/spagyric/blog02/commentandreply.gif) no-repeat 5px 0%; MARGIN-BOTTOM: 30px; COLOR: #440000; HEIGHT: 30px; TEXT-ALIGN: right } .comments-post { BACKGROUND: url(http://pic.wretch.cc/icon/blog/spagyric/blog02/inputbg.gif) no-repeat right bottom; PADDING-BOTTOM: 4px; COLOR: #5a4f20; TEXT-ALIGN: right } .comments-post IMG { DISPLAY: none } .comments-post .postuser { } .comments-post .postemail { DISPLAY: inline-block; BACKGROUND: url(http://pic.wretch.cc/icon/blog/spagyric/blog02/ipuew.gif) no-repeat -180px -10px; MARGIN-LEFT: 5px; WIDTH: 50px; HEIGHT: 13px } .comments-post .postweb { DISPLAY: inline-block; BACKGROUND: url(http://pic.wretch.cc/icon/blog/spagyric/blog02/ipuew.gif) no-repeat -245px -10px; WIDTH: 40px; HEIGHT: 13px } .comments-bottom .comments-head { MARGIN-TOP: 20px; BACKGROUND: url(http://pic.wretch.cc/icon/blog/spagyric/blog02/leaveamessage.gif) no-repeat 5px 0%; COLOR: #440000; HEIGHT: 30px; TEXT-ALIGN: right } .comments-body INPUT { BORDER-RIGHT: #5a4f20 0px solid; BORDER-TOP: #5a4f20 0px solid; BACKGROUND: url(http://pic.wretch.cc/icon/blog/spagyric/blog02/inputbg.gif) no-repeat 50% bottom; BORDER-LEFT: #5a4f20 0px solid; COLOR: #887a3d; BORDER-BOTTOM: #5a4f20 0px solid; FONT-FAMILY: Arial } #url { WIDTH: 300px } #email { WIDTH: 300px } #text { BORDER-RIGHT: #5a4f20 0px solid; BORDER-TOP: #5a4f20 0px solid; SCROLLBAR-FACE-COLOR: #440000; BACKGROUND: url(http://pic.wretch.cc/icon/blog/spagyric/blog02/textbg.gif) left 2px; SCROLLBAR-HIGHLIGHT-COLOR: #5a4f20; BORDER-LEFT: #5a4f20 0px solid; WIDTH: 370px; SCROLLBAR-SHADOW-COLOR: #5a4f20; COLOR: #887a3d; SCROLLBAR-3DLIGHT-COLOR: #440000; SCROLLBAR-ARROW-COLOR: #5a4f20; SCROLLBAR-TRACK-COLOR: #440000; BORDER-BOTTOM: #5a4f20 0px solid; FONT-FAMILY: Arial; SCROLLBAR-DARKSHADOW-COLOR: #440000 } #footer { BACKGROUND: url(http://pic.wretch.cc/icon/blog/spagyric/blog02/footer.gif) no-repeat right bottom; MARGIN-LEFT: 230px; WIDTH: 490px; HEIGHT: 30px } #banner A { FONT-SIZE: xx-large; COLOR: #996666 } #banner A:link { FONT-SIZE: xx-large; COLOR: #996666 } #banner A:visited { FONT-SIZE: xx-large; COLOR: #996666 } #banner A:active { FONT-SIZE: xx-large; COLOR: #996666 } #banner A:hover { FONT-SIZE: xx-large; COLOR: #999966 } .description { FONT-WEIGHT: bold; FONT-SIZE: x-large; COLOR: #9999cc; BACKGROUND-COLOR: transparent } A:link { COLOR: #cccc99 } A:visited { COLOR: #cccc99 } A:active { COLOR: #cccc99 } --



※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 61.230.69.70







like.gif 您可能會有興趣的文章
icon.png[問題/行為] 貓晚上進房間會不會有憋尿問題
icon.pngRe: [閒聊] 選了錯誤的女孩成為魔法少女 XDDDDDDDDDD
icon.png[正妹] 瑞典 一張
icon.png[心得] EMS高領長版毛衣.墨小樓MC1002
icon.png[分享] 丹龍隔熱紙GE55+33+22
icon.png[問題] 清洗洗衣機
icon.png[尋物] 窗台下的空間
icon.png[閒聊] 双極の女神1 木魔爵
icon.png[售車] 新竹 1997 march 1297cc 白色 四門
icon.png[討論] 能從照片感受到攝影者心情嗎
icon.png[狂賀] 賀賀賀賀 賀!島村卯月!總選舉NO.1
icon.png[難過] 羨慕白皮膚的女生
icon.png閱讀文章
icon.png[黑特]
icon.png[問題] SBK S1安裝於安全帽位置
icon.png[分享] 舊woo100絕版開箱!!
icon.pngRe: [無言] 關於小包衛生紙
icon.png[開箱] E5-2683V3 RX480Strix 快睿C1 簡單測試
icon.png[心得] 蒼の海賊龍 地獄 執行者16PT
icon.png[售車] 1999年Virage iO 1.8EXi
icon.png[心得] 挑戰33 LV10 獅子座pt solo
icon.png[閒聊] 手把手教你不被桶之新手主購教學
icon.png[分享] Civic Type R 量產版官方照無預警流出
icon.png[售車] Golf 4 2.0 銀色 自排
icon.png[出售] Graco提籃汽座(有底座)2000元誠可議
icon.png[問題] 請問補牙材質掉了還能再補嗎?(台中半年內
icon.png[問題] 44th 單曲 生寫竟然都給重複的啊啊!
icon.png[心得] 華南紅卡/icash 核卡
icon.png[問題] 拔牙矯正這樣正常嗎
icon.png[贈送] 老莫高業 初業 102年版
icon.png[情報] 三大行動支付 本季掀戰火
icon.png[寶寶] 博客來Amos水蠟筆5/1特價五折
icon.pngRe: [心得] 新鮮人一些面試分享
icon.png[心得] 蒼の海賊龍 地獄 麒麟25PT
icon.pngRe: [閒聊] (君の名は。雷慎入) 君名二創漫畫翻譯
icon.pngRe: [閒聊] OGN中場影片:失蹤人口局 (英文字幕)
icon.png[問題] 台灣大哥大4G訊號差
icon.png[出售] [全國]全新千尋侘草LED燈, 水草

請輸入看板名稱,例如:Boy-Girl站內搜尋

TOP