s5 slide themes试玩小节

在使用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;}

 我改成了蓝色相近的颜色，效果非常好。。。

 

试玩暂时告一段落。