Blue Menu (phpBB3)

Autor: Emanuel. | Subiect : Blue Menu (phpBB3) , Vin Dec 23, 2011 9:39 pm

Descriere:
Buna tuturor, dea lungul timpului navigand pe internet am tot vazut astfel de intrebarii "Cum pot modifica meniul pe PHPBB3?"din pacate nimenea nu dadea nici un fel de raspuns la aceste intrebarii, iar asa ca eu m-am gandit sa spun stop acestei probleme , si sa explic cum puteti modifca meniul de origine.Bun sa nu mai pierdem timpul si sa trecem la treaba.

Pasul Nr:1
Pentru inceput trebuie sa adaugam codul urmator in CSS.
Panou de administrare > Afisare > Imagini si culori > Culori > Foaie de stil CSS >Valideaza

Cod:: /*ASPECTUL MENIULUI------------------------------------------------*/

.headerbar {
width: 100%;
height:130px;
background:url(http://i42.servimg.com/u/f42/16/82/20/10/top10.jpg);}

.headerbar {
top: 0px;
margin: 0;
right: 0px;
position: absolute;}

a#logo{
top:-5px;
position: relative;
margin-left: 650px;}

.navbar {
top:-2px;
position: relative;
margin-left: 10px;
background:transparent;}

a.mainmenu{
padding:5px;
border-right: 1px solid #DCDCDC;}

a.mainmenu:hover{
padding:5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border: 1px solid #DCDCDC;
background:-moz-linear-gradient(center top , #0079f4, #005cba);
background: -webkit-gradient(linear, center top, center bottom, from(#0079f4), to(#005cba));}

#wrap {padding-top :80px;}

ul.navlinks {border-bottom:none;}

/*CASUTA PENTRU CAUTARE------------------------------------------------*/

input.button2{
color:#fff;
margin:5px;
padding:5px;
font-weight:bold;
font-size:12px;
font-family:Trebuchet MS;
text-shadow: #300000 1px 1px 3px;
-moz-border-radius: 4px;
-webkit-border-radius:4px;
border: 1px solid #DCDCDC;
background:-moz-linear-gradient(center top , #0079f4, #005cba);
background: -webkit-gradient(linear, center top, center bottom, from(#0079f4), to(#005cba));}

#search-box #keywords {
padding:5px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border: 1px solid #DCDCDC;}

#search-box {
top:-42px;
position: relative;
margin-right: -10px;
position: relative;}

#search-box #keywords { background: transparent;}

Pasul Nr:2
Dupa ce ati adaugat codul css sa nu itati sa dati pe butonul Valideaza.
Totul este foarte simplu de facut, de asemenea daca aveti cunostinte in css puteti modifica meniul dupa bunul placa.

Demonstratie:
Mai jos aveti o mica demonstratie.
Click pe link pentru a putea vedea demonstratia.
Demo:http://art-addicted.hi2.ro/images/01625381940849914432.png

Tutorial realizat de: Emanuel
Reproducerea acestui tutorial nu este posibila fara acordul nostru, in conformitate cu articolul L122-1 apartinand ICC.

Comentariu