实现导航栏酷炫效果

2015-09-04 17:18 建站相关 天中好青年

 今天在互联网上闲逛,看到一个叫刘家豪的博客,用的也是卢松松主题模板,可是他的导航栏有个看起来较特别的地方,感觉酷酷的。

如下图:

扒下网页源代码一看,就是在主题配置的顶部广告位置插入一个倾斜设计的图片即可,图片最好背景是透明的,这样显示效果最佳。

操作示意图:

下面看一下天中青年名博导航站的效果图:

嘿嘿,怎么样。

当然你也可以在首页、分类页、文章页显示不同的图片(同样实现顶部广告不同页面放置不同广告的效果)。

具体操作就是,顶部广告设置区不设置内容。

分别进入首页、分类页、文章页模板页面,在

<div id="toptool">

</div>

代码中插入你要显示的图片地址<img src="你的图片地址">即可。

 

发表评论:

  • 14条评论
  • 360驱动大师下载2015-09-16 19:54:27回复
  • 360驱动大师下载
    http://www.downza.cn/soft/12875.html
    360驱动大师官方下载就到下载之家,下载之家还提供360驱动大师的其它版本好的下载。360驱动大师是一款专业解决驱动安装更新软件,百万级的驱动库支持,驱动安装一键化,无需手动操作。
    【360驱动大师主要功能特点】:
    1、一键极速安装驱动,安装过程无需参与;
    2、首创驱动体检功能,一目了然;
    3、强大的云安全驱动检测,百万级驱动库完美支持。
  • web前后端开发技术2015-09-05 14:51:37回复
  • png格式的图片就可以了。很不错。爱学习才会知道更多。第一次来。欢迎博主回欢。
  • 清风美文2015-09-04 23:32:19回复
  • 原来是这样搞的,明白了。
    知者不难。
无言的温柔
不知道想说什么,但还是想说些什么
话家乡☆天中百科
轻松一下:调戏调戏小狗
最近发表
    文章归档