在使用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;}
我改成了蓝色相近的颜色,效果非常好。。。
试玩暂时告一段落。