Gallifrey-Craft Navbar

Developer
Isaac
Size
2,135 Kb
Views
26,312
  1. Gallifrey-Craft Navbar Previews
  2. Gallifrey-Craft Navbar HTML Codes
  3. Gallifrey-Craft Navbar CSS Codes

How do I make an gallifrey-craft navbar?

NO YOU CANNOT USE IT. I created the navbar for the Gallifrey-Craft site (http://gallifrey-craft.enjin.com/) in code myself, so that lynx can do more custom stuff with it :). What is a gallifrey-craft navbar? How do you make a gallifrey-craft navbar? This script and codes were developed by Isaac on 30 October 2022, Sunday.

Gallifrey-Craft Navbar Previews
IQ Test

Gallifrey-Craft Navbar - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>Gallifrey-Craft Navbar</title> <link rel="stylesheet" href="css/style.css">
</head>
<body> <div id="navbar"> <div id="navwrap"> <ul> <li><a href="/home">Home</a></li> <li><a href="/home">Forums</a></li> <li><a href="/home">Shop</a></li> <li><a href="/home">Vote</a></li> <li><a href="/home">Members</a> <div class="dropdown"> <ul> <li><a href="/members">All Members</a></li> <li><a href="/staff">Staff Members</a></li> <li><a href="/sb">Staff Biographies</a></li> </ul> </div> </li> <li><a href="/home">Support</a></li> </ul> </div>
</div>
</body>
</html>

Gallifrey-Craft Navbar - Script Codes CSS Codes

@import url('https://fonts.googleapis.com/css?family=Quicksand');
@import url('https://netdna.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css');
#navbar{ background-color:#222; height:45px; width:100%; top:0;left:0;right:0; position:fixed; border-bottom:#2E4487 5px solid; font-family:'Quicksand', sans-serif; color:#eee; -webkit-box-shadow: inset 0px -4px 13px 0px rgba(0, 0, 0, 0.50); -moz-box-shadow: inset 0px -4px 13px 0px rgba(0, 0, 0, 0.50); box-shadow: inset 0px -4px 13px 0px rgba(0, 0, 0, 0.50); z-index:999;
}
#navbar a{ color:#eee; text-decoration:none;
}
#navbar ul{ list-style-type:none; float:right; padding:0; margin:0;
}
#navbar ul li{ display:inline-block; padding-top:0px; font-size:16px; padding-left:8px; padding-right:8px;
}
#navbar li ul{ display:none; background-color:#222; border:#111 1px solid; position:absolute; padding-right:25px; z-index:9991;
}
#navbar li:hover ul{ display:block;
}
#navbar li ul li{ display:block; margin-top:-6px; margin-left:-30px; padding:7px; font-size:16px;
}
#dropdown{ float:left; position:absolute;
}
#navwrap{ margin-top:16px;
}
.element_avatar.tiny img{ width:24px; height:24px;
}
#enjin-bar .right{ position:fixed; font-size: 24px; font-family: 'Quicksand', sans-serif; top: 30px; z-index:99999;
}
Gallifrey-Craft Navbar - Script Codes
Gallifrey-Craft Navbar - Script Codes
Home Page Home
Developer Isaac
Username graphiteisaac
Uploaded October 30, 2022
Rating 3
Size 2,135 Kb
Views 26,312
Do you need developer help for Gallifrey-Craft Navbar?

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!

Isaac (graphiteisaac) Script Codes
Name
A simple yet functional navbar
Creative Grenade Navbar
Enjin friendly top section design
Fully responsive top section design
ImpactMC Network Footer
Gallifrey-Craft Mockup
Theme Examples 1
Flat Design Animated Navbar
Television Screen in CSS3
Mineplex-ish navbar
Create amazing love letters 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!