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

黑色质感时间轴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(已满 ) 291195645(交流群) 280998843(已满)。都进不了也可选择进微信群,搜我个人微信号476847113,我拉进微信群,备注“进群”

    *本站个人博客模板,均为杨青本人设计,个人可以使用,但是未经许可不得用于任何商业目的,如若发现,必追求其法律责任*

    付费说明:

    1、安装cms后台,费用是300-500,包括后台调试以及页面模板修改.

    2、请加我微信 yangqq_1987,或者扫一扫右边兔子🐰头像的二维码。备注“博客”

    3、系统安装只限定于帝国cms,并且支持php安装,虚拟主机,请选择linux系统

    4、系统安装完毕后,会给你一个后台管理操作文档。只需会发信息即可。

    5、有基础的,会帝国cms的,你可以自己下载,修改模板,调试代码。

文章评论

本栏推荐

点击排行

官方微信