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灯, 水草

请输入看板名称,例如:BuyTogether站内搜寻

TOP