您现在的位置是:首页 > 模板分享 > 个人博客模板

黑色质感时间轴html5个人博客模板

利发国际2013-08-08人围观
简介黑色时间轴html5个人博客模板颜色以黑色为主色,添加了彩色作为网页的一个亮点,导航高亮显示、banner图片鼠标划过,可以看到隐藏的文字。css3动画应用在banner和右边“我的名片”个人信息。重点在时间轴部分,三角形和圆形均是css代码写出来的,postion定位,增加页面返回到顶部的代码....

黑色时间轴个人博客模板颜色以黑色为主色,添加了彩色作为网页的一个亮点,导航高亮显示、banner图片鼠标划过,可以看到隐藏的文字。css3动画应用在banner和右边“我的名片”个人信息。重点在时间轴部分,三角形和圆形均是css代码写出来的,postion定位,增加页面返回到顶部的代码....

一共有两个页面,首页和内容页。内容页导航条我用了彩色条修饰,这样页面就不会因为是黑色而过于死板...

关于浏览器兼容方面,做的时候没有考虑IE6,所以,如果你要想IE6也兼容的话,请自己修改...

这套模板提供目前帝国php版本的模板下载  帝国导入模板

使用其他程序请点击下面的链接下载该模板

黑色时间轴个人博客模板

黑色时间轴个人博客模板

首页

内容页

实现鼠标悬停时间轴圆点被高亮的效果,可以采用伪类:after 或者:before 修改如下:

html中删除

<div class="ci"></div>

css改为:

.arrow_box:hover:after { border: #999 2px solid; }

.arrow_box:after { content: ""; width: 10px; height: 10px; border-radius: 50%; position: absolute;left: 658px;top: 16px;background: #000;border: 2px solid #333;transition: all 1s;}

    下载说明:

    1、解压密码:yangqq.com

    2、只有部分模板会提供多页面下载,未加说明都是只有一个首页index.html模板。

    3、如果您发现模板有错,或者您有其他更好的意见、建议请给我们留言,我们会及时处理!

    4、如果您遇到什么问题,也可加入本站互动QQ群 280998807(交流群) 280998843(技术群)咨询!

    *本站个人博客模板,均为利发国际本人设计,转载请说明出处,未经许可不得用于任何商业目的*

    付费说明:

    1、喜欢此模板,零基础的网友,可以找我本人安装后台,费用是300-500,包括后台调试以及页面修改.

    2、请加我微信 yangqq_1987,备注“博客”

    3、系统安装只限定于帝国cms

    4、有基础的网友,能自己调试是最好的,毕竟又掌握了一门技术!

文章评论

本栏推荐

点击排行

官方微信