- Add a new feature to our top horizontal navigation menu -- a drop down
navigation boxes. This is implemented in pure CSS and does not require javascript, etc. - Tested with all modern browsers (firefox, opera, safari, chrome, ie7+) where this feature works w/o problems. IE6 doesn't display drop down menus but has no regressions against the original implementation. - The drop down menus probably need some polishing, but for this we need someone with more design skills ;) - I believe this will allow our users to navigate through the web site more efficiently and quickly - Note that this change should to be ported by our translation teams to their localized versions of web site. For this reason I am not removing now deprecated parts of modified style sheets as these need to be kept until after localized pages will be ported to these new menus; otherwise they will be rendered pretty badly. Reviewed by: www@, doc@
This commit is contained in:
Daniel Gerzo
parent
5ceac95da7
commit
767d46fd8c
Notes:
svn2git
2020-12-08 03:00:23 +00:00
svn path=/www/; revision=34514
3 changed files with 147 additions and 14 deletions
|
|
@ -1,6 +1,6 @@
|
|||
/*
|
||||
* FreeBSD.org - Fixes for Internet Explorer
|
||||
* $FreeBSD$
|
||||
* $FreeBSD: www/en/layout/css/iefixes.css,v 1.3 2005/11/23 14:22:06 keramida Exp $
|
||||
*/
|
||||
|
||||
/*Win IE fix \*/
|
||||
|
|
@ -8,6 +8,9 @@
|
|||
* html #TOPNAVLIST li { margin: 0 0.5em 0 -0.5em; }
|
||||
* html #topnavlist li { margin: 0 0.5em 0 -0.5em; }
|
||||
|
||||
* html #MENU ul.first { border-left: 0; }
|
||||
* html #MENU li { margin: 0.2em 0 -1em 0; }
|
||||
|
||||
* html #languagenavlist li { padding: 0 0.1em 0 0.4em; }
|
||||
* html #languagenavlist li.last-child { padding: 0 0em 0 0.4em; }
|
||||
|
||||
|
|
|
|||
|
|
@ -1,7 +1,7 @@
|
|||
/*
|
||||
* FreeBSD.org - Navigation (and List) Styles
|
||||
*
|
||||
* $FreeBSD: www/en/layout/css/navigation.css,v 1.5 2008/01/15 21:18:19 murray Exp $
|
||||
* $FreeBSD: www/en/layout/css/navigation.css,v 1.6 2008/01/16 02:10:22 murray Exp $
|
||||
*/
|
||||
|
||||
/* Site Navigation */
|
||||
|
|
@ -71,6 +71,77 @@
|
|||
padding-left: 0;
|
||||
}
|
||||
|
||||
/* New drop-down menu implementation */
|
||||
|
||||
#MENU {
|
||||
width: 100%;
|
||||
float: left;
|
||||
height: 29px;
|
||||
font-size: 0.9em;
|
||||
margin: 5px 0 2px 0;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
#MENU ul {
|
||||
list-style: none;
|
||||
margin: 0;
|
||||
padding: 0px 10px 2px 10px;
|
||||
float: left;
|
||||
border-left: 1px solid #B4B4B4;
|
||||
}
|
||||
|
||||
#MENU ul:first-child {
|
||||
padding-left: 0;
|
||||
border: 0;
|
||||
}
|
||||
|
||||
#MENU a {
|
||||
display: block;
|
||||
padding: 0px 3px;
|
||||
color: #666;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
#MENU a:hover {
|
||||
color: #990000;
|
||||
}
|
||||
|
||||
#MENU li {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
#MENU ul ul {
|
||||
position: absolute;
|
||||
background-color: #e5e5e5;
|
||||
padding: 2px;
|
||||
border: 0;
|
||||
width: 10em;
|
||||
z-index: 500;
|
||||
}
|
||||
|
||||
#MENU ul ul li {
|
||||
border-top: 1px solid #B4B4B4;
|
||||
padding: 4px 0 4px 0;
|
||||
}
|
||||
|
||||
#MENU ul ul ul {
|
||||
top: 0;
|
||||
left: 100%;
|
||||
background: #e5e5e5;
|
||||
}
|
||||
|
||||
div#MENU ul ul,
|
||||
div#MENU ul li:hover ul ul,
|
||||
div#MENU ul ul li:hover ul ul {
|
||||
display: none;
|
||||
}
|
||||
|
||||
div#MENU ul li:hover ul,
|
||||
div#MENU ul ul li:hover ul,
|
||||
div#MENU ul ul ul li:hover ul {
|
||||
display: block;
|
||||
}
|
||||
|
||||
/* Language selection */
|
||||
|
||||
#LANGUAGENAV, #languagenav {
|
||||
|
|
|
|||
|
|
@ -1,4 +1,4 @@
|
|||
<!-- $FreeBSD: www/share/sgml/header.ent,v 1.10 2009/01/01 17:40:09 simon Exp $ -->
|
||||
<!-- $FreeBSD: www/share/sgml/header.ent,v 1.11 2009/06/02 21:11:59 gabor Exp $ -->
|
||||
|
||||
<!-- FreeBSD HTML Header Entities -->
|
||||
<!-- PUBLIC "-//FreeBSD//ENTITIES HTML FreeBSD Header Entities//EN" -->
|
||||
|
|
@ -137,18 +137,77 @@
|
|||
<!ENTITY header2.topnav '
|
||||
<h2 class="blockhide">Site Navigation</h2>
|
||||
|
||||
<div id="TOPNAV">
|
||||
<ul id="TOPNAVLIST">
|
||||
<li><a href="&base;/" title="Home">Home</a></li>
|
||||
<li><a href="&base;/about.html" title="About">About</a></li>
|
||||
<li><a href="&base;/where.html" title="Get FreeBSD">Get FreeBSD</a></li>
|
||||
<li><a href="&base;/docs.html" title="Documentation">Documentation</a></li>
|
||||
<li><a href="&base;/community.html" title="Community">Community</a></li>
|
||||
<li><a href="&base;/projects/index.html" title="Developers">Developers</a></li>
|
||||
<li><a href="&base;/support.html" title="Support">Support</a></li>
|
||||
<li><a href="http://www.freebsdfoundation.org/" title="The FreeBSD Foundation">Foundation</a></li>
|
||||
<div id="MENU">
|
||||
<ul class="first">
|
||||
<li><a href="&base;/">Home</a></li>
|
||||
</ul>
|
||||
</div> <!-- TOPNAV -->
|
||||
<ul>
|
||||
<li><a href="&base;/about.html">About</a>
|
||||
<ul>
|
||||
<li><a href="&base;/projects/newbies.html">Introduction</a></li>
|
||||
<li><a href="&base;/features.html">Features</a></li>
|
||||
<li><a href="&base;/advocacy/">Advocacy</a></li>
|
||||
<li><a href="&base;/marketing/">Marketing</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
<ul>
|
||||
<li><a href="&base;/where.html">Get FreeBSD</a>
|
||||
<ul>
|
||||
<li><a href="&base;/releases/">Release Information</a></li>
|
||||
<li><a href="&base;/releng/">Release Engineering</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
<ul>
|
||||
<li><a href="&base;/docs.html">Documentation</a>
|
||||
<ul>
|
||||
<li><a href="&base;/doc/en_US.ISO8859-1/books/faq/">FAQ</a></li>
|
||||
<li><a href="&base;/doc/en_US.ISO8859-1/books/handbook/">Handbook</a></li>
|
||||
<li><a href="&base;/doc/en_US.ISO8859-1/books/porters-handbook">Porter's Handbook</a></li>
|
||||
<li><a href="&base;/doc/en_US.ISO8859-1/books/developers-handbook">Developer's Handbook</a></li>
|
||||
<li><a href="&base;/cgi/man.cgi">Manual Pages</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
<ul>
|
||||
<li><a href="&base;/community.html">Community</a>
|
||||
<ul>
|
||||
<li><a href="&base;/community/mailinglists.html">Mailing Lists</a></li>
|
||||
<li><a href="http://forums.freebsd.org">Forums</a></li>
|
||||
<li><a href="&base;/usergroups.html">User Groups</a></li>
|
||||
<li><a href="&base;/events/events.html">Events</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
<ul>
|
||||
<li><a href="&base;/projects/index.html">Developers</a>
|
||||
<ul>
|
||||
<li><a href="&base;/projects/ideas/ideas.html">Project Ideas</a></li>
|
||||
<li><a href="http://svn.FreeBSD.org/viewvc/base/">SVN Repository</a></li>
|
||||
<li><a href="http://cvsweb.FreeBSD.org">CVS Repository</a></li>
|
||||
<li><a href="http://p4web.FreeBSD.org">Perforce Repository</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
<ul>
|
||||
<li><a href="&base;/support.html">Support</a>
|
||||
<ul>
|
||||
<li><a href="&base;/commercial/commercial.html">Vendors</a></li>
|
||||
<li><a href="http://security.FreeBSD.org/">Security Information</a></li>
|
||||
<li><a href="&base;/cgi/query-pr-summary.cgi">Bug Reports</a></li>
|
||||
<li><a href="&base;/send-pr.html">Submit Bug-report</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
<ul>
|
||||
<li><a href="http://www.freebsdfoundation.org/">Foundation</a>
|
||||
<ul>
|
||||
<li><a href="http://www.freebsdfoundation.org/donate/">Donate</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</div> <!-- MENU -->
|
||||
'>
|
||||
|
||||
<!ENTITY header2 '
|
||||
|
|
|
|||
Loading…
Reference in a new issue