Bine a-ti venit pe fraNNNta-Design


Meniu cu descriere
mr.franta OnlineOffline
Rank: fondator
mr.franta
Respect : 100%
Mesaje : 4057
Inscris : 18/06/2011
Salutare dragi prieteni si bine v-am regasit cu un nou tutorial.
In acest tutorial o sa va arat cum inlocuim meniul actual al forumului cu altul mai performant,mai elegant,mai eficient.
Cu totii ne dorim meniuri deosebite cu descriere,asa ca am pentru voi unul.

Avem previzualizare cu meniul in imagini,inainte de conectarea pe forum,apoi dupa conectarea pe forum folosind contul.
Fara conectare pe forum:
Meniu cu descriere 110
Logati cu contul forumului.
Meniu cu descriere 210

Avem si o previzualizare live
http://phpbb2.phpdevil.com/h9-meniu-cu-descriere

Bun,acum ca am vazut cum arata meniul sa il si inlocuim pe cel vechi.

Pasul numarul 1.
Intram in Panou de administrare arrow Afisare arrow Template-uri arrow General arrow Overal_header
Si cautam acest cod:

(phpbb2)

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

Il stergem si punem in locul lui acest cod:

Cod:
  <center> <meniu class="phpbb2" {MENU_POSITION}"{MENU_NOWRAP}">
                      <a href="/forum">Acasa <br />
                        <span class="desc_meniu">Pagina de start!</span>
                      </a>
                          <a href="/faq">Faq <br />
                        <span class="desc_meniu">Intrebari puse frecvent!</span>
                      </a>
                          <a href="/memberlist">Membri <br />
                        <span class="desc_meniu">Vezi lista membrilor!</span>
                      </a>
                          <a class="mainmenu" href="/search" onclick="showhide(document.getElementById('search_menu')); return false;">Cautare<br />
                        <span class="desc_meniu">Gasesti ce vrei,repede!</span>
                      </a>
                                       <!-- BEGIN switch_user_logged_in -->
                      <a href="/privmsg?folder=inbox">{PRIVATE_MESSAGE_INFO}<br />
                        <span class="desc_meniu">{PRIVATE_MESSAGE_INFO_UNREAD}</span>
                      </a>
                     
                          <a href="/profile?mode=editprofile">Profil<br />
                            <span class="desc_meniu"><img_profil></img_profil>Setari pentru contul tau!</span>
                      </a>
                                         <!-- END switch_user_logged_in -->
                         <!-- BEGIN switch_user_logged_out -->
                            <a href="/login">Conectare<br />
                        <span class="desc_meniu">Intra in contul tau!</span>
                      </a>
                     
                            <a href="/login?logout">Inregistrare<br />
                        <span class="desc_meniu">Fi alaturi de noi!</span>
                      </a>
                         <!-- END switch_user_logged_out -->
                     
                         <!-- BEGIN switch_user_logged_in -->
                      <a href="/login?logout">Deconectare<br />
                        <span class="desc_meniu">Nu este recomandat!</span>
                      </a>
                         <!-- END switch_user_logged_in -->
                          </meniu>
                          </center>

Salvam si publicam template-ul.
Acum intram in Panou de administrare arrow Afisare arrow Culori arrow CSS si adaugam codul CSS:

Pentru codul CSS trebuie sa raspundeti la subiect din minim 3 cuvinte
Acum apasati valideaza si este gata meniul.

Pentru celelalte versiuni aveti de inlocuit in template codurile de mai jos



(punBB)

Cod:
   <div id="pun-head">
                  <div id="pun-navlinks">
                     <ul class="clearfix">
                        <li>{GENERATED_NAV_BAR}</li>
                     </ul>
                  </div>
               </div>

(phpBB3)

Cod:
   <div class="navbar">
         <div class="inner"><span class="corners-top"><span></span></span>

         <ul class="linklist navlinks{NAVBAR_BORDERLESS}">
         <li>{GENERATED_NAV_BAR}</li>
         </ul>

         <!-- BEGIN switch_search_box -->
         <div id="search-box">
            <form method="get" action="{ACTION_SEARCH}" id="search">
               <p class="nomargin"><input type="text" name="search_keywords" id="keywords" maxlength="128" class="inputbox search" value="{L_SEARCH}..." onclick="if (this.value == '{L_SEARCH}...') this.value = '';" onblur="if (this.value == '') this.value = '{L_SEARCH}...';" />
               {JS_SESSION_ID_INPUT}
               <input class="button2" type="submit" value="{L_SEARCH}" /></p>
            </form>
         </div>
         <!-- END switch_search_box -->

         <span class="corners-bottom"><span></span></span></div>
      </div>

(Invision)

Cod:
   <div id="submenu">
               <ul>
                  <li class="clearfix">{GENERATED_NAV_BAR}</li>
               </ul>
            </div>


Re: Meniu cu descriere
KroNdd OnlineOffline
Rank: Membru
KroNdd
Respect : 100%
Mesaje : 49
Inscris : 28/07/2016
foarte frumos este


Re: Meniu cu descriere
w0oK. ;x OnlineOffline
RankDesigner
w0oK. ;x
Respect : 100%
Mesaje : 169
Inscris : 05/12/2013
Frumos


Re: Meniu cu descriere
mihai OnlineOffline
Rank: Membru
mihai
Respect : 100%
Mesaje : 582
Inscris : 21/02/2016
frumos meniu :)


Re: Meniu cu descriere
mr.franta OnlineOffline
Rank: fondator
mr.franta
Respect : 100%
Mesaje : 4057
Inscris : 18/06/2011
Multumesc,inca ma folosesc de resursele lui.


Re: Meniu cu descriere
Lucifer @ Frannnta-Design OnlineOffline
Rank: Membru
Lucifer @ Frannnta-Design
Respect : 100%
Mesaje : 490
Inscris : 24/09/2016
Acest meniu l-am folosit si eu , este super :D


Re: Meniu cu descriere
mihai OnlineOffline
Rank: Membru
mihai
Respect : 100%
Mesaje : 582
Inscris : 21/02/2016
@Lucifer @ Frannnta-Design a scris:Acest meniu l-am folosit si eu , este super :D
și eu l-am folosit când aveam tema de la @thegrandfather, una pe negru, și meniu se potrivea perfect, păcat de temă, că nu o mai am...

by the way, când am răspuns, nu mi-a afișat foaia de stil css, și a trebuit să intru în previzualizare, să iau codu...


Re: Meniu cu descriere
Lucifer @ Frannnta-Design OnlineOffline
Rank: Membru
Lucifer @ Frannnta-Design
Respect : 100%
Mesaje : 490
Inscris : 24/09/2016
@mihai a scris:
@Lucifer @ Frannnta-Design a scris:Acest meniu l-am folosit si eu , este super :D
și eu l-am folosit când aveam tema de la @thegrandfather, una pe negru, și meniu se potrivea perfect, păcat de temă, că nu o mai am...

by the way, când am răspuns, nu mi-a afișat foaia de stil css, și a trebuit să intru în previzualizare, să iau codu...

Inca mai am aceea tema , defapt pe ambele :D


Re: Meniu cu descriere
Continut sponsorizat OnlineOffline



    Design creat si realizat de fraNNNta-Design.com
    Acum este: Sam Dec 07, 2019 11:21 pm