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

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

    黑色时间轴个人博客模板颜色以黑色为主色,添加了彩色作为网页的一个亮点,导航高亮显示、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(技术群)咨询!

* 下载本站模板以及作品仅供学习研究之用,若发现任何组织机构及个人有用于商业目的者,必追究其法律责任 *

关键字词:时间轴,个人博客模板,html5模板,黑色模板