asculta virgin radio

Distribuiţi | 

Meniu IPB Default Version 2016

 Scris de mr.franta la data de Mier Mai 18, 2016 9:32 pm

Salutare dragi prieteni,am adus ceva nou pentru voi.
Avem un meniu in stil IPB dar 100% default! Da a-ti citit bine! 100% default.
Cum adica?
Numai ne chinuim sa modificam meniu in niciun fel il personalizam pentru ca se poate,nu a fost niciodata greu,a fost dintotdeauna simplu dar nu a incercat nimeni.

Avem si doua imagini cum arata meniul inainte de conectarea pe forum apoi inca una la conectarea pe forum.




Pasul numarul 1.
Adaugam imagini in meniu. (va recomand imagini de 16x16 px)
Panou de administrare/afisare/imagini/mod avansat/general si navigare



Acum mergem in panou de administrare/afisare/culori/css si personalizam meniu cu acest cod.

Cod:



#submenu{
    background: #191919;
    border-top: 1px solid #2b2b2b;
    line-height: 33px;
  padding: 0px!important;
  border-bottom: 1px solid #171717;
}

#submenu li a{
  display: inline-block;
     border-radius: 3px 3px 0 0;
    outline: none;
    padding: 0px 10px!important;
  font-family: sans-serif!important;
  font-weight: 600!important;
  font-size: 11px!important;
 line-height: 28px!important;
  margin: 0px!important;
  margin-left: 1px!important;
margin-right: 2px!important;
  text-transform: uppercase;
      background: #212121;
    color: #fff!important;
    border-top: 1px solid #565656;
    border-left: 1px solid #2f2f2f;
    border-right: 1px solid #2f2f2f;
  text-align: center;
float: left;
  position: relative;
  top: 4px;
  left: 4px;
}


a.mainmenu:hover{
  background: #333!important;
}
#submenu li a:first-child{
  background: #292929!important;
  border-bottom: none!important;

}


a.mainmenu img{
  display: inline-block;
  margin-right: 2px;
  margin-bottom: 2px;
}




a#logout.mainmenu{
   background: darkred url('http://i86.servimg.com/u/f86/16/74/33/30/highli10.png') repeat-x 0 0!important;
float: right;
margin-right: 4px!important;
}

a#logout.mainmenu:hover{
   background: red url('http://i86.servimg.com/u/f86/16/74/33/30/highli10.png') repeat-x 0 0!important;
}
#submenu li a[href="/login"]{
  float: right;

 background: #7ba60d url('http://i86.servimg.com/u/f86/16/74/33/30/highli10.png') repeat-x 0 0!important;
}
#submenu li a[href="/login"]:hover{
 background: #649d01 url('http://i86.servimg.com/u/f86/16/74/33/30/highli10.png') repeat-x 0 0!important;
}


#submenu li a[href="/register"]{
  float: right;
 background: #069 url('http://i86.servimg.com/u/f86/16/74/33/30/highli10.png') repeat-x 0 0!important;
margin-right: 4px!important;
}
#submenu li a[href="/register"]:hover{
 background: #1080f3 url('http://i86.servimg.com/u/f86/16/74/33/30/highli10.png') repeat-x 0 0!important;
}

Apasam butonul valideaza si este gata!

IMPORTANT

Va rugam sa raspundeti la subiect si sa votati parerea voastra pentru a ne ajuta comunitatea!
[/color]
Va aducem intotdeauna cele mai bune tutoriale,deci ne asteptam din partea fiecaruia dintre voi la cate un raspuns pentru a putea aduce tutoriale noi!Va multumim
Offline
avatar
mr.franta
Special Guest

Mesaje : 46

Vezi profilul utilizatorului
Pagina 1 din 1

Permisiunile acestui forum:Nu puteti raspunde la subiectele acestui forum
phpbb2.phpdevil.com :: PHPDEVIL # Web-design :: Tutoriale :: Invision-
Mergi direct la:  

pHpDeviL | For the love of the game...