Dropotron
How do I make an dropotron?
What is a dropotron? How do you make a dropotron? This script and codes were developed by Leolo on 20 December 2022, Tuesday.
Dropotron - Script Codes HTML Codes
<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>dropotron</title> <link rel="stylesheet" href="css/style.css">
</head>
<body> <nav id="main-nav"> <ul> <li><a href="/">Home</a></li> <li> <a href="/skills">Skills</a> <ul> <li><a href="/skills/nunchuks">Nunchuks</a></li> <li><a href="/skills/bow-hunting">Bow Hunting</a></li> <li><a href="/skills/computer-hacking">Computer Hacking</a></li> <li><a href="/skills/disco">Disco</a></li> </ul> </li> <li> <a href="/enemies">Enemies</a> <ul> <li><a href="/enemies/don">Don</a></li> <li><a href="/enemies/uncle-rico">Uncle Rico</a></li> <li> <a href="/enemies/rogue-ais">Rogue AIs ...</a> <ul> <li><a href="/enemies/rogue-ais/shodan">SHODAN</a></li> <li><a href="/enemies/rogue-ais/wintermute">Wintermute</a></li> <li><a href="/enemies/rogue-ais/neuromancer">Neuromancer</a></li> <li><a href="/enemies/rogue-ais/deus">Deus</a></li> <li><a href="/enemies/rogue-ais/megaera">Megaera</a></li> </ul> </li> <li><a href="/enemies/chickens">Chickens</a></li> </ul> </li> <li><a href="/art">Art</a></li> <li><a href="/contact">Contact</a></li> </ul>
</nav> <script src='https://code.jquery.com/jquery-2.2.4.min.js'></script>
<script src='https://cdn.rawgit.com/ajlkn/jquery.dropotron/9d8c9981/jquery.dropotron.min.js'></script> <script src="js/index.js"></script>
</body>
</html>
Dropotron - Script Codes CSS Codes
body{background-color:#242943;}
a{color:#9bf1ff;}
#main-nav ul { list-style: none; margin: 0; padding: 0; }
#main-nav ul li { display: inline-block; margin: 0 1em 0 1em; padding: 0.35em 0.75em 0.35em 0.75em; border-radius: 0.5em; }
#main-nav ul li.active { background: #999; }
#main-nav ul li.active a { color: #fff; text-decoration: none; }
.dropotron { background: #444; border-radius: 0.5em; list-style: none; margin: 0; min-width: 10em; padding: 0.75em 1em 0.75em 1em; }
.dropotron > li { border-top: solid 1px #555; margin: 0; padding: 0; }
.dropotron > li:first-child { border-top: 0; }
.dropotron > li > a { color: #ccc; display: block; padding: 0.5em 0 0.5em 0; text-decoration: none; }
.dropotron > li.active > a, .dropotron > li:hover > a { color: #fff; }
.dropotron.level-0 { margin-top: 1.25em; }
.dropotron.level-0:before { content: ''; position: absolute; border-bottom: solid 0.5em #444; border-left: solid 0.5em transparent; border-right: solid 0.5em transparent; top: -0.5em; }
Dropotron - Script Codes JS Codes
var fido = $('#main-nav > ul');
fido.dropotron();
Developer | Leolo |
Username | diomed |
Uploaded | December 20, 2022 |
Rating | 3 |
Size | 2,224 Kb |
Views | 32,384 |
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!
Name | Size |
Week.plan | 2,139 Kb |
The Man who changed Buddhism | 4,519 Kb |
Scarlett Johansson Tribute Page | 3,233 Kb |
Particles.js demo | 2,881 Kb |
Vue-carousel-3d v2 | 2,803 Kb |
Portfolio Template | 3,546 Kb |
IVolunteer | 3,983 Kb |
Technical Documentation Page fCC | 2,471 Kb |
Portfolio | 3,149 Kb |
Parallax | 2,483 Kb |
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!
Name | Username | Size |
Svg sky | Omodev | 7,070 Kb |
Layout 11 | Altynai | 1,690 Kb |
Parallax scrolling scene | Iharosi | 2,485 Kb |
Popup Modal | Aldlevine | 3,696 Kb |
Animated rainbow wave on canvas | Icodeforlove | 2,777 Kb |
Animated Logo | Shakdaniel | 2,672 Kb |
Glowing Pulse Form | Jackrugile | 2,542 Kb |
Highbrow Basic HTML Lesson 7 | Kimlarocca | 1,662 Kb |
Display properties | Hamzaerbay | 1,886 Kb |
CSS3 Form Page Design | Rssatnam | 3,613 Kb |
Surf anonymously, prevent hackers from acquiring your IP address, send anonymous email, and encrypt your Internet connection. High speed, ultra secure, and easy to use. Instant setup. Hide Your IP Now!