asculta virgin radio

Distribuiţi | 

Meniu cu descriere

 Scris de Lcnn la data de Mier Mar 23, 2016 12:14 am

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:

Logati cu contul forumului.


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>
Offline
avatar
Lcnn
Administrator

Mesaje : 321
Varsta : 25
Localizare : Timisoara

Vezi profilul utilizatorului http://phpbb2.phpdevil.com
Pagina 1 din 1

Permisiunile acestui forum:Nu puteti raspunde la subiectele acestui forum
phpbb2.phpdevil.com :: PHPDEVIL # Web-design :: Tutoriale :: Toate versiunile-
Mergi direct la:  

pHpDeviL | For the love of the game...