【有模板】DX精美眩目的幻灯片效果-支持DIY功能-震撼发布！

很多使用discuzX1.0系统的用户，都反应discuzX系统自身的幻灯片效果不怎么好看，不美观！

现在大家不用为这个发愁了，有模板为大家设计一了款精美的幻灯片效果，支持DIY功能！


演示网站：http://168.youmoban.com/


演示图片：



具体方法如下：


一.登录discuzX系统 进入后台-门户-模块样式

添加-选择模块分类：文章类
样式名称：【有模板】幻灯
代码：

1. <div id="index-splash-block" class="index-splash-block">
   
2.     <div id="feature-slide-block" class="feature-slide-block">
   
3. [loop]
   
4. <div class="feature-slide-preview" style="display: none; ">
   
5.             <h3><a href="{url}">{title}</a></h3>
   
6.             <p>{summary}</p>
   
7.             <a href="{url}" class="screenshot"><img src="{pic}" width="{picwidth}" height="{picheight}" /></a>
   
8.         </div>
   
9. [/loop]
   
10.       
    
11. 
    
12.         <div id="feature-slide-list" class="feature-slide-list">
    
13.             <a href="#" id="feature-slide-list-previous" class="feature-slide-list-previous"></a>
    
14.             <div id="feature-slide-list-items" class="feature-slide-list-items">
    
15.             </div>
    
16.             <a href="#" id="feature-slide-list-next" class="feature-slide-list-next"></a>
    
17.         </div>
    
18.     </div>
    
19.     <script type="text/javascript">
    
20.         initFeatureSlide();
    
21.     </script>
    
22. </div>

复制代码

二.打开所在模板文件目录common下的header.htm(默认为template\default\common）

找到此语句：<meta http-equiv="MSThemeCompatible" content="Yes" />

在下面加上以下代码：

1. 
   
2. <link type="text/css" rel="stylesheet" href="/css/youmoban.css" />
   
3. <script type="text/javascript" src="/js/youmoban.js"></script>

复制代码

三.把压缩包里的文件解压出来，放到discuzX系统根目录
回复查看有模板官方下载地址【无需注册】

游客，如果您要查看本帖隐藏内容请回复

四.要调用幻灯片的时候，点首页DIY-模块-文章类-拖入到相应的框架中在”显示样式“中选择“【有模板】幻灯”即可完成幻灯片的调用！

幻灯片可直持最多12篇文章的调用，支持DIY功能！

关于幻灯片的大小调整请打开css文件夹下的youmoban.css进行调整！这需要一定的CSS基础！不懂的站长请勿乱改！

不懂CSS的可跟贴提出，我会以点评的方式解答，谢绝加QQ聊！

点位编辑！

试试先

看看先

非常感謝有模版的分享~

wo xiahuan

0000000000000000000000000

试试看

看看怎么样！

一定要看，最有效的减肥药 http://www.168ld.com 淘宝购物