discuz论坛幻灯片页码在图片的后面了,我该怎么设置?

discuz论坛幻灯片页码在图片的后面了,我该怎么设置?,第1张

这个相对比较简单,只要你懂DIY那应该就没有问题,而我们最终的结果则如图中所示:

2

想要直观的看到效果最好在后台添加两条以上信息,这样方便前台调用的时候能看到效果,当然调用的只是比较热点的信息的,那后台添加的信息还要置顶和加精华(首先声明幻灯调用的是论坛新闻)

3

首先是在网站首页点击右上角DIY-----选择高级,然后进入以后首先就是在想要加幻灯的位置加一个框(期初要做好模块的规划):点击左上角框架选择一个想要的样式直接鼠标点击,不要放开拖到下方想要放的位置(记得把加的框架标题删掉:幻灯不需要标题)

4

添加完框架以后就是添加模块了,点击左上角框架后的模块:模块----论坛类---帖子模块,直接点击不要放开拖拽到想要的位置框架里,后面再弹出的窗口里添加信息这些截图里都有,并且图标指示的都是必须要填写的,这样才能更好的显示,而具体信息还是根据你自己的来填写(最后弹出的框什么都不要填)

5

当第四步做完以后就完成了,而想要的效果也就显示出来了,虽然是系统默认带的,但是本人感觉还可以。如果你要是不满意,那就继续跟着往下看吧!

END

自定义Discuz首页幻灯

这个相对来说比第一种麻烦了点,但是相对的效果则可以自己控制。而其中的原理就是自己定义要显示的样式(也就是上方第四步里的第三张图那个显示样式)而这个需要在后台里添加:

记得期初建立的就是门户网站,所以需要加幻灯。首先打开后台点击登录,选择门户-----模块模板---添加(当然你也可以编辑系统自带的),下一步就是选择,这个没有什么具体要求,可以选择一个提交就行了

这一步就开始更改源码了,这个就需要懂得源码,不然你只能复制粘贴别人写好的:

<div class="bignews slidebox " > <!--幻灯片开始-->

<div class="slideshow">[loop]<a href="{url}"{target}><img src="{pic}" width="{picwidth}" height="{picheight}"/></a>[/loop]</div><!--展示--> 

<div class="btns slidebar"> 

[loop1] 

<em>{currentorder}</em> 

[/loop1] 

</div> <!--幻灯片控制展示-->

</div> <!--幻灯片结束-->

<script type="text/javascript">

runslideshow(); 

</script>

最后就是保存一下就完成了。

上面完成后就可以添加了,而步骤跟第一种一样就是在选择显示样式的时候选择自己做的那个就Ok了!(这里提一点,后台添加的时候一定要记住添加到那个模块分类里面了,然后再前台选择模块分类的时候才能找到)

下面给你个范例,LZ是打算写插件的吧?只给你关键代码,其余的自己补充

假设在ahtm

<a href="XXX" onclick="showWindow('buy', thishref, 'get', 0);" class="xi2">链接</a>

<!--{subtemplate b}-->

现在我在bhtm写窗口的html代码

窗口的DIV属性这样写

<div class="floatwin" id="floatwin_buy">

注意buy和ahtm里面的buy要一致,标示可以自己定

template\default\forum目录下,打开discuzhtm文件(用记事本打开)。

找到如下代码:

<div id="category_$cat[fid]" class="bm_c" style="{$collapse['category_'$cat[fid]]}">

然后补充为如下方式:

<!--{if $cat['fid'] == 1}-->

<div id="category_$cat[fid]" class="bm_c" style="{$collapse['category_'$cat[fid]]}">

<!--{else}-->

<div id="category_$cat[fid]" class="bm_c" style="display:none;{$collapse['category_'$cat[fid]]}">

<!--{/if}-->

如图:

上图为修改前

上图为修改后

论坛首页版块默认显示效果,如下图所示:

DABAN RP主题是一个优秀的主题,极致后台体验,无插件,集成会员系统
网站模板库 » discuz论坛幻灯片页码在图片的后面了,我该怎么设置?

0条评论

发表评论

提供最优质的资源集合

立即查看 了解详情