Meniu negru cu auriu

Numele fontului: AudioWide
Marimea fontului: 12px
Dimensiunile: 80x40
Imagine goala(blank):





Reprezentativ cu hover pentru cei care vor sa detina un meniu mai deosebit.
O sa las mai jos si un tutorial cum puteti sa il instalati pe forumul vostru.



Pentru cei care nu stiu sa isi puna imagini la meniu trebuie sa urmeze urmatorii pasi:
1.Panou de administrare/afisare/administrare imagini/mod avansat/general si navigare. (stergeti toate imaginile de la meniu si apasat inregistrare) Nu trebuie sa aveti nicio imagine pusa aici.
2.Panou de administrare/afisare/antet si navigare/ Afisati numai imagini in bara de link-uri :
Da Nu (selectati DA).
3.Panou de administrare/afisare/css/ si adaugati urmatorul cod css:

Cod:


a.mainmenu img{
    width: 80px;
height: 40px;
  margin-right: -1px;
      background-repeat: no-repeat;
  border: 1px solid #111;
  box-shadow: 0px 1px 1px #777 inset;
border-bottom: 2px solid #3d9a2e;
}


a.mainmenu img:hover{
  transition: 0.5s;
  border-bottom: 2px solid orange;
}


img#i_icon_mini_index{
  background-image: url(https://i62.servimg.com/u/f62/19/36/53/46/forum10.png)!important;
    border-radius: 3px 0px 0px 3px;
}


img#i_icon_mini_index:hover{
  background-image: url(https://i62.servimg.com/u/f62/19/36/53/46/forumh10.png)!important;
    border-radius: 3px 0px 0px 3px;
}



img#i_icon_mini_calendar{
  background-image: url(https://i62.servimg.com/u/f62/19/36/53/46/th/calend10.png)!important;
}

img#i_icon_mini_calendar:hover{
  background-image: url(https://i62.servimg.com/u/f62/19/36/53/46/th/calend11.png)!important;
}

img#i_icon_mini_gallery{
  background-image: url(https://i62.servimg.com/u/f62/19/36/53/46/th/galeri10.png)!important;
}

img#i_icon_mini_gallery:hover{
  background-image: url(https://i62.servimg.com/u/f62/19/36/53/46/th/galeri11.png)!important;
}


img#i_icon_mini_faq{
  background-image: url(https://i62.servimg.com/u/f62/19/36/53/46/faq10.png)!important;
}

img#i_icon_mini_faq:hover{
  background-image: url(https://i62.servimg.com/u/f62/19/36/53/46/faqhov10.png)!important;
}

img#i_icon_mini_search{
  background-image: url(https://i62.servimg.com/u/f62/19/36/53/46/th/cautar10.png)!important;
}

img#i_icon_mini_search:hover{
  background-image: url(https://i62.servimg.com/u/f62/19/36/53/46/th/cautar11.png)!important;
}


img#i_icon_mini_members{
  background-image: url(https://i62.servimg.com/u/f62/19/36/53/46/th/membri10.png)!important;
}

img#i_icon_mini_members:hover{
  background-image: url(https://i62.servimg.com/u/f62/19/36/53/46/th/membri11.png)!important;
}

img#i_icon_mini_groups{
  background-image: url(https://i62.servimg.com/u/f62/19/36/53/46/th/grupur10.png)!important;
}

img#i_icon_mini_groups:hover{
  background-image: url(https://i62.servimg.com/u/f62/19/36/53/46/th/grupur11.png)!important;
}



img#i_icon_mini_profile{
  background-image: url(https://i62.servimg.com/u/f62/19/36/53/46/th/profil10.png)!important;
}

img#i_icon_mini_profile:hover{
  background-image: url(https://i62.servimg.com/u/f62/19/36/53/46/th/profil11.png)!important;
}

img#i_icon_mini_message{
  background-image: url(https://i62.servimg.com/u/f62/19/36/53/46/th/inbox10.png)!important;
}

img#i_icon_mini_message:hover{
  background-image: url(https://i62.servimg.com/u/f62/19/36/53/46/th/inboxh10.png)!important;
}



img#i_icon_mini_new_message{
  background-image: url(https://i62.servimg.com/u/f62/19/36/53/46/th/mesajn10.png)!important;
}

img#i_icon_mini_new_message:hover{
  background-image: url(https://i62.servimg.com/u/f62/19/36/53/46/th/mesajn11.png)!important;
}


img#i_icon_mini_login{
  background-image: url(https://i62.servimg.com/u/f62/19/36/53/46/th/login10.png)!important;
  border-radius: 0px 5px 5px 0px;
}

img#i_icon_mini_login:hover{
  background-image: url(https://i62.servimg.com/u/f62/19/36/53/46/th/loginh10.png)!important;
}


img#i_icon_mini_logout{
  background-image: url(https://i62.servimg.com/u/f62/19/36/53/46/th/logout10.png)!important;
  border-radius: 0px 5px 5px 0px;
}

img#i_icon_mini_logout:hover{
  background-image: url(https://i62.servimg.com/u/f62/19/36/53/46/th/logout11.png)!important;
}

img#i_icon_mini_register{
  background-image: url(https://i62.servimg.com/u/f62/19/36/53/46/th/regist10.png)!important;
}

img#i_icon_mini_register:hover{
  background-image: url(https://i62.servimg.com/u/f62/19/36/53/46/th/regist11.png)!important;
}




img#i_icon_mini_publication{
  background-image: url(https://i62.servimg.com/u/f62/19/36/53/46/public10.png)!important;
}

img#i_icon_mini_publication:hover{
  background-image: url(https://i62.servimg.com/u/f62/19/36/53/46/public11.png)!important;
}


Frumos , imi place !

Multumesc pentru aprobare.