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.
https://i.servimg.com/u/f86/16/47/36/78/ipb110.png
https://i.servimg.com/u/f86/16/47/36/78/ipb210.png
Pasul numarul 1.
Adaugam imagini in meniu. (va recomand imagini de 16x16 px)
Panou de administrare/afisare/imagini/mod avansat/general si navigare
https://i.servimg.com/u/f86/14/12/03/12/imagin11.png
Acum mergem in panou de administrare/afisare/culori/css si personalizam meniu cu acest cod.
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
Ultima editare efectuata de catre mr.franta in Mar Aug 31, 2021 9:17 pm, editata de 1 ori
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.
https://i.servimg.com/u/f86/16/47/36/78/ipb110.png
https://i.servimg.com/u/f86/16/47/36/78/ipb210.png
Pasul numarul 1.
Adaugam imagini in meniu. (va recomand imagini de 16x16 px)
Panou de administrare/afisare/imagini/mod avansat/general si navigare
https://i.servimg.com/u/f86/14/12/03/12/imagin11.png
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
Ultima editare efectuata de catre mr.franta in Mar Aug 31, 2021 9:17 pm, editata de 1 ori