導航條的加入

原创 2004年11月01日 11:38:00

我的皮是anothereon001(皮不一樣導航條的位置不一樣哦= =|)
正好在 顯示“post- 8, comments - 5, trackbacks - 0”的左邊有一長條的黑色空白。
絕佳的導航條位置!!!
利用的還是層,層是可以在頁面任意位置逍遙的哈哈。
代碼如下:


由於層的繼承性,這個層將繼承左邊leftmunu的屬性。而leftmenu的屬性是一旦有鏈接出現,就必須換行。
原來的css是這樣的:
=======================
#leftmenu a:active,
#leftmenu a:visited,
#leftmenu a:link {
 display : block;           <------就是他搞得
 color : #000;
 text-decoration : none; 
 margin-right : 0px;
 padding : 2px;
}

#leftmenu a:hover {
 background-color : #CCD5E0;
}
====================
這樣造成效果會是類似:
aaaaa
bbbbb
ccccc
ddddd
eeeee
而我們需要的是aaaaaa bbbbbb cccccc dddddd eeeeeeee。
爲了逃避這個繼承,只能自立門戶,自己創建一個樣式: header(上面的代碼中已經提到了:<div id="header" )。
在定制CSS选择器中加入以下代碼:



這樣得到的導航條並不一定在你想要的位置。調整他,修改div標簽中的style,top和left。
這樣就完成了導航條的製作。至於鼠標移到“文章分類”出現下拉框,再另外介紹=_=

横向导航条页面居中的方法

实现图中效果,使横向导航条页面居中
  • Milk_o3o
  • Milk_o3o
  • 2017年07月22日 11:28
  • 497

jquery导航菜单上下都行,可以上弹也可以下拉,方便配置使用

可控制导航下拉方向的jQuery下拉菜单代码 - 何问起.nav * {margin: 0;padding: 0;list-style: none;} .nav {width: 700px;heigh...
  • wybshyy
  • wybshyy
  • 2016年07月29日 14:08
  • 222

angularjs路由实现导航栏

angularjs路由实现导航栏 第一种: 路由 a{ text-decoration:none; } 首页 公司简...
  • b1244154318
  • b1244154318
  • 2016年09月27日 22:14
  • 2678

js導航菜單

--%>http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http://www.w3.org/1999/xhtml"> window.o...
  • jackeyabc
  • jackeyabc
  • 2008年01月15日 09:42
  • 910

自定义带图标文字分割线通用布局,用于列表布局的设置、菜单页的item

做过的几乎所有项目中,设置菜单都是这个调调,左边一个图标,加上文字,右边一个箭头代表可点击。 看到原型,冷哼一声,没创意,so sasy,于是开始写布局: ...
  • uub112
  • uub112
  • 2015年11月18日 10:16
  • 484

android导航条上面点击返回按钮返回上一个状态(从activity返回fragment)

遇到一种需求,在一个activity中包含四个fragment,点击一个fragment中一个按钮,跳转到另一个activity中,在另一个activity中点击一个返回箭头按钮,想要返回到上一个fr...
  • tan313
  • tan313
  • 2015年05月03日 10:52
  • 1691

Android版高德导航应用开发小结

软硬件环境 Macbook Pro MGX 72 Android Studio 1.3.1 红米Note增强版 准备工作 上高德官网LBS开放平台注册帐户 下载SDK和Demo...
  • djstavaV
  • djstavaV
  • 2015年08月17日 22:58
  • 3373

北上广深等全国一流机场航显信息系统现状-航显系统研究第90篇

北上广深机场目前是国内旅客流量最为繁忙的机场,其机场客货流量、航站楼面积、登机口数量、停机位资源均位居国内机场前列。这几大繁忙机场的旅客服务做得怎么样,其中的航班信息显示系统是一个什么样的现状,我们有...
  • lejuo
  • lejuo
  • 2013年10月24日 16:47
  • 3985

无人机航摄时航高与地面分辨率的关系

航高就是航摄时飞机的飞行高度,根据起算基准的不同可分为绝对航高与相对航高。相对航高就是无人机在飞行时相机相对于某一基准面的高度,是相对于作业区域内地面平均高程基准面的设计航高。一般来说,在其他因素不变...
  • mmll0927
  • mmll0927
  • 2017年09月18日 20:01
  • 753

箭在弦上里的徐二航被强暴了

箭在弦上里的徐二航被强暴了 潘之琳介绍: 潘之琳,(1989年9月5日-),中国大陆新生代女艺人,现就读于北京电影学院表演系。9岁所拍摄的《老房有喜》在其中饰演了精灵可爱的“小海燕”而...
  • xxjin
  • xxjin
  • 2013年04月20日 18:43
  • 1895
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:導航條的加入
举报原因:
原因补充:

(最多只允许输入30个字)