[NBP web-reskin] [SCM] UNNAMED PROJECT branch, master,
updated. 92e65a2d0b9c9787ce4f97874df557cce7317483
fidelity_camp at nbp.org
fidelity_camp at nbp.org
Wed Sep 2 13:40:34 EDT 2009
This is an automated email from the git hooks/post-receive script. It was
generated because a ref change was pushed to the repository containing
the project "UNNAMED PROJECT".
The branch, master has been updated
via 92e65a2d0b9c9787ce4f97874df557cce7317483 (commit)
from 577937f33b95fb168727d4419e11ab86be42c85d (commit)
Those revisions listed above that are new to this repository have
not appeared on any other notification email; so we list those
revisions in full, below.
- Log -----------------------------------------------------------------
commit 92e65a2d0b9c9787ce4f97874df557cce7317483
Author: V.Prabhakar at FMR.COM <fidelity_camp at tp6.endpoint.com>
Date: Wed Sep 2 13:39:46 2009 -0400
Added dropdown menu to Braille Bookstore menu item.
-----------------------------------------------------------------------
Summary of changes:
commit 92e65a2d0b9c9787ce4f97874df557cce7317483
Author: V.Prabhakar at FMR.COM <fidelity_camp at tp6.endpoint.com>
Date: Wed Sep 2 13:39:46 2009 -0400
Added dropdown menu to Braille Bookstore menu item.
---
catalogs/nbp/pages/homepage.html | 61 ++++++++++++++++++++++++++++++++++-
htdocs/nbp/StylesNew.css | 65 ++++++++++++++++++++++++++++++++++++++
2 files changed, 124 insertions(+), 2 deletions(-)
diff --git a/catalogs/nbp/pages/homepage.html b/catalogs/nbp/pages/homepage.html
index 33af807..f7efbc1 100644
--- a/catalogs/nbp/pages/homepage.html
+++ b/catalogs/nbp/pages/homepage.html
@@ -9,7 +9,52 @@
width: 24px;
}
</style>
- </head>
+ <script type="text/javascript">
+ // SECOND MENU TYPE
+ var timeout = 500;
+ var closetimer = 0;
+ var ddmenuitem = 0;
+
+ // open hidden layer
+ function mopen(id)
+ {
+ // cancel close timer
+ mcancelclosetime();
+
+ // close old layer
+ if(ddmenuitem) ddmenuitem.style.visibility = 'hidden';
+
+ // get new layer and show it
+ ddmenuitem = document.getElementById(id);
+ ddmenuitem.style.visibility = 'visible';
+
+ }
+ // close showed layer
+ function mclose()
+ {
+ if(ddmenuitem) ddmenuitem.style.visibility = 'hidden';
+ }
+
+ // go close timer
+ function mclosetime()
+ {
+ closetimer = window.setTimeout(mclose, timeout);
+ }
+
+ // cancel close timer
+ function mcancelclosetime()
+ {
+ if(closetimer)
+ {
+ window.clearTimeout(closetimer);
+ closetimer = null;
+ }
+ }
+
+ // close layer when click-out
+ document.onclick = mclose;
+ </script>
+</head>
<body>
<div id="divTop" class="div-top">
<img alt="national braille press" src="logo.jpg"
@@ -28,7 +73,19 @@
<div id="divTopMenu" class="div-top-menu">
<table class="div-top-menu" style="height: 100%;" cellpadding="0px" cellspacing="0px" width="100%">
<tr style="height: 100%;">
- <td class="div-top-menu"><a href="" class="link-top-menu">Braille Bookstore</a></td>
+ <td class="div-top-menu">
+ <ul id="sddm">
+ <li><a href="#" onmouseover="mopen('m1')" onmouseout="mclosetime()">Braille Bookstore</a>
+ <div id="m1" onmouseover="mcancelclosetime()" onmouseout="mclosetime()">
+ <a href="#">Menu Item 1</a>
+ <a href="#">Menu Item 2</a>
+ <a href="#">Menu Item 3</a>
+ <a href="#">Menu Item 4</a>
+ <a href="#">Menu Item 5</a>
+ </div>
+ </li>
+ </ul>
+ </td>
<td class="div-top-menu"><a href="" class="link-top-menu">Custom Business Services</a></td>
<td class="div-top-menu"><a href="" class="link-top-menu">Programs</a></td>
<td class="div-top-menu"><a href="" class="link-top-menu">Get Involved</a></td>
diff --git a/htdocs/nbp/StylesNew.css b/htdocs/nbp/StylesNew.css
index ecac394..c557bc0 100644
--- a/htdocs/nbp/StylesNew.css
+++ b/htdocs/nbp/StylesNew.css
@@ -1,3 +1,68 @@
+/* Menu Styles Here */
+#sddm
+{
+ margin: 0;
+ padding: 0;
+ z-index: 30
+}
+
+#sddm li
+{
+ margin: 0;
+ padding: 0;
+ list-style: none;
+ float: left;
+ font: bold 11px arial
+}
+
+#sddm li a
+{
+ display: block;
+ margin: 0 1px 0 0;
+ padding: 4px 10px;
+ width: 60px;
+ background-color: #000099;
+ color: #FFFFFF;
+ text-align: center;
+ text-decoration: none
+}
+
+#sddm li a:hover
+{
+ color: #3366CC;
+}
+
+#sddm div
+{
+ position: absolute;
+ visibility: hidden;
+ margin: 0;
+ padding: 0;
+ background-color: #000099;
+ border: 1px solid #5970B2
+}
+
+#sddm div a
+{
+ position: relative;
+ display: block;
+ margin: 0;
+ padding: 5px 10px;
+ width: auto;
+ white-space: nowrap;
+ text-align: left;
+ text-decoration: none;
+ background-color: #000099;
+ color: #FFFFFF;
+ font: 11px arial
+}
+
+#sddm div a:hover
+{
+ background: #49A3FF;
+ color: #3366CC;
+}
+
/* Top Div Styles Here */
div.div-top
{
hooks/post-receive
--
UNNAMED PROJECT
More information about the Web-reskin
mailing list