Meniu de navigare suplimentar

Vezi subiectul anterior Vezi subiectul urmator In jos

Tutorial Meniu de navigare suplimentar

Mesaj Scris de Cassius Dio la data de Mier 30 Ian - 13:30

Meniu de navigare suplimentar

Salutare tuturor La revedere,

Probabil v-ati intrebat vreodata cum puteti adauga un meniu suplimentar fata de cel existent deja in header. Ei bine, urmarind pasii si instructiunile din acest tutorial veti ajunge la rezultatul dorit. Acest meniu va apare sub meniul deja existent, nu il va inlocui.


Exclamare Cerinte pentru obtinerea rezultatului asteptat:

  • Cunostinte minime in materie de Javascript
  • Respectarea cu exactitate a pasilor prezentati


1. Cum instalam meniul?

Panoul de Administrare => Module => HTML & JAVASCRIPT => Gestiunea codurilor JavaScript.

Faceti click pe Adauga Creati un nou cod JavaScript pentru a putea integra intr-un nou "folder" Javascript codul nostru.

Exclamare Aici vom dispune de trei rubrici, pe care le vom completa in urmatorul mod:

  • Titlu * : la alegere. Puteti adauga "Meniu secundar"
  • Amplasare : "Toate paginile" daca doriti ca acesta sa fie afisat in toate paginile forumului.
  • Cod JavaScript * : Copiati si lipiti codul JavaScript corespunzator variantei de meniu pe care doriti sa o instalati


Acum, tot ce ne-a ramas de facut este sa apasam pe butonul  Inregistrare  sau VALIDARE din josul paginii.

2. Alegeti meniul dorit dintre variantele propuse

Mai jos aveti prezentate trei tipuri de meniuri. Alegeti varianta care considerati ca se potriveste cu forumul dvs.

Tip 1. Meniu suplimentar format doar din imagini:

  • Previzualizarea standard a meniului:


Cod Javascript de adaugat:

Cod:
$(document).ready(function() {
$("a.mainmenu:last").after('

<br>

<a class="mainmenu" href="link"><img src="imagine"></a>
<a class="mainmenu" href="link"><img src="imagine"></a>
<a class="mainmenu" href="link"><img src="imagine"></a>
<a class="mainmenu" href="link"><img src="imagine"></a>
<a class="mainmenu" href="link"><img src="imagine"></a>

');
});

Exclamare Atentie! Imaginile din acest tip de meniu pot fi schimbate oricand. Daca nu dispuneti de cunostinte spre a obtine astfel de imagini, puteti apela la Serviciul Grafic pus la dispozitie de Forumul de Suport.

Tip 2. Meniu suplimentar format doar din text:

  • Previzualizarea standard a meniului:


Cod Javascript de adaugat:

Cod:
$(document).ready(function() {
$("a.mainmenu:last").after('

<br>

  <a style="margin-right: 12px;" class="mainmenu" href="link">Text</a>
  <a style="margin-right: 12px;" class="mainmenu" href="link">Text</a>
  <a style="margin-right: 12px;" class="mainmenu" href="link">Text</a>
  <a style="margin-right: 12px;" class="mainmenu" href="link">Text</a>
  <a style="margin-right: 12px;" class="mainmenu" href="link">Text</a>

');
});

Tip 3. Meniu suplimentar format din imagini si text:

  • Previzualizarea standard a meniului:


Cod Javascript de adaugat:
Cod:
$(document).ready(function() {
$("a.mainmenu:last").after('

<br>

  <a class="mainmenu" href="link"><img src="imagine" hspace="2">Text</a>
  <a class="mainmenu" href="link"><img src="imagine" hspace="2">Text</a>
  <a class="mainmenu" href="link"><img src="imagine" hspace="2">Text</a>
  <a class="mainmenu" href="link"><img src="imagine" hspace="2">Text</a>
  <a class="mainmenu" href="link"><img src="imagine" hspace="2">Text</a>

');
});


2.Cum modificam codurile?

Sageată Zonele "<a class="mainmenu" href="link">" vor fi inlocuite cu link-urile catre paginile din forum unde dorim sa facem referinta. Spre exemplu: <a class="mainmenu" href="http://help.forumgratuit.ro/t599-reguli-generale-ale-forumului-de-suport">
Restul zonelor vor fi modificate dupa cum se cere: imagine(unde este cazul) - imaginea butonului ; text - denumirea butonului

Numai bine! Noroc

Acest tutorial a fost scris de catre SGSS

Copyright ? Forumgratuit.ro Nicio parte a acestui tutorial nu poate fi reprodusa, transmisa sau stocata in orice forma fara acordul scris al detinatorului dreptului de autor, in conformitate cu articolul L122-1 apartinand ICC.

Cassius Dio
Membru onorific
Membru onorific

masculin

Mesaje : 11025
Varsta : 19
Localizare : Strawberry Fields
Data de inscriere : 13/07/2012
Multumiri : 78
Niciun avertisment

http://beatles.forummo.com/

Sus In jos

Vezi subiectul anterior Vezi subiectul urmator Sus

- Subiecte similare

Permisiunile acestui forum:
Nu puteti raspunde la subiectele acestui forum