`

页面导航模板

阅读更多

<!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模板

    “首页”指的是模板应用于网站的入口页面,即用户首次访问时看到的页面;“DIV+CSS”再次强调了设计技术。 在压缩包“仿百度首页”中,我们可以期待找到的文件可能包括一个或多个HTML文件,这些文件包含了页面的...

    定位导航页面模板

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

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

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

    flash导航模板源码2

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

    站长导航类pbootcms网站模板

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

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

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

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

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

    WordPress主题导航模板

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

    asp.net的主题及导航模板

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

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

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

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

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

    响应式的单页面网站模板

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

    3D导航页前端模板

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

    公司简约静态页面模板

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

    404页面模板

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

    页面模板页面模板

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

    html5黑色404页面模板

    此模板可能包含了定制的图形元素、有趣的错误消息,以及清晰的导航选项,比如返回首页、搜索框或最近浏览的链接。这些设计元素都是为了帮助用户迅速找到他们可能感兴趣的内容,而不是让他们停留在这个错误页面上。 ...

    树形导航模板(后台html框架源代码)

    在后台管理系统中,树形导航模板是一种常见的设计元素,它以树状的层次结构来展现数据,每个节点代表一个类别或项目,子节点则表示该类别下的子项。通过点击节点,用户可以展开或折叠子节点,快速定位到所需的信息或...

Global site tag (gtag.js) - Google Analytics