Navigare rapidă

Ultimele subiecte
» 10 King
Scris de Erpel Vin 29 Mar - 16:31
» Bulletin ipb theme
Scris de MihaiExtremTutorials Sam 15 Dec - 0:24
» Wireless ipb theme [punBB]
Scris de D1esel Vin 30 Noi - 21:51
» Ying-Yang Tutorial
Scris de Lucifer Mar 24 Apr - 11:34
» Avatar forumotion toolbar
Scris de Lucifer Mar 24 Apr - 11:33
Cuvinte-cheie

edit  

Rainbow meniu pentru phpbb2


Salut sunt Sabin ;x si va prezint un meniu simplu si elegant

Previzualizare live [Trebuie sa fiti inscris si conectat pentru a vedea acest link]

[Trebuie sa fiti inscris si conectat pentru a vedea acest link]

1.intrati in PA > Afisare > Template-uri > General > overvall_header
cautati acest cod si stergeti-l


Cod:

<table cellspacing="0" cellpadding="0" border="0" align="{MENU_POSITION}">
              <tr>
                  <td align="{MENU_POSITION}"{MENU_NOWRAP}>{GENERATED_NAV_BAR}</td>
              </tr>
            </table>

Acum cautati acest cod


Cod:
 <table class="bodylinewidth" width="{T_BODY_TABLE_WIDTH}" cellspacing="0" cellpadding="10" border="0" align="center">
      <tr>
        <td class="bodyline">

Dupa el adaugati


Cod:
 <table id="main-nav" cellspacing="0" cellpadding="0" border="0" align="{MENU_POSITION}">
              <tr>
                  <td align="{MENU_POSITION}"{MENU_NOWRAP}>{GENERATED_NAV_BAR}</td>
              </tr>
            </table>
Inregistrati si publicati template-ul


2.Personalizare in CSS


Cod:

#main-nav {
  background: #2A2A2A;
background: rgb(244,244,244); /* Old browsers */
background: -moz-linear-gradient(top,  rgb(244,244,244) 0%, rgb(255,255,255) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(244,244,244)), color-stop(100%,rgb(255,255,255))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgb(244,244,244) 0%,rgb(255,255,255) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgb(244,244,244) 0%,rgb(255,255,255) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgb(244,244,244) 0%,rgb(255,255,255) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgb(244,244,244) 0%,rgb(255,255,255) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */

border-bottom: 1px solid #CDCDCD;
  border-top: 1px solid #CDCDCD;
text-shadow: 0px 0px 2px black;
color: white;
  position: relative;
  bottom: 9px;
  border-radius: 0px 0px 10px 10px;
height: 35px;
  border: 1px solid white;
  box-shadow: 0px 0px 5px black
}


3.Mergem in pa/afisare/administrare imagini si adaugam imaginile dorite la meniul de navigare


[Trebuie sa fiti inscris si conectat pentru a vedea acest link]

4.Intram iar in pa/afisare/antet si nagigare si selectam:



[Trebuie sa fiti inscris si conectat pentru a vedea acest link]

5.Intram iar in CSS si personalizam meniul : fontul/boldarea/culoarea



Cod:

a.mainmenu {
  

    text-decoration: none;
  font-size: 12px;
  font-style: arial;
font-weight: 800;


}



a[href="/forum"]{
color: #84A724;
  border-left: 1px solid green;
}

a[href="/faq"]{

  color: green;


  
}

a[href="/memberlist"]{


}

a[href="/portal"]{
  color: #1278BB;
}


a[href="/calendar"]{
  color: #BB1248;
}

a[href="/gallery/index.htm"]{
}


a[href="/search"]{
  color: #FF5E00;

}


a[href="/groups"]{
  color: #C128C1;
}


a[href="/profile?mode=editprofile"]{
  color: #018AA9;
}



a[href="/privmsg?folder=inbox"]{
  color: #E0C923;
}



a[href="/register"]{
  color: #E03323;
}

a.mainmenu:last-child {
  color: #FF5E00;
}



Tutorial scris de [Trebuie sa fiti inscris si conectat pentru a vedea acest link]

Copyright Extrem-Tutorials.com - Nici o parte a acestui tutorial nu poate fi reprodusa fara acordul autorului.

Comentariile utilizatorilor
Membru activ
Madross
la data de Lun 24 Sept - 7:52
Madross Membru activ
Conectat
Frumos tutorial si elegant meniu,felicitari!
Membru ET
Milky.
la data de Lun 24 Sept - 15:52
Milky. Membru ET
Conectat
Pe langa meniu imi place foarte mult si tema de pe forumul de la previzualizare. Felicitari! Rainbow meniu pentru phpbb2 827527
Membru dedicat
mr.franta
la data de Lun 24 Sept - 19:31
mr.franta Membru dedicat
Conectat
[Trebuie sa fiti inscris si conectat pentru a vedea acest link] a scris:Pe langa meniu imi place foarte mult si tema de pe forumul de la previzualizare. Felicitari! Rainbow meniu pentru phpbb2 827527

multumesc pentru apreciere.acea tema cand o sa fie gata o sa o distribui pe data de 15 octombrie


Winsper a scris:Frumos tutorial si elegant meniu,felicitari!

Mutumesc winsper
Membru premium
Hissae2
la data de Joi 27 Sept - 14:34
Hissae2 Membru premium
Conectat
Felicitari,este foarte frumos meniul.
Membru veteran
Raykim
la data de Mar 16 Oct - 20:00
Raykim Membru veteran
Conectat
Mutat in sectiunea corespunzatoare!
Vizitator
Anonymous
la data de Dum 21 Oct - 17:01
Vizitato Vizitator
Conectat
Acest tutorial castiga concursul Rainbow meniu pentru phpbb2 827527
Membru dedicat
mr.franta
la data de Dum 21 Oct - 17:05
mr.franta Membru dedicat
Conectat
Multumesc wanse..sa vedem acum..
Vizitator
Anonymous
la data de Dum 21 Oct - 17:06
Vizitato Vizitator
Conectat
Eu as spune ca acest tutorial s-ar putea realiza si pe punBB, iti cer permisiunea de a incerca sa fac un asemenea tutorial pe punBB.
Membru dedicat
mr.franta
la data de Dum 21 Oct - 17:07
mr.franta Membru dedicat
Conectat
Merge pe toate versiunile,poti incerca
Membru ET
Soricelul
la data de Dum 21 Oct - 18:35
Soricelul Membru ET
Conectat
Bun tutorialul, bravo!