banner

橙色阳光主题下纯CSS时间轴页面使用方法

其实在我之前发布的文章中,都有纯CSS时间轴调用方法的说明,今天在这里主要是规范的发布使用方法说明。

关于时间轴的实例,大家先看一下我主题的单独页面:我的时间轴

效果如图所示:

时间轴示例图片

先给大家说一下使用方法:

1、进入插件管理,停用你的编辑器;

2、进入页面编辑,开始输入和部署代码;

3、页面编辑界面的右侧栏,模板选择“pagetimes”;

4、保存即可!


代码示例:

<ul>
<li><b></b><span>2014年09月25日</span><p>新域名备案完成,将网址更换为oss.so,同时搬回国内,放到了阿里云,博客的速度再次提升</p></li>
<li><b></b><span>2014年09月24日</span><p>响应式主题<a href="https://oss.so/blog/28.html">HiCMS</a>V2.0发出公测邀请,希望能够找到未修复的BUG</p></li>
<li><b></b><span>2014年08月27日</span><p>响应式主题<a href="https://oss.so/blog/26.html">HiCMS</a>通过应用中心审核上架</p></li>
<li><b></b><span>2014年07月17日</span><p>单栏时间轴主题<a href="https://oss.so/theme-zone.html">ZONE</a>通过应用中心审核上架,这是一款清晰的纯博客主题</p></li>
<li><b></b><span>2014年07月08日</span><p>橙色阳光基于Z2014的Zpro更新完成,对响应式布局进一步处理,让智能移动端访问效果更佳</p></li>
<li><b></b><span>2014年07月08日</span><p>橙色阳光自制主题Z2014发布,发布页面<a href="https://oss.so/theme-z2014.html" title="Z2014是Zpro的基础版">Z2014</a></p></li>
<li><b></b><span>2014年07月03日</span><p>橙色阳光的自创模板Zpro启用v2.0,更改响应式网站,支持移动设备访问,支持更加完美的阅读体验</p></li>
<li><b></b><span>2014年07月01日</span><p>获得了百度的第一条收录</p></li>
<li><b></b><span>2014年06月26日</span><p>为了优化博客,更新全新自创模板Zpro,同时,这一天获得了360搜索的第一条收录</p></li>
<li><b></b><span>2014年06月22日</span><p>上传博客程序,并启动后命名为“橙色阳光”,确定域名www.hizhou.cn,更新模板为zstyle(临摹卢松松的布局)</p></li>
</ul>


参照上面代码,或者直接复制,修改内容就可以了。

hicms、zone、z2014支持此项功能,iWord暂不支持(因为iWord要纯粹简单)

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

相关阅读

留言评论

暂无留言