您现在的位置是:首页 > 网站模板
《黑色质感时间轴》个人博客模板

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

模板简介

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

积分直接下载

注册会员,充值购买点数可直接购买,重复下载不扣分。1积分=1元钱。

充值后,如果积分没有立即到帐?请联系客服,除了返相应积分外,还会得到30积分(运气奖)!

购买方式二:微信咨询客服后购买 :客服微信476847113

技术支持:所有后台源码均可联系客服 免费安装

没有会员,请先注册 积分不够? 请充值积分

  • 基本信息
  • 模板详情
  • 模板评价

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