详解DX1.5 DIY出来的幻灯各项css属性 by:cr180

原来不知道 · 发表于 2012-4-7 19:35:59

详细解释DX1.5 DIY出来的幻灯css属性，针对每个地方进行详细介绍（标题、幻灯序号等）；以方便各位童鞋进行重新定义；更好的控制幻灯

文件：template/default/common/common.css

以下代码就是控制全局幻灯的，下面进行介绍

/* 幻灯片 */
.slideshow {
clear: both; }
   .slideshow li { position: relative; overflow: hidden; }

.slideshow span.title { position: absolute; bottom: 0; left: 0; margin-bottom:
0; width: 100%; height: 32px; background: {FLOATMASKBGCOLOR}; color: {LIGHTLINK}
!important; line-height: 32px; font-size: 14px; text-indent: 10px; opacity: 0.5;
filter: alpha(opacity=50); overflow: hidden; }
   .slidebar li { float: left;
margin-right: 1px; width: 20px; height: 20px; background: {FLOATMASKBGCOLOR};
line-height: 20px; text-align: center; font-size: 10px; color: {LIGHTLINK};
overflow: hidden; opacity: 0.5; filter: alpha(opacity=50); cursor: pointer;
}
      .slidebar li.on { background: {WRAPBG}; color: #000; font-weight: 700;
opacity: 0.8; filter: alpha(opacity=80); }

复制代码
cr180整理
介绍开始：
QQ截图未命名.png
本主题由下砂于 2011-8-30 13:00 生成文章

做个标记

1053045388 · 发表于 2012-5-30 10:35:04

不错，顶

hare2758 · 发表于 2012-6-14 15:40:13

学习了

人潮网 · 发表于 2012-8-6 20:51:04

牛～学习一下

请保持微笑 · 发表于 2012-8-8 15:19:01

挺不错的，顶一下

lynn.sh · 发表于 2012-10-23 12:44:30

制作属于自己的幻灯片

malijian · 发表于 2012-12-7 17:27:37

留个记号！

欧夕风 · 发表于 2013-3-29 15:48:13

discuz强大啊，haoshiba.com

3324 · 发表于 2013-8-12 21:31:31

我有个疑问，怎么把幻灯片标题背景色改成黑色呢？
论坛是X3的，使用风格

		自动登录	找回密码
密码			立即注册