[教材]leadbbs风格自适应各种分辨率终结修改法
leadbbs风格自适应各种分辨率终结修改法:leadbbs对做风格的朋友比较郁闷,一般对800x600的分辨率做风格可以说是手到擒来,而本修改法也照样象制作800x600的风格一样,让风格不再受制于不同分辨率。不管图片有多大,多宽,它总是随不同的分辨率变化而完整变化,省却了图片分割适应不同分辨率的麻烦,让新手也会做出pl的风格。---ant
建议图片大小:1024x****
一:css新增代码:
1:在body中增加如下属性:
body {text-align: center;margin: 0;padding: 0;}
表示图片居中表格,距顶为0相索
2:新增:
#leadbbs{margin:0 auto;width:100%;padding:0;border:0px solid #333;}
#leadbbs img{max-width:100%;width:expression(document.body.clientwidth>document.getelementbyid("leadbbs").scrollwidth*8/10? "98%": "auto" );border:0px dashed #000;}
其中的百分比可任意调整,#leadbbs img中的98%为图片显示所占表格的比例。
如果要自定义宽,可修改以上的百分比为具体数字,例如:760px,并将document.getelementbyid("leadbbs").scrollwidth*8/10?修改为760?即可。
二:首部,尾部,表格头部,表格尾部,代码。
<div id="leadbbs">
<img src="/bbs/skin/0/*.gif" alt="说明语言">
</div>
简单风格只到此就可以了。复杂点的可看下面的自行修改。
三:区版表格背景,友情链接背景,论坛会员信息背景等,请参考原“完美法”和本方法。修改相关文件。
相关文件:[boards.asp] [board/board.asp] [manage/sitemanage/sitelink.asp] [模版] [其他] 发官方不知道发哪,发这里图个清净。当自娱自乐好了。其实官方的版本完全可以把这个整合的。嘿嘿。。。。 谢谢,谢谢![EM02][EM22] [EM03] [quote][b]下面引用由[u]shillan[/u]发表的内容:[/b]
谢谢,谢谢![/quote]
表情不是很友好。。。[EM05] [quote][b]下面引用由[u]让故事继续[/u]发表的内容:[/b]
表情不是很友好。。。[/quote]
以前版本的表情和现在的对不起来,原来的应该都是高兴。
页:
[1]