jQ/jS
Org Chart
Zebra Calendar
Flipper JQ
Animated Divs,etc
Uploader Application
Detects Screen width
Javascript Print Button
Mind Map ➽
Video Body BG ➽
Timed Refresh Page
Accordian 2 ➽
Slide Gallery ➽
Table Sorter ➽
Auto Complete
AJax Beginings ➽
Read More ➽
Display Random Text
Marquee
Count Down
Learn JQuery ➽
Links ➽
Snippets ➽
Expose
Slider
Drop and Drag
Rotate 360
Sticky Nav
Persistant Div
Up Loader App (zip)
Fix element/selector on scroll
Wizards
CSS
Media Screen Wizard ➽
CSS Circle Button
CSS Properties Explained
CSS Vocabulary
Bootstrap References ➽
Icon in LI
Floating Button Bar
CSS Accordian ➽
Custom Fluid Wizard
Multple Columns css
100% Height
Shadows/Radious
Table Styling
Listamatic
100% Background Img
W3 Css Validator
W3 Markup Validator
CSS Reset
Less Wizards ➽
CSS Table Styling
Responsive Menu ➽
Animation
Responsive
Media Screen Wizard ➽
Responsive Youtube
Responsive Images
DW Resposnive CSS ➽
QUICK Responsive Email Wizard
Responsive for DW
Responsive for PHP
Moose Loose Delux Theme ➽
Scroll Thing Theme ➽
responsive table
Misc
Contract Creator
Moose View ➽
HTML5 Fixes
Gradient Image
404
WebED
Forms
Database
SPA Complete
P.I.G.
Vids
<ul class="menu">
<li class="navbuta"><a href="#" title="HOME">HOME</a></li>
<li class="navbutb"><a href="#" title="ABOUT US">ABOUT US</a></li>
<li class="navbutc"><a href="#" title="CONTACT US">CONTACT US</a></li>
<li class="navbutd"><a href="#" title="GALLERY">GALLERY</a>
<ul class='children'><li><a href="#" title="SHOWROOM">SHOWROOM</a></li></ul></li>
</ul>
------------------------------------------------------------------
* {
margin : 0;
padding : 0;
}
a {
text-decoration : none;
text-align : right;
}
ul {
list-style : none;
}
p {
margin : 20px 0;
}
ul.menu {
position : relative;
width : 168px;
border-bottom : 0 solid #38DF04;
}
ul.menu li {
font-weight : bold;
float : left;
width : 100%;
padding : 2px 4px;
}
ul.menu li a:link {
color : #000000;
display : block;
padding : 2px 4px;
background-color : #f00;
}
ul.menu li a:visited {
color : #000000;
}
ul.menu li a:hover {
color : #000000;
background-color : #eeeeee;
}
ul.menu li a:active {
color : #000000;
background-color : #ffffff;
}
ul.menu ul li a {
border-right : none;
width : 100%;
display : inline-block;
background : #00aa00;
}
ul.menu li:hover {
position : relative;
z-index : 100;
}
ul.menu ul {
width : 175px;
visibility : hidden;
position : absolute;
top : 0;
left : 172px;
z-index : 100;
}
ul.menu ul li a {
margin : 0;
width : 100%;
display : inline-block;
background : #336699;
color : #ffffff;
text-align : left;
border-bottom : 10px;
}
ul.menu ul li a:visited {
width : 100%;
display : inline-block;
background : #336699;
color : #ffffff;
text-align : left;
}
ul.menu ul li a:hover {
border-right : none;
width : 100%;
display : inline-block;
background : #97B4CA;
color : #000000;
text-align : left;
}
ul.menu ul ul {
left : 100%;
top : 0;
}
ul.menu li:hover > ul {
visibility : visible;
}