NAV WPMANAGER

What is a nav wpmanager How do you make a nav wpmanager? This script and codes were developed by Hemant Aggarwal on 15 March 2022, Tuesday.

How do I make an nav wpmanager?
  1. NAV WPMANAGER Previews
  2. NAV WPMANAGER HTML Codes
  3. NAV WPMANAGER CSS Codes
NAV WPMANAGER Previews

NAV WPMANAGER HTML Codes

<!DOCTYPE html>
<html >
<head>
  <meta charset="UTF-8">
  <title>NAV WPMANAGER</title>
  
  
  <link rel='stylesheet prefetch' href='http://ajax.googleapis.com/ajax/libs/jqueryui/1.11.2/themes/smoothness/jquery-ui.css'>

      <link rel="stylesheet" href="css/style.css">

  
</head>

<body>
  <ul><li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-home menu-item-268" id="menu-item-268"><a href="http://localhost/eclipse%20project/">Home</a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-269" id="menu-item-269"><a href="http://localhost/eclipse%20project/?page_id=243">About Hansel &amp; Petal</a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-270" id="menu-item-270"><a href="http://localhost/eclipse%20project/?page_id=2">Sample Page</a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-264" id="menu-item-264"><a href="http://localhost/eclipse%20project/?page_id=2">Sample Page</a></li><li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-270" id="menu-item-270"><a href="http://localhost/eclipse%20project/?page_id=2">Sample Page</a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-264" id="menu-item-264"><a href="http://localhost/eclipse%20project/?page_id=2">Sample Page</a></li><li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-270" id="menu-item-270"><a href="http://localhost/eclipse%20project/?page_id=2">Sample Page</a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-264" id="menu-item-264"><a href="http://localhost/eclipse%20project/?page_id=2">Sample Page</a></li><li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-270" id="menu-item-270"><a href="http://localhost/eclipse%20project/?page_id=2">Sample Page</a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-264" id="menu-item-264"><a href="http://localhost/eclipse%20project/?page_id=2">Sample Page</a></li>
</ul>
  <script src='http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script>
<script src='http://ajax.googleapis.com/ajax/libs/jqueryui/1.11.2/jquery-ui.min.js'></script>

  
</body>
</html>

NAV WPMANAGER CSS Codes

ul li{
  float:left;
  list-style:none;
}

ul li a{
  text-decoration:none;
  padding:2px 8px;
text-transform: uppercase;
  font-family: 'PT Sans', sans-serif;
  color:#5d5c5c;
  font-size:14px;
  background:transparent;
	-moz-transition: background .35s ease;
	-webkit-transition: background .35s ease;
	-o-transition: background .35s ease;
	-ms-transition: background .35s ease;
	transition: background .35s ease;
}
ul li:nth-child(7n+1):hover > a{
  background:#016CAF;
  color:#fff;
}
ul li:nth-child(7n+2):hover > a{
  background:#EA484F;
  color:#fff;
}
ul li:nth-child(7n+3):hover > a{
  background:#B861E1;
  color:#fff;
}
ul li:nth-child(7n+4):hover > a{
  background:#679BC3;
  color:#fff;
}
ul li:nth-child(7n+5):hover > a{
  background:#434343;
  color:#fff;
}
ul li:nth-child(7n+6):hover > a{
  background:#FF7200;
  color:#fff;
}
ul li:nth-child(7n+7):hover > a{
  background:#4EA100;
  color:#fff;
}


li:nth-child(7n+1){
 border-top:3px solid #016CAF;
}
li:nth-child(7n+2){
border-top:3px solid #EA484F;
}
li:nth-child(7n+3){
border-top:3px solid #B861E1;
}
li:nth-child(7n+4){
border-top:3px solid #679BC3;
}
li:nth-child(7n+5){
border-top:3px solid #434343;
}
li:nth-child(7n+6){
border-top:3px solid #FF7200;
}
li:nth-child(7n+7){
border-top:3px solid #4EA100;
}
Do you want hide your ip address?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.