`

页面导航模板

阅读更多

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<style>

#nav {
 FONT-FAMILY: "雅黑","Tahoma"; BACKGROUND: url(bg_menu.png) repeat-x; HEIGHT: 71px
}
#channel_list {
 HEIGHT: 37px
}
#channel_list UL {
 PADDING-LEFT: 0px; PADDING-TOP: 12px
}
#channel_list LI {
 BORDER-LEFT: #497ab9 1px solid; PADDING-BOTTOM: 0px; LINE-HEIGHT: 13px; PADDING-LEFT: 16px; PADDING-RIGHT: 15px; FLOAT: left; HEIGHT: 11px; COLOR: #fff; FONT-SIZE: 13px; BORDER-RIGHT: #2a5293 1px solid; PADDING-TOP: 1px; _padding-top: 2px; _line-height: 11px; _height: 10px
}
#channel_list LI.first {
 PADDING-LEFT: 15px; BORDER-LEFT-STYLE: none
}
#channel_list LI.end {
 BORDER-RIGHT-STYLE: none
}
#channel_list LI.current A {
 COLOR: #ff0; FONT-WEIGHT: normal
}
#channel_list A {
 LETTER-SPACING: 1px; COLOR: #fff
}

 

#subnav {
 HEIGHT: 33px
}
#category_list {
 PADDING-BOTTOM: 0px; PADDING-LEFT: 8px; PADDING-RIGHT: 0px; PADDING-TOP: 8px
}
#category_list LI {
 PADDING-BOTTOM: 0px; PADDING-LEFT: 14px; PADDING-RIGHT: 12px; BACKGROUND: url(/img/bg_submenu.gif) no-repeat 0px 3px; FLOAT: left; COLOR: #333; PADDING-TOP: 0px
}
#category_list LI.first {
 BACKGROUND: none transparent scroll repeat 0% 0%
}
#category_list A {
 COLOR: #333; TEXT-DECORATION: none
}
#category_list A:visited {
 COLOR: #333
}
#category_list A:hover {
 BORDER-BOTTOM: #26519a 2px solid; COLOR: #19489e; TEXT-DECORATION: underline
}
#category_list LI A.current {
 BORDER-BOTTOM: #26519a 2px solid; COLOR: #19489e; FONT-WEIGHT: bold; TEXT-DECORATION: underline
}
</style>
</head>

<body>
<DIV id=nav>
<DIV id=channel_list>
<UL>
  <LI class="start "><A href="http://www.shiming8.cn/">首页</A> </LI>
  <LI><A href="http://www.shiming8.cn/news/%22%3EIT资讯</A> </LI>
  <LI class=current><A href="http://www.shiming8.cn/developer/">程序开发</A> </LI>
  <LI><A href="http://www.shiming8.cn/os/">操作系统</A> </LI>
  <LI><A href="http://www.shiming8.cn/sysapp/">应用技术</A> </LI>
  <LI><A href="http://www.shiming8.cn/database/">数据库</A> </LI>
  <LI><A href="http://www.shiming8.cn/designer/">平面设计</A> </LI>
  <LI class="end "><A href="http://www.shiming8.cn/media/">媒体动画</A> </LI></UL>
<DIV class=cl></DIV></DIV>
<DIV id=subnav>
<DIV id=category_list>
<UL>
  <LI class=first><A href="http://www.shiming8.cn/g/java/%22%3EJava%3C/a> </LI>
  <LI><A href="http://www.shiming8.cn/g/dotnet/%22%3E.Net%3C/a> </LI>
  <LI><A href="http://www.shiming8.cn/g/webfe/%22%3EWeb前端</A> </LI>
  <LI><A href="http://www.shiming8.cn/developer/clang/%22%3EC/C++%3C/a> </LI>
  <LI><A href="http://www.shiming8.cn/developer/php/%22%3EPHP%3C/a> </LI>
  <LI><A href="http://www.shiming8.cn/developer/ruby/%22%3ERuby%3C/a> </LI>
  <LI><A href="http://www.shiming8.cn/developer/python/%22%3EPython%3C/a> </LI>
  <LI><A href="http://www.shiming8.cn/developer/perl/%22%3EPerl%3C/a> </LI>
  <LI><A href="http://www.shiming8.cn/developer/erlang/%22%3EErlang%3C/a> </LI>
  <LI><A href="http://www.shiming8.cn/developer/html5/%22%3EHTML5%3C/a> </LI>
  <LI><A href="http://www.shiming8.cn/developer/android/%22%3EAndroid%3C/a> </LI>
  <LI><A href="http://www.shiming8.cn/developer/objc/%22%3EObjC%3C/a> </LI>
</UL>
<DIV class=kcl></DIV>
</DIV>
</DIV>
</DIV>
</body>
</html>

作者: 王德田 发表于 2011-05-31 16:28 原文链接

评论: 0 查看评论 发表评论


最新新闻:
· 微软展示Windows 8:支持触控屏 将整合Skype(2011-06-02 12:42)
· 宏碁计划发布平板电脑 运行英特尔MeeGo系统(2011-06-02 12:39)
· 宏碁为降运营成本拟在欧洲中东和非洲裁员300(2011-06-02 12:37)
· 开心城市系统紊乱 疑六一同时在线人数过多(2011-06-02 12:31)
· 英特尔苹果惠普被控侵犯5项专利技术(2011-06-02 12:08)

编辑推荐:领域驱动开发推荐代码示例 — Microsoft NLayerApp

网站导航:博客园首页  我的园子  新闻  闪存  小组  博问  知识库

分享到:
评论

相关推荐

    个人页面导航模板

    【个人页面导航模板】是一种网页设计模式,专用于创建具有个性化风格和功能的个人主页。在互联网上,个人主页是一个展示个人身份、兴趣、作品或服务的平台,而导航模板则是构建这种页面的关键组成部分,它为访问者...

    仿新版百度首页html模板

    在仿制百度首页的过程中,我们应该仔细观察原首页在搜索框的位置、按钮的样式、导航栏的构建等方面的设计,并尝试在自己的模板中进行相应的模仿。通过这样的实践,我们可以学习到如何为用户提供直观、便捷、美观的...

    定位导航页面模板

    5. **响应式设计**:随着移动设备的普及,定位导航模板也需要适应各种屏幕尺寸。响应式设计确保导航在不同设备上都能正常工作,无论用户是用电脑、平板还是手机访问。 在实际应用中,选择或设计一个合适的定位导航...

    仿hao123网址之家导航html模板下载_网址之家 网址导航 绿色 中文 hao123_html网站模板_网页源码移.rar

    在网址导航模板中,JavaScript可能用于实现动态效果,如下拉菜单、鼠标悬停效果、点击跳转等。此外,JavaScript还可以用于实现一些功能性的需求,如搜索引擎即时查询、广告轮播等。 4. 响应式设计:由于现在用户...

    网站网页模板-蓝色导航宽屏精美的html5模板下载.zip

    这个模板的特点是蓝色导航和宽屏设计,意味着它可能提供了吸引人的视觉体验,适用于各种企业或个人网站。 在描述中,“网站网页模板-蓝色导航宽屏精美的html5模板下载.zip”重复了标题的信息,暗示用户可以下载此...

    flash导航模板源码2

    【标题】"Flash导航模板源码2"是一个用于网页设计的资源,主要包含两部分核心内容:`effect02.fla`和`effect02.swf`。此模板旨在为网站提供动态且吸引人的导航菜单效果,提升用户体验,增强网站的视觉吸引力。 ...

    站长导航类pbootcms网站模板

    【标题】:“站长导航类pbootcms网站模板” 在互联网世界中,网站模板扮演着重要的角色,它们为网站设计提供了一种快速、高效且经济的解决方案。本主题聚焦于“站长导航类pbootcms网站模板”,这是一个专为站长设计...

    asp.net的主题及导航模板

    2. 导航模板: ASP.NET提供了多种导航控件,如SiteMapPath、TreeView、Menu等,帮助用户轻松地在网站中浏览。这些控件可以根据站点地图(site map)数据动态生成导航结构。站点地图是一个XML文件,定义了网站的层次...

    网址导航网站源码清爽帝国cms网站导航模板带数据

    【描述】中提到的“帝国cms网站导航模板”,是指基于帝国CMS系统设计的一套专门用于展示网址导航的界面布局和样式。模板通常包含了HTML、CSS、JavaScript等元素,能够快速应用到网站上,提供一种统一的视觉效果和...

    WordPress主题导航模板

    **WordPress主题导航模板** 在WordPress中,主题是网站外观和感觉的核心部分,它定义了页面的布局、颜色、字体以及用户交互方式。本资源提供的"WordPress主题导航模板"旨在帮助用户自定义其WordPress站点的导航菜单...

    分享一套清新简洁精美的静态导航模板

    在IT行业中,构建一个引人入胜且易于使用的网站至关重要,而导航模板是网页设计中的核心元素之一。本文将深入探讨“一套清新简洁精美的静态导航模板”,它为Web开发者提供了一个快速启动项目、创建优雅界面的理想...

    个人主页网站html模板,个人信息页面html模板(个人网页设计html加css)

    个人主页网站html模板,个人信息页面html模板(个人网页设计html加css) 效果https://www.diyiyuanma.cn/zy/ 带音乐播放器 需要修改什么到代码里面自行修改 个人主页网站html模板,个人信息页面html模板(个人网页...

    基于jQuery的Win8 Metro风格的html导航模板

    在导航模板中,可能会使用这种风格来创建直观的导航图标和布局。 5. **源码**:提供源码意味着用户可以查看和修改模板的内部工作原理,这对于学习和定制项目非常有用。用户可以根据自己的需求调整颜色、布局,甚至...

    实用的500错误跳转页面模板.zip

    "实用的500错误跳转页面模板.zip" 提供了一种优雅地处理这种错误的方法,帮助网站提供更好的用户体验。这个压缩包包含了两个文件:`demo.html` 和 `css` 文件夹,它们共同构成了一个美观且功能完善的500错误页面模板...

    响应式的单页面网站模板

    单页面网站模板则是这种响应式设计的一种应用,通常用于创建简洁、直接的在线存在,其中所有内容都集中在同一个HTML页面上,通过滚动或导航链接在页面的不同部分之间移动。 响应式单页面网站模板的优势在于: 1. *...

    3D导航页前端模板

    在这个3D导航模板中,HTML文件`index.html`可能包含了各个导航元素的结构定义,如导航栏、链接和布局框架。开发者通过不同的HTML标签来组织这些元素,创建出易于理解和交互的用户界面。 其次,CSS(Cascading Style...

    公司简约静态页面模板

    在公司简约静态页面模板中,HTML文件通常包含头部信息、导航栏、主体内容、页脚等部分,通过合理地使用标签来组织内容,确保页面结构的语义化,利于搜索引擎优化(SEO)。 CSS则负责网页的视觉呈现,包括颜色、字体...

    404页面模板

    404页面模板设计的目的是为了提供一种友好的用户体验,帮助用户理解他们所寻找的页面无法找到,并提供可能的解决方案或者导航回到网站的其他部分。朋友分享的这个压缩包包含了62个不同的404页面模板,这为我们提供了...

    页面模板页面模板

    页面模板允许开发者将固定元素,如页眉、页脚、导航栏等,编写成一个模板文件,然后在多个页面中引用,减少了重复编码的工作量,提高了开发效率。此外,这样的模板设计也便于后期维护和更新,因为只需要修改一处,...

Global site tag (gtag.js) - Google Analytics