Theme Examples 1

Developer
Isaac
Size
2,661 Kb
Views
14,168
  1. Theme Examples 1 Previews
  2. Theme Examples 1 HTML Codes
  3. Theme Examples 1 CSS Codes

How do I make an theme examples 1?

Yeah, trying it out.. What is a theme examples 1? How do you make a theme examples 1? This script and codes were developed by Isaac on 30 October 2022, Sunday.

Theme Examples 1 Previews
IQ Test

Theme Examples 1 - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>Theme Examples 1</title> <link rel="stylesheet" href="css/style.css">
</head>
<body> <link type="text/css" rel="stylesheet" media="screen" href="https://netdna.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css"></link>
<div class="logo-area"> <div align="center"> <img src="http://placehold.it/500x150"> </div>
</div> <div class="navbar"> <div class="server-name"> <a href="/home"><span><i class="fa fa-globe"></i> ServerCraft / <i class="fa fa-user"></i> 60</span></a> </div> <ul> <a href="/home"><li>Home</li></a> <a href="/forums"><li>Forum</li></a> <a href="/shop"><li id="special-link">Shop</li></a> <a href="#"><li>Users <ul> <a href="/users"><li>All Users</li></a> <a href="/staff"><li>Staff</li></a> </ul> </li></a> <a href="/vote"><li>Vote</li></a> </ul> <ul id="last-link"> <a href="/profile"><li>Isaac // MrMiner</li></a> </ul>
</div>
</div>
<div align="center">
<h1>This pen is for SALE! Please add me on Skype at 'MrMiner2229' to talk about payment.</h1>
</div>
</body>
</html>

Theme Examples 1 - Script Codes CSS Codes

/*The navbar was made to be Enjin Friendly, that's why it looks like it's way too wide.*/
/*Coded by hand by MrMiner2229, Inspired by Bartoke & Ccrama*/
@import url(https://fonts.googleapis.com/css?family=Maven+Pro:400,500,700,900);
h1{text-align:center;color:#eee;text-transform:uppercase;font-family:'Maven Pro', sans-serif;font-weight:400;padding:3px;background:#2ecc71;border-radius:3px;width:1000px;}
body{ background:#221E1E;
}
.logo-area{ background:#222; margin:-8px -800px 0px -800px; padding:8px 800px 5px 800px; position:relative; z-index:9999; border-bottom:#eee 3px solid;
}
.navbar ul#last-link{float:right;margin-left:0px;padding-left:0px;}
.navbar ul{display:inline-block;}
.navbar li{ display:inline-block; color:#34495e; padding:8px; font-family:'Maven Pro', sans-serif; text-transform:uppercase; margin:5px; margin-top:-9px; font-size:22px; padding-bottom:8px; transition:200ms all linear; border-bottom:transparent 3px solid;
}
.navbar a{ color:#34495e; font-family:'Maven Pro', sans-serif; transition:200ms all linear; text-decoration:none;
}
.navbar ul ul{ position:absolute; margin-top:-158px; background:#ccc; padding-left:0px; margin-left:-8px; z-index:-1; opacity:100; transition:300ms all linear; border-radius:0px 0px 3px 3px; visibility:hidden;
}
.navbar li:hover ul{ margin-top:18px; opacity:100; height:auto; z-index:-1; visibility:visible;
}
.navbar a:hover{color:#eee !important;}
.navbar li:hover a{color:#eee !important;}
.navbar ul ul a{ display:block; padding:3px; border-radius:3px; border-bottom:0px transparent solid;
}
.navbar ul ul a li{ border-radius:3px; border-bottom:0px transparent solid;
}
.navbar ul ul a li:hover{ border-radius:3px; border-bottom:0px transparent solid;
}
.server-name a{color:#eee;text-decoration:none;transition:100ms all linear;}
.server-name:hover{background:#2c3e50;}
.server-name a:hover{color:#fff;text-decoration:none;}
.navbar li#special-link:hover{ background:#2ecc71; border-bottom:3px solid #27ae60;
}
.navbar li:hover{ background:#34495e; border-bottom:3px #283644 solid; color:#eee;
}
.server-name{ position: relative; height: 70px; width: 264px; background-color: #34495e; top:-22px; text-align: center; display:inline-block; transition:150ms all linear; text-decoration:none !important; z-index:99999999; border: #eee 3px solid;
}
.server-name span{ color:#eee; text-align:center; font-family:'Maven Pro', sans-serif; text-transform:uppercase; margin:10px; font-size:20px; font-weight:600; position: relative; top: 24px; text-decoration:none !important;
}
.navbar{ width:100%; background:#eee; height:60px; padding:0px 800px 0px 800px; margin:0px -800px 0px -800px; position:relative; z-index:6;
}
Theme Examples 1 - Script Codes
Theme Examples 1 - Script Codes
Home Page Home
Developer Isaac
Username graphiteisaac
Uploaded October 30, 2022
Rating 3
Size 2,661 Kb
Views 14,168
Do you need developer help for Theme Examples 1?

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
Gallifrey-Craft Mockup
Enjin design center navbar
ImpactMC Network Footer
Cursed Realm Footer
Television Screen in CSS3
Creative Grenade Navbar
A simple yet functional navbar
Flat Design Animated Navbar
Fully responsive top section design
CCrama Inspired
Create amazing blog posts 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!