Bine a-ti venit pe fraNNNta-Design


Sondaj

Cum vi se pare acest tutorial?

[ 0 ]
Meniu IPB default version 2016 I_vote_lcap0%Meniu IPB default version 2016 I_vote_rcap [0%] 
[ 5 ]
Meniu IPB default version 2016 I_vote_lcap100%Meniu IPB default version 2016 I_vote_rcap [100%] 
[ 0 ]
Meniu IPB default version 2016 I_vote_lcap0%Meniu IPB default version 2016 I_vote_rcap [0%] 

Total voturi: 5
Meniu IPB default version 2016
mr.franta OnlineOffline
Rank: fondator
mr.franta
Respect : 100%
Mesaje : 4055
Inscris : 18/06/2011
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.

Meniu IPB default version 2016 Ipb110
Meniu IPB default version 2016 Ipb210

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

Meniu IPB default version 2016 Imagin11

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


Re: Meniu IPB default version 2016
7Days OnlineOffline
Rank: Membru
7Days
Respect : 100%
Mesaje : 64
Inscris : 26/02/2015
Foarte frumos meniul , multumim ca l-ai postat :)


Re: Meniu IPB default version 2016
Meliss OnlineOffline
Rank: Membru
Meliss
Respect : 100%
Mesaje : 63
Inscris : 03/03/2016
Super . :D foarte fain


Re: Meniu IPB default version 2016
Continut sponsorizat OnlineOffline



    Design creat si realizat de fraNNNta-Design.com
    Acum este: Lun Sept 16, 2019 7:01 pm