Smart Drop Down

Developer
Francesca
Size
2,162 Kb
Views
10,120
  1. Smart Drop Down Previews
  2. Smart Drop Down HTML Codes
  3. Smart Drop Down CSS Codes

How do I make an smart drop down?

Hover Drop Down Menu with down pointer for SMART site.. What is a smart drop down? How do you make a smart drop down? This script and codes were developed by Francesca on 20 November 2022, Sunday.

Smart Drop Down Previews
IQ Test

Smart Drop Down - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>Smart Drop Down</title> <link rel="stylesheet" href="css/style.css">
</head>
<body> <div id="navmenu">
<ul> <li><a href="#" rel="nofollow"> <img alt="" src="/Portals/1/Smart-Logo.png" style="width: 250px; height: 30px;" />&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;</a></li> <li><a href="#" rel="nofollow"><span style="text-align: center;">&nbsp; &nbsp; &nbsp; &nbsp; THE COLLECTIONS &nbsp; &nbsp; &nbsp; &nbsp;</span></a> <ul class="sub-menu"> <li><img alt="" src="/Portals/1/Drop-Down-Arrow.png" style="width: 40px; height: 17px; background-color: #ffffff;" /> <br /> <a href="#"><span style="line-height: 2; letter-spacing: 2px; font-family: arial; font-size: 13px; color: black;">&nbsp; &nbsp; URBAN FALLS</span></a></li> <li> <a href="#"><span style="line-height: 2; letter-spacing: 2px; font-family: arial; font-size: 13px; color: black;"> &nbsp; &nbsp; CONTEMPORARY MUSE</span></a> </li> <li> <a href="#"><span style="line-height: 2; letter-spacing: 2px; font-family: arial; font-size: 13px; color: black;">&nbsp; &nbsp; MODERN MINIMALIST</span></a></li> <br /> <li> <a href="#"><span style="line-height: 2; letter-spacing: 2px; font-family: arial; font-size: 13px; color: black;">&nbsp; &nbsp; LOFT LIVING</span></a></li> <br /> <li><a href="#"><span style="line-height: 2; letter-spacing: 2px; font-family: arial; font-size: 13px; color: black;">&nbsp; &nbsp; CLASSIC</span></a> </li> </ul> </li> <li><a href="#" rel="nofollow">&nbsp; &nbsp; &nbsp; &nbsp; THE DESIGNERS &nbsp; &nbsp; &nbsp; &nbsp; </a> <ul class="sub-menu"> <li>&nbsp; &nbsp; <img alt="" src="/Portals/1/Drop-Down-Arrow.png" style="width: 40px; height: 17px;" /></li> <br /> <li> <a href="#"><span style="line-height: 2; letter-spacing: 2px; font-family: arial; font-size: 13px; color: black;">&nbsp; &nbsp; AQUAELITE</span></a></li> <li> <a href="#"><span style="line-height: 2; letter-spacing: 2px; font-family: arial; font-size: 13px; color: black;">&nbsp; &nbsp; CALFLEX</span></a> </li> <li> <a href="#"><span style="line-height: 2; letter-spacing: 2px; font-family: arial; font-size: 13px; color: black;">&nbsp; &nbsp; FORNARA &amp; MAULINI</span></a></li> <br /> <li> <a href="#"><span style="line-height: 2; letter-spacing: 2px; font-family: arial; font-size: 13px; color: black;">&nbsp; &nbsp; GUGLIELMI</span></a></li> <br /> <li><a href="#"><span style="line-height: 2; letter-spacing: 2px; font-family: arial; font-size: 13px; color: black;">&nbsp; &nbsp; HELO STEAM</span></a> </li> <li> <a href="#"><span style="line-height: 2; letter-spacing: 2px; font-family: arial; font-size: 13px; color: black;">&nbsp; &nbsp; NOBILI</span></a></li> <br /> <li><a href="#"><span style="line-height: 2; letter-spacing: 2px; font-family: arial; font-size: 13px; color: black;">&nbsp; &nbsp; NUOVA OSMO</span></a> </li> </ul> </li>
</ul>
</div>
</body>
</html>

Smart Drop Down - Script Codes CSS Codes

#navmenu ul {padding:3;max-width:919pt;margin:0;margin-left:auto; background-color:#fff; }
#navmenu li {list-style:none;float:left;position:relative;}
#navmenu ul li a {
background-color: #FFF;
display: block;
height: 30pt;
width: 280px;
color: #000;
text-decoration: none;
text-align: left;
border-bottom-width: 1pt;
border-bottom-style: solid;
border-bottom-color: #000;
line-height: 30pt;
font-family: Arial;
font-size: 16px;
letter-spacing: 2px;
}
#navmenu ul li a:hover{
background-color: #FFF;
color: #000;
font-weight: bold;
}
#navmenu ul li ul {
position: absolute;
visibility: hidden;
}
#navmenu ul li:hover ul {
visibility: visible;
}
Smart Drop Down - Script Codes
Smart Drop Down - Script Codes
Home Page Home
Developer Francesca
Username francescaedits
Uploaded November 20, 2022
Rating 3
Size 2,162 Kb
Views 10,120
Do you need developer help for Smart Drop Down?

Find the perfect freelance services for your business! Fiverr's mission is to change how the world works together. Fiverr connects businesses with freelancers offering digital services in 500+ categories. Find Developer!

Francesca (francescaedits) Script Codes
Name
Thumbnail Slideshow Appearance
About Us
Test Contact Form
Superpro Template
Extended Warranty
Smart Expandable Menus
Smart Buttons
Cancellation Form
International Shipping Form
Original Contact Form
Create amazing Facebook ads with AI!

Jasper is the AI Content Generator that helps you and your team break through creative blocks to create amazing, original content 10X faster. Discover all the ways the Jasper AI Content Platform can help streamline your creative workflows. Start For Free!