[7.0+首页四栏]添加最新图片，最新主题等内容

楼主 spiderman 于 2013-06-19 19:41:29
[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>
'----- 表示显示版面ＩＤ号为1的版面的最新20条主题，主题字数超过12个字节的以12字节显示(一个汉字为两个字节)
'----- 参数：BoardID 版面ＩＤ号，如果不指定，则表示调用论坛最新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]
回复
1楼 spiderman 于 2013-06-19 19:42:18
[P]@牙膏[/P]
回复
2楼 spiderman 于 2013-06-19 19:44:29
[P]注意此代码仅适用于 官方的默认的JQuery(7.0)风格[/P][P]如果你的论坛宽度不同，请将数字 209和201替换为合适的数字．（25%宽度)[/P]
回复
3楼 lsfq 于 2013-06-19 19:45:22
收藏了
回复
4楼 牙膏 于 2013-06-19 19:53:02
3Q[P]老大威武[/P]
回复
5楼 spiderman 于 2013-06-19 19:54:25
[P]另外，对ie6.0/7.0的表现不友好．暂时不作解决了．[/P][P]也就是至少要ie8.0或其它任何标准浏览器[/P]
回复
123 　

电脑版 Page created in 0.0469 seconds with 4 queries.