Blue Nav Bar Hover 2014-11-12

Blue Nav Bar Hover

  1. upestana
    [​IMG] [​IMG] [​IMG] [​IMG] [​IMG] [​IMG] [​IMG]
    [​IMG] [​IMG] [​IMG] [​IMG] [​IMG][​IMG] [​IMG]

    SEE LIVE PREVIEW HERE

    Use the code below to give a try but if u decide to use please change to your links

    Code:
    #i_icon_mini_index{width:100px; height:44px; background:url(http://www.thomasbenacci.co.uk/files/Blue_Pack/Home.png) no-repeat 0 0;}
    #i_icon_mini_index:hover{background:url(http://www.thomasbenacci.co.uk/files/Blue_Pack/Home.png) no-repeat 0 -44px;}
    
    #i_icon_mini_portal{width:88px; height:44px; background:url(http://www.thomasbenacci.co.uk/files/Blue_Pack/Portal.png) no-repeat 0 0;}
    #i_icon_mini_portal:hover{background:url(http://www.thomasbenacci.co.uk/files/Blue_Pack/Portal.png) no-repeat  0 -44px;}
    
    #i_icon_mini_gallery{width:88px; height:44px; background:url(http://www.thomasbenacci.co.uk/files/Blue_Pack/Gallery.png) no-repeat 0 0;}
    #i_icon_mini_index{width:100px; height:44px; background:url(http://www.thomasbenacci.co.uk/files/Blue_Pack/Home.png) no-repeat 0 0;}
    #i_icon_mini_index:hover{background:url(http://www.thomasbenacci.co.uk/files/Blue_Pack/Home.png) no-repeat 0 -44px;}
    
    #i_icon_mini_portal{width:88px; height:44px; background:url(http://www.thomasbenacci.co.uk/files/Blue_Pack/Portal.png) no-repeat 0 0;}
    #i_icon_mini_portal:hover{background:url(http://www.thomasbenacci.co.uk/files/Blue_Pack/Portal.png) no-repeat  0 -44px;}
    
    #i_icon_mini_gallery{width:88px; height:44px; background:url(http://www.thomasbenacci.co.uk/files/Blue_Pack/Gallery.png) no-repeat 0 0;}
    #i_icon_mini_gallery:hover{background:url(http://www.thomasbenacci.co.uk/files/Blue_Pack/Gallery.png) no-repeat  0 -44px;}
    
    #i_icon_mini_calendar{width:88px; height:44px; background:url(http://www.thomasbenacci.co.uk/files/Blue_Pack/Calendar.png) no-repeat 0 0;}
    #i_icon_mini_calendar:hover{background:url(http://www.thomasbenacci.co.uk/files/Blue_Pack/Calendar.png) no-repeat  0 -44px;}
    
    #i_icon_mini_faq{width:88px; height:44px; background:url(http://www.thomasbenacci.co.uk/files/Blue_Pack/FAQ.png) no-repeat 0 0;}
    #i_icon_mini_faq:hover{background:url(http://www.thomasbenacci.co.uk/files/Blue_Pack/FAQ.png) no-repeat  0 -44px;}
    
    #i_icon_mini_search{width:88px; height:44px; background:url(http://www.thomasbenacci.co.uk/files/Blue_Pack/Search.png) no-repeat 0 0;}
    #i_icon_mini_search:hover{background:url(http://www.thomasbenacci.co.uk/files/Blue_Pack/Search.png) no-repeat  0 -44px;}
    
    #i_icon_mini_members{width:88px; height:44px; background:url(http://www.thomasbenacci.co.uk/files/Blue_Pack/Members.png) no-repeat 0 0;}
    #i_icon_mini_members:hover{background:url(http://www.thomasbenacci.co.uk/files/Blue_Pack/Members.png) no-repeat  0 -44px;}
    
    #i_icon_mini_groups{width:88px; height:44px; background:url(http://www.thomasbenacci.co.uk/files/Blue_Pack/Groups.png) no-repeat 0 0;}
    #i_icon_mini_groups:hover{background:url(http://www.thomasbenacci.co.uk/files/Blue_Pack/Groups.png) no-repeat  0 -44px;}
    
    #i_icon_mini_profile{width:88px; height:44px; background:url(http://www.thomasbenacci.co.uk/files/Blue_Pack/Profile.png) no-repeat 0 0;}
    #i_icon_mini_profile:hover{background:url(http://www.thomasbenacci.co.uk/files/Blue_Pack/Profile.png) no-repeat  0 -44px;}
    
    #i_icon_mini_message{width:88px; height:44px; background:url(http://www.thomasbenacci.co.uk/files/Blue_Pack/Message.png) no-repeat 0 0;}
    #i_icon_mini_message:hover{background:url(http://www.thomasbenacci.co.uk/files/Blue_Pack/Message.png) no-repeat 0 -44px;}
    
    #i_icon_mini_new_message{width:88px; height:44px; background:url(http://www.thomasbenacci.co.uk/files/Blue_Pack/New_pm.png) no-repeat 0 0;}
    #i_icon_mini_new_message:hover{background:url(http://www.thomasbenacci.co.uk/files/Blue_Pack/New_pm.png) no-repeat  0 -44px;}
    
    #i_icon_mini_logout{width:101px; height:44px; background:url(http://www.thomasbenacci.co.uk/files/Blue_Pack/Logout.png) no-repeat 0 0;}
    #i_icon_mini_logout:hover{background:url(http://www.thomasbenacci.co.uk/files/Blue_Pack/Logout.png) no-repeat  0 -44px;}
    
    #i_icon_mini_register{width:88px; height:44px; background:url(http://www.thomasbenacci.co.uk/files/Blue_Pack/Register.png) no-repeat 0 0;}
    #i_icon_mini_register:hover{background:url(http://www.thomasbenacci.co.uk/files/Blue_Pack/Register.png) no-repeat  0 -44px;}
    
    #i_icon_mini_login{width:101px; height:44px; background:url(http://www.thomasbenacci.co.uk/files/Blue_Pack/Login.png) no-repeat 0 0;}
    #i_icon_mini_login:hover{background:url(http://www.thomasbenacci.co.uk/files/Blue_Pack/Login.png) no-repeat  0 -44px;}
    [​IMG]
  1. This site uses cookies to help personalise content, tailor your experience and to keep you logged in if you register.
    By continuing to use this site, you are consenting to our use of cookies.