Board logo

标题: [LeadBBS相关] [教材]leadbbs风格自适应各种分辨率终结修改法 [打印本页]

作者: 蚂蚁    时间: 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

谢谢,谢谢!
作者: jackhmeng    时间: 2007-1-10 10:15


作者: 让故事继续    时间: 2008-4-2 02:13

下面引用由shillan发表的内容:

谢谢,谢谢!

表情不是很友好。。。
作者: shillan    时间: 2008-4-3 21:19

下面引用由让故事继续发表的内容:

  
表情不是很友好。。。

以前版本的表情和现在的对不起来,原来的应该都是高兴。




欢迎光临 逐梦论坛 (http://temp2023.zhumeng.org/) Powered by Discuz! 7.2