banner

橙色阳光自制原创主题Z2014(Free)

基于HTML5和CSS3的免费主题Z2014发布。

【主题信息】

英文ID:Z2014

发布地址:https://oss.so/theme-z2014.html

预览地址:http://www.hizhou.cn (除开底部右侧和头部右侧)

需要插件:FirstIMG Gravatar

主题特色:响应式布局,从Android、iPhone、WP等智能设备屏幕大小到普遍的PC屏幕大小都有布局设计;纯CSS时间轴设计,不依靠JS调用即可制作漂亮的时间轴;

使用注意:日历模块屏蔽了,因为我觉得不太适合响应式布局,如果确实需要可以在下面留言。

部分需要手工额外操作的地方

纯CSS时间轴的制作办法,暂时支持在单独页面使用

第一步、因为需要编辑纯代码的原因,你需要禁用你的编辑器插件,否则代码会被编辑器错误的校正;

第二步、进入单独页面编辑界面,在编辑框内,任何地方输入如下类似代码

<ul>
<li><b></b><span>这里输入时间,不限制格式</span><p>这里输入这段时间点的介绍或信息之类的,不要用div将p标签断开了</p></li>
</ul>

这个地方主要运用了ul、li两个标签的特性,如果需要第二条时间轴,复制一遍li标签的内容就可以了

具体操作办法可以参考我的截图

记住,必须要将模板选择为,pagetimes,否则就不是时间轴页面啦

时间轴演示效果,可以点击这儿看看


主题下载地址:百度网盘|应用中心

阅读: 4156
在同意共创许可协议(CC BY-NC-SA-4.0)的前提下,您可以转载本文。
橙色阳光
https://oss.so/article/16

相关阅读

留言评论

暂无留言