Subscribe For Free Updates!

We'll not spam mate! We promise.

Friday, 20 June 2014

A Beautiful Simple CSS Navigation Bar / Menu Bar For Blogger

How To Make Simple CSS Navigation Bar / Menu Bar In Blogger.




Copy CSS Codes Between <b:skin>---</b:skin>

#navbar1 
 background-color: #08416C;
 height: 44px; color: #fff; 
 #navbar.small1 
 { 
 height: 4px;
 } 
 .platform1 
{ height: 44px; 
 line-height: 44px; 
 float: left; 
 left:50px; 
 position: relative; 
 padding: 0 25px; 
 color: white; 
 font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif; 
 .platform1.active, .platform1:hover 
{ height: 44px; 
 background-color: #0091DD; 
 border-bottom: 2px solid 
#0091DD; font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif; 
} .platform1 .sprite 
{ display: inline-block; 
 position: relative; 
 top: 5px; 
}


Html Codes

 <div id='navbar1'>
 <a href="#">
<div class='platform1'>Home
                              </div></a>
<a href="#">
<div class='platform1'>Product
                              </div></a>
<a href="#">
<div class='platform1'>Blogger Tips
                              </div></a>
<a href="#">
<div class='platform1'>Contact
                              </div></a>
<a href="#">
<div class='platform1'>About
                              </div></a>
   </div>




Socializer Widget By Tips And How
SOCIALIZE IT →
FOLLOW US →
SHARE IT →

0 comments:

Post a Comment