在线情况
楼主
  • 头像
  • 级别
  • 徽章
  • 职务总版主
  • 声望+46
  • 积分17172
  • 经验1525983
  • 文章25461
  • 注册2003-01-20
[7.0+首页四栏]添加最新图片,最新主题等内容
[P]效果如下:[/P][P][upload=14766,0]QQ截图20130619193742.jpg[/upload][/P][P] [/P][P][b]步骤:[/b][/P][P]1.后台更新05补丁20130518005,此补丁主要更新允许调用最新图片(原来的已失效)[/P][P] [/P][P]2.管理员登录至后台 >> 广告 >> 侧栏广告 >> 首页顶部[/P][P] [/P][P][B][COLOR=#0000cc]勾选异步加载[/COLOR][/B],并且框中填写以下内容([b][COLOR=rgb(204, 0, 0)]注意必须点复制代码,不要直接复制[/COLOR][/b])[/P][P] [/P][P][CODE]<style>
.topic_temp_1{background: url(images/others/list.gif) no-repeat 0px 22px;float:left;width:25%;*width:24%;}
.topic_temp_1 ul{padding-left:0px !important; margin:0px;list-style:none ;text-align:left;
float:left;
}
.topic_temp_1 .title{display:block;height:22px;font-size:9pt;font-weight:bold;text-align:left;}
.topic_temp_1 ul.topic li{padding-left:18px !important; text-align:left;
word-wrap:normal;text-decoration:none;float:left;
cursor:pointer;white-space:nowrap;width:209px;overflow:hidden;line-height:1.6em;font-size:12px;
text-overflow: ellipsis;-moz-binding: url('../../images/pub/ellipsis.xml#ellipsis');
border-bottom:1px #ccc dashed;
}
.topic_temp_1 .playimages{border-radius: 6px;
border:0px #f4f2c9 solid;background-color:#f4f2c9;padding:0px; margin:0px;list-style:none ;
}
.topic_temp_1 .playimages{margin-left:0px;}
.topic_temp_1 .playimages {position:relative; width:209px; height:201px; border:0px solid #d3e6d4; overflow:hidden;}
.topic_temp_1 .playimages .playimages_bg {position:absolute; bottom:0;background-color:#000;height:18px;filter: Alpha(Opacity=30);opacity:0.3;z-index:1000;cursor:pointer; width:209px; }
.topic_temp_1 .playimages ul {position:absolute;top:6px;list-style-type:none;filter: Alpha(Opacity=80);opacity:0.8; border:1px solid #fff;z-index:1002;
   margin:0; padding:0; right:6px;
border-radius: 0px;
   }
.topic_temp_1 .playimages_list a{position:absolute;width:209px;height:201px;background:#f4f2c9;display:block;}
.topic_temp_1 .playimages ul li {float:left;}
</style>
<div class="topic_temp_1"><span class="title">最新图片</span><ul class="pic"><script language="javascript" src="other/Article/Topic.asp?info=pic&num=5&w=209&h=201"></script></ul></div>
<div class="topic_temp_1"><span class="title">最新主题</span><ul class="topic"><script language="javascript" src="other/Article/topic.asp?Number=10&StrLen=255&NewWindow=yes"></script></ul></div>
<div class="topic_temp_1"><span class="title">论坛精华</span><ul class="topic"><script language="javascript" src="other/Article/topic.asp?PithFlag=1&Number=10&StrLen=255&NewWindow=yes"></script></ul></div>
<div class="topic_temp_1"><span class="title">推荐主题</span><ul class="topic"><script language="javascript" src="other/Article/topic.asp?goodassort=54&Number=10&StrLen=255&NewWindow=yes"></script></ul></div>
<div class="clear"></div>[/CODE][/P][P] [/P][P][b]说明:[/b][/P][P] [/P][P]注意此代码仅适用于 官方的默认的JQuery(7.0)风格[/P][P]如果你的论坛宽度不同,请将数字 209和201替换为合适的数字.(25%宽度)[/P][P]其中的goodassort=54表示调用专编号为54的专题区,注意修改为您自己的调用方式[/P][P]topic调用参数:[/P][P]'----- LeadBBS主题帖子调用(2003-7-2)
'----- 调用举例: <script language=javascript src=http://安装目录/other/Article/topic.asp?B=1&Number=20&StrLen=12&NewWindow=yes></script>
'----- 表示显示版面ID号为1的版面的最新20条主题,主题字数超过12个字节的以12字节显示(一个汉字为两个字节)
'----- 参数:BoardID 版面ID号,如果不指定,则表示调用论坛最新10条主题
'----- Number:显示记录条数,最多允许调用100条,不指定默认调用10条主题
'----- StrLen:有的帖子主题可能太长,为了美化显示效果,限制显示主题的字节长度
'----- NewWindow:在新窗口中打开请设置为yes,其它表示否
'----- PithFlag:是否调用精华,1-表示仅调用精华帖(可以加上BoardID限制调用版面)
'----- newanc=1:是否只调用最新回复(使用此参数则其它参数全部失效)
'----------------------------------------------------------------------------------------
'----- 调用某专题区最新主题
'----- <script language=javascript src=http://安装目录/other/Article/topic.asp?GoodAssort=10&Number=20&StrLen=12&NewWindow=yes></script>
'----- 参数:GoodAssort,指专题区编号
'----------------------------------------------------------------------------------------[/P][P]'LeadBBS 最新图片调用
'使用范例: <script language=javascript src=http://安装目录/other/Article/Topic.asp?info=pic&num=5&w=209&h=201></script>
'参数num: 显示最新的图片数量,数量为1-50,默认为6[/P][P]'参数h: 缩略图片的高度[/P][P]'参数w: 缩略图片的宽度[/P][P]'参数item: 因调用启用了缓存,如果多处调用可能会引起冲突,则需要指定缩略图片的项目数,可以指定为0-20不重复即可[/P][P] [/P][P][b][SIZE=5]其它:[/SIZE][/b][/P][P][b][SIZE=5][/SIZE][/b] [/P][P]因调用采用了异步方式加载,导致页面加载完后再次变动,此问题可以通过更改相应风格的css来解决,例如默认的Jquery风格可以更改以下css[/P][P]#ad_hometop{position:relative;left:-3px;padding:24px 0px 0px 0px;display:none;
/*width:950px;height:90px;*/
}[/P][P]为[/P][P]#ad_hometop{position:relative;left:-3px;padding:24px 0px 0px 0px;display:block;
width:950px;height:230px;
}[/P][P]也就是固定显示宽度为950,高为230,其它位置广告代码的插入,导致页面浮动的情况,也可以用此办法解决.[/P][P] [/P][P][FACE=Arial Black][SIZE=5][b]如果我首页顶部广告位置已经有其它的代码,怎么保持?[/b][/FACE][/SIZE][/P][P] [/P][P]在原来的代码后面或前面插入此代码即可,但要注意css高度[/P]
[ 此贴最后由 spiderman 在2014-2-26 10:19:46编辑过 ]
asp技术学习感谢您的参与
在线情况
2
  • 头像
  • 级别
  • 徽章
  • 职务总版主
  • 声望+46
  • 积分17172
  • 经验1525983
  • 文章25461
  • 注册2003-01-20
[P]@牙膏[/P]
asp技术学习感谢您的参与
在线情况
3
  • 头像
  • 级别
  • 徽章
  • 职务总版主
  • 声望+46
  • 积分17172
  • 经验1525983
  • 文章25461
  • 注册2003-01-20
[P]注意此代码仅适用于 官方的默认的JQuery(7.0)风格[/P][P]如果你的论坛宽度不同,请将数字 209和201替换为合适的数字.(25%宽度)[/P]
asp技术学习感谢您的参与
在线情况
4
  • 头像
  • 级别
  • 徽章
  • 声望+3
  • 积分587
  • 经验125449
  • 文章739
  • 注册2006-05-09
收藏了
asp技术学习感谢您的参与
在线情况
5
  • 头像
  • 级别
  • 徽章
  • 声望+4
  • 积分1150
  • 经验36562
  • 文章1052
  • 注册2003-10-19
3Q[P]老大威武[/P]
asp技术学习感谢您的参与
在线情况
6
  • 头像
  • 级别
  • 徽章
  • 职务总版主
  • 声望+46
  • 积分17172
  • 经验1525983
  • 文章25461
  • 注册2003-01-20
[P]另外,对ie6.0/7.0的表现不友好.暂时不作解决了.[/P][P]也就是至少要ie8.0或其它任何标准浏览器[/P]
asp技术学习感谢您的参与
在线情况
7
  • 头像
  • 级别
  • 徽章
  • 声望+4
  • 积分1150
  • 经验36562
  • 文章1052
  • 注册2003-10-19
[P][URL=http://wap.nbbike.net/misc.php?mod=mobile]http://wap.nbbike.net/misc.php?mod=mobile[/URL][/P][P] [/P][P][IMG]http://wap.nbbike.net/source/plugin/mobile/template/image/title_intro.jpg[/IMG]随时随地,快速访问 只要手机在手,您都可以快速、方便地看贴发帖,与论坛好友收发短消息。 极致优化,畅快"悦"读 独有的论坛界面和触屏设计,手机论坛也变得赏心悦目,操作自如。 即拍即发,分享生活 不管是风景图画,还是新闻现场,拍照发帖一气呵成,让您在论坛出尽风头。 [/P]
asp技术学习感谢您的参与
在线情况
8
  • 头像
  • 级别
  • 徽章
  • 声望+4
  • 积分1150
  • 经验36562
  • 文章1052
  • 注册2003-10-19
[P]这个是LEADBBS未来的方向[/P][P]手机论坛[/P]
asp技术学习感谢您的参与
在线情况
9
  • 头像
  • 级别
  • 徽章
  • 声望+13
  • 积分574
  • 经验362646
  • 文章523
  • 注册2005-11-15
[P]有CMS,又有侧栏,再顶部调用就显得重复了。[/P][P]难道是为了手机浏览?[/P]
[ 此贴最后由51yd在2013-6-19 21:11:42编辑过 ]
asp技术学习感谢您的参与
在线情况
10
  • 头像
  • 级别
  • 徽章
  • 职务总版主
  • 声望+46
  • 积分17172
  • 经验1525983
  • 文章25461
  • 注册2003-01-20
[P][QUOTE][b]下面引用由[@51yd][URL=a.asp?b=200&id=2937167]发表的内容[/URL]:[/b] 有CMS,又有侧栏,再顶部调用就显得重复了。难道是为了手机浏览?[/QUOTE] 开了顶部,侧栏一般可以关闭了.当然也可以继续保持,放些其它的内容.[/P][P]侧栏定义比较自由.同样可以任意填写html[/P]
asp技术学习感谢您的参与
在线情况
11
  • 头像
  • 级别
    • 积分25
    • 经验11648
    • 文章23
    • 注册2014-03-28
    想问一下怎么调用最新回复??
    asp技术学习感谢您的参与
    在线情况
    12
    • 头像
    • 级别
    • 徽章
    • 声望+10
    • 积分1089
    • 经验67175
    • 文章1034
    • 注册2004-06-29
    [LINE-HEIGHT=28px][FACE=arial][COLOR=rgb(51, 51, 51)][BGCOLOR=rgb(255, 255, 255)][SIZE=14px]后台更新05补丁20130518005?没有更新啊[/SIZE][/BGCOLOR][/COLOR][/FACE][/LINE-HEIGHT]
    asp技术学习感谢您的参与
    Page created in 0.0156 seconds with 2 queries.