Enjin design center navbar

Developer
Isaac
Size
2,429 Kb
Views
22,264
  1. Enjin design center navbar Previews
  2. Enjin design center navbar HTML Codes
  3. Enjin design center navbar CSS Codes
  4. Enjin design center navbar JS Codes

How do I make an enjin design center navbar?

Navbar for the enjin design center.. What is a enjin design center navbar? How do you make a enjin design center navbar? This script and codes were developed by Isaac on 30 October 2022, Sunday.

Enjin design center navbar Previews
IQ Test

Enjin design center navbar - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>Enjin design center navbar</title> <link rel="stylesheet" href="css/style.css">
</head>
<body> <div class="navbar"> <div align="right"> <ul> <a href="/home"><li>Home</li></a> <a href="/forums"><li>Forums</li></a> <a href="/inspireme"><li>Inspire Me</li></a> <a href="/designers"><li>Special Users</li></a> <a href="/profile" id="spcl"><li>Isaac // MrMiner</li></a> </ul> </div>
</div>
<div class="denjin-top"> <div class="denjin-content"> <h1>Welcome to the Enjin Design Center.</h1> <h5>We are a newly opened center for Enjin designers, developers and artists to share their knowledge and recourses.</h5> <div class="tagline">Latest news post: <span>$10 Giveaway & More! (3)</span></div> </div>
</div> <script src="js/index.js"></script>
</body>
</html>

Enjin design center navbar - Script Codes CSS Codes

@import url(https://fonts.googleapis.com/css?family=Titillium+Web:200,300,600,400,900,700);
body{ background:#DFEDEF;
}
.navbar{ position:fixed; background-color:#eee; background-image:url('https://puu.sh/g3bIl/e42d606ceb.png'); background-repeat:no-repeat; background-size:contain; height:50px; top:0;left:0;right:0; border-bottom: #BB3E3E 2px solid;
}
.navbar ul{ margin-top:0px;
}
.navbar ul li{ display:inline-block; color:#D04646; padding:13px; font-family:'Titillium Web', sans-serif; transition:200ms all linear;
}
.navbar a{ text-decoration:none;
}
.navbar a#spcl:after{content:'';}
.navbar ul li:hover{ background:#D04646; padding:6px; margin:7px 14px; transform:rotate(-4deg); color:#eee; font-weight:600; border-radius:2px;
}
.navbar a#spcl li{ color:rgb(69, 137, 166);
}
.navbar a#spcl li:hover{ background:rgb(69, 137, 166); color:#eee;
}
.denjin-top{ background:url('https://puu.sh/fTifb/c97b822afc.png') center center no-repeat; width:100%; margin:0px -800px 0px -800px; padding:0px 800px 0px 800px; height:280px; border-bottom:#B12A2A 3px solid;
}
.denjin-content{ width:1000px; margin-left:auto; margin-right:auto; position:relative; top:70px; font-size:170%; color:#B12A2A; font-family:'Titillium Web', sans-serif;
}
.denjin-content *{ font-weight:500; margin:10px;
}
.denjin-content h5{ font-size:75%;
}
.denjin-content div{ font-size:70%;
}
.denjin-content span{ color:#eee; background:#B12A2A; padding:0px 2px 0px 4px; border-radius:2px; font-weight:600;
}

Enjin design center navbar - Script Codes JS Codes

// Nothing too special.
Enjin design center navbar - Script Codes
Enjin design center navbar - Script Codes
Home Page Home
Developer Isaac
Username graphiteisaac
Uploaded October 30, 2022
Rating 3
Size 2,429 Kb
Views 22,264
Do you need developer help for Enjin design center 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
Cursed Realm Footer
Simple Sidebar with Animated Icon
ImpactMC Network Footer
A simple yet functional navbar
Television Screen in CSS3
Creative Grenade Navbar
Enjin friendly top section design
Gallifrey-Craft Navbar
Theme Examples 1
Mineplex-ish navbar
Create amazing sales emails 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!