六狼论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

新浪微博账号登陆

只需一步,快速开始

搜索
查看: 93|回复: 0

s5 slide themes试玩小节

[复制链接]

升级  10.67%

16

主题

16

主题

16

主题

秀才

Rank: 2

积分
66
 楼主| 发表于 2013-2-7 19:08:19 | 显示全部楼层 |阅读模式
在使用s5 slideshow做slide的时候,总用默认主题会略显单调了,今天就调整一下我们的主题,还是比较简单的,下面的文件就是一个打包好的UI包,直接放到对应的UI目录下即可。偶木有版权,在网上找的。。。
 
下载好,解压缩后,我们来改变我们的主题吧,只要一步即可改变原有主题风格。
 
我的slide文件名是xxx.html,打开xxx.html找到

<link rel="stylesheet" href="ui/default/slides.css" type="text/css" media="projection" id="slideProj" /> 这一行,把对应的default改成blue即可换成UI目录下的blue风格。
当改变后我突然发现我的

<ul class="incremental show-first">行遮盖不起作用的。
于是打开blue目录下的pretty.css查找incremental的部分,发现并没有对应的样式设置导致此问题。
从default目录下的pretty.css把incremental相关的部分copy过来。

.incremental, .incremental *, .incremental *:after {color: #DDE; visibility: visible;} 接着又发现问题了,在蓝色背景下颜色并不明显。继续改之。
打开gimp找到一个更适合的颜色改掉之前的#DDE即可。

.incremental, .incremental *, .incremental *:after {color: #0b203f; visibility: visible;} 我改成了蓝色相近的颜色,效果非常好。。。
 
试玩暂时告一段落。
 
您需要登录后才可以回帖 登录 | 立即注册 新浪微博账号登陆

本版积分规则

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