逐梦论坛's Archiver

蚂蚁 发表于 2006-7-7 10:41

[教材]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] [模版] [其他]

蚂蚁 发表于 2006-7-7 10:42

发官方不知道发哪,发这里图个清净。当自娱自乐好了。其实官方的版本完全可以把这个整合的。嘿嘿。。。。

shillan 发表于 2006-7-7 16:53

谢谢,谢谢![EM02][EM22]

jackhmeng 发表于 2007-1-10 10:15

[EM03]

让故事继续 发表于 2008-4-2 02:13

[quote][b]下面引用由[u]shillan[/u]发表的内容:[/b]

谢谢,谢谢![/quote]
表情不是很友好。。。[EM05]

shillan 发表于 2008-4-3 21:19

[quote][b]下面引用由[u]让故事继续[/u]发表的内容:[/b]

  
表情不是很友好。。。[/quote]
以前版本的表情和现在的对不起来,原来的应该都是高兴。

页: [1]

Powered by Discuz! Archiver 7.2  © 2001-2009 Comsenz Inc.