Discuz!官方免费开源建站系统

 找回密码
 立即注册

QQ登录

只需一步,快速开始

搜索

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

  [复制链接]
有模板 发表于 2010-6-9 01:14:07 | 显示全部楼层 |阅读模式
本帖最后由 有模板 于 2010-6-9 01:17 编辑

很多使用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.         <div id="feature-slide-list" class="feature-slide-list">
  12.             <a href="#" id="feature-slide-list-previous" class="feature-slide-list-previous"></a>
  13.             <div id="feature-slide-list-items" class="feature-slide-list-items">
  14.             </div>
  15.             <a href="#" id="feature-slide-list-next" class="feature-slide-list-next"></a>
  16.         </div>
  17.     </div>
  18.     <script type="text/javascript">
  19.         initFeatureSlide();
  20.     </script>
  21. </div>
复制代码
二.打开所在模板文件目录common下的header.htm(默认为template\default\common)

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

在下面加上以下代码:

  1. <link type="text/css" rel="stylesheet" href="/css/youmoban.css" />
  2. <script type="text/javascript" src="/js/youmoban.js"></script>
复制代码
三.把压缩包里的文件解压出来,放到discuzX系统根目录
回复查看有模板官方下载地址【无需注册】
游客,如果您要查看本帖隐藏内容请回复


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

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

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

不懂CSS的可跟贴提出,我会以点评的方式解答,谢绝加QQ聊!
 楼主| 有模板 发表于 2010-6-9 01:14:35 | 显示全部楼层
点位编辑!

评分

1

查看全部评分

回复

使用道具 举报

myron0101 发表于 2010-6-9 01:17:26 | 显示全部楼层
试试先
回复

使用道具 举报

liang108 发表于 2010-6-9 01:18:09 | 显示全部楼层
看看先
回复

使用道具 举报

夏日微風 发表于 2010-6-9 01:23:57 | 显示全部楼层
非常感謝有模版的分享~

回复

使用道具 举报

V弟来了 发表于 2010-6-9 01:25:56 | 显示全部楼层
wo xiahuan
回复

使用道具 举报

joy1009 发表于 2010-6-9 02:20:38 | 显示全部楼层
0000000000000000000000000
回复

使用道具 举报

ust8732216 发表于 2010-6-9 02:27:07 | 显示全部楼层
试试看
回复

使用道具 举报

wd8183669 发表于 2010-6-9 02:37:27 | 显示全部楼层
看看怎么样!
回复

使用道具 举报

wss7758 发表于 2010-6-9 03:48:33 | 显示全部楼层
本帖最后由 wss7758 于 2010-6-9 03:50 编辑

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

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

手机版|小黑屋|Discuz! 官方站 ( 皖ICP备16010102号 )star

GMT+8, 2024-12-24 01:31 , Processed in 0.026385 second(s), 3 queries , Gzip On, Redis On.

Powered by Discuz! X3.4

Copyright © 2001-2023, Tencent Cloud.

快速回复 返回顶部 返回列表