注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

★★★绝伦天然★★★

★人生如水、水如人生★

 
 
 

日志

 
 

博客设置导航栏的方法步骤  

2015-06-16 17:22:36|  分类: 〖博客常识〗 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |
 

第一步:准备导航栏的图片素材 如图所示:尺寸为1004X45

 

设置导航栏的方法步骤 - 收藏阁 - 收藏阁

 

 第二步:在顶栏图片设置完后,接着点击“导航条”,选择“选图”,上传导航栏背景图片,设置平铺方式为“不平铺”,将导航条高度调整为“45px ”;

 

设置导航栏的方法步骤 - 收藏阁 - 收藏阁

  

 第三步:点击“文字”选项,选择导航文字大小为“标准”,粗细为“加粗”,文字水平位置为“270px ” 左右,文字宽度为“70px  ”左右,并调整颜色为深褐色

 

设置导航栏的方法步骤 - 收藏阁 - 收藏阁
 
 
经过背景和文字调整设置后,导航条效果如下图所示
 
设置导航栏的方法步骤 - 收藏阁 - 收藏阁
 
 

 第四步:设置“当前项”。

所谓当前项,就是你现在浏览的项目,例如现在浏览的是博客的首页,那么当前项就是导航条中的“ 首页”。

现在,我们开始来设置“当前项”。点击导航条下面的“当前项”,选择文字大小为“标准”,文字粗细为“加粗”,文字颜色为“黑色”,背景图片为原图。效果如下图所示。

 

设置导航栏的方法步骤 - 收藏阁 - 收藏阁

 

第五步:设置“鼠标滑过项”。

 所谓“鼠标滑过项”,就是鼠标并没有点击这些项,而是鼠标在其上一滑而过所显示的效果。我的博客的“鼠标滑过项”,与当前项相同。

   说明:我的博客的当前项和鼠标滑过项设置的都很简单,我喜欢简洁的设计。其实这两项可以设计出许多花样来,例如各种各样的颜色和动画效果等,有兴趣的朋友可以尽情去发挥自己的创意。

http://xyt-my.blog.163.com/blog/static/1019487342008112475731571/
  评论这张
 
阅读(1)| 评论(0)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017