Setari pentru o categorie cu 2 coloane cu cate 2 forumuri

Vezi subiectul anterior Vezi subiectul urmator In jos

Tutorial Setari pentru o categorie cu 2 coloane cu cate 2 forumuri

Mesaj Scris de Admin la data de Joi 24 Ian - 11:32

Setari pentru o categorie cu 2 coloane a cate 2 forumuri


Cum vor aparea forumurile dupa aceasta modificare?
Dupa ce veti implementa codurile pe forumul dvs., forumurile vor aparea asa:

Cum pot face o astfel de afisare?
Nimic mai simplu. Mai jos va sunt prezentati cativa pasi pentru a ajunge cat mai rapid la acest rezultat. Pentru a nu intampina probleme, va recomand sa implementati codurile concomitent cu acest tutorial.

Pasul 1. Pentru ca afisarea sa fie corecta trebuie sa setam modul de compresie pentru forumuri din Panoul de Administrare => Afisare => Pagina de start => Structura si ierarhie => Nivel de compresie al indexului => Separati categoriile sau indexurile : Mediu. Acum, pentru ca am setat acest mod de compresie, sub-forumurile nu vor mai aparea in index, ceea ce inseamna ca putem trece la pasul 2.


Pasul 2. Mergem din Panoul de Administrare => general => Categorii si forumuri =>  Adauga Adaugam un nou forum, cu numele dorit. Dupa acesta, creem alte 4 forumuri sau 2, dupa preferinte atasate acestui forum.
Tot ce trebuie sa facem, este sa ne ducem in dreptul forumului creat recent, unde vom avea  Adauga . Apasam pe butonul verde, iar acum vom introduce setarile noilor 4 sau 2 forumuri. Creem aceste sub-forumuri ca unele normale.
Repetam acest pas si pentru celelalte forumuri carora dorim sa le oferim acest aspect.
Daca ati ales sa creati doar 2 forumuri pe 1 coloana si nu 4 sau mai multe, totul va trebui sa arate cam asa:


Pasul 3. Acum avem forumurile gata create. Intram in fiecare forum nou creat si copiem doar terminatia acestuia. Spre exemplu,avem adresa http://adresa_forumului_dvs/f1-primul-forum , de unde noi vom folosii doar terminatia /f1-primul-forum , automat dvs. veti avea cu totul si cu totul alte terminatii, in functie de numele forumurilor)

Pasul 4. Acum ca avem toate terminatiile copiate intr-un document text sau oriunde, putem adauga codurile. Mergem in primul forum creat, forum unde avem atasate toate aceste sub-forumuri si inlocuim titlul acestuia cu:
Cod:
 

Pasul 5. In zona "Descriere" adaugam urmatoarele coduri:

Codurile necesare pentru aplicarea acestei personalizari
Codul necesar pentru primul sub-forum. Zonele marcate cu rosu din cod vor trebui inlocuite cu terminatia primului forum, terminatie pe care am stabilit-o in pasii anteriori. Zonele marcate cu albastru vor trebui inlocuite cu imaginea forumului, respectiv cu descrierea lui.

<span style="float: left; width: 30%; margin-left: 5px;"><a href="Link primul forum" style="float: left;"><img src="Imagine primul forum" alt="" /></a><a href="Link primul forum" class="forumtitle">Primul Forum</a><br /> Descriere primul forum</span>
Codul necesar pentru al doilea sub-forum. Zonele marcate cu rosu din cod vor trebui inlocuite cu terminatia primului forum, terminatie pe care am stabilit-o in pasii anteriori. Zonele marcate cu albastru vor trebui inlocuite cu imaginea forumului, respectiv cu descrierea lui.

<span style="float: right; width: 35%; margin-left: 10px;"><a href="Link al doilea forum" class="forumtitle">Al doilea forum</a><br /> Descriere al doilea forum</span>
<a href="Link al doilea forum" style="float: right;"><img src="Imagine al doilea forum" alt="" /></a>

Codul  necesar despartirii celor doua coduri. Acesta va genera o linie, in caz ca ati ales sa personalizati 4 forumuri, exact ca pe forumul de suport.

<span style="clear: both; border-top: 1px solid #FFFFFF; display: block; margin-bottom: 10px;"></span>

Atentie! In acest tutorial v-au fost prezentate codurile pentru 2 forumuri pe 1 coloane, daca doriti sa faceti 4 forumuri pe 2 coloane(fiecare coloana cate 2 forumuri) va trebuii sa recopiati codurile, cam asa:

Cod:
<a href="Link catre forum 1 " style="float: left;"><img src="Imagine forum 1" alt="" /></a><span style="float: left; width: 30%; margin-left: 5px;"><a href="Link catre forum 1" class="forumtitle">Titlu forum 1</a>
Descriere forum 1</span><span style="float: right; width: 35%; margin-left: 10px;"><a href="Link catre forum 2" class="forumtitle">Titlu forum 2</a>
Descriere forum 2</span><a href="Link catre forum 2" style="float: right;"><img src="Imagine forum 2" alt="" /></a><span style="clear: both; border-top: 1px solid #FFFFFF; display: block; margin-bottom: 10px;"></span><a href="Link catre forum 3" style="float: left;"><img src="Imagine forum 3" alt="" /></a><span style="float: left; width: 30%; margin-left: 5px;"><a href="Link catre forum 3" class="forumtitle">Titlu forum 3</a>
Descriere forum 3</span><span style="float: right; width: 35%; margin-left: 5px;"><a href="Link catre forum 4" class="forumtitle">Titlu forum 4</a>
Descriere forum 4</span><a href="Link catre forum 4" style="float: right;"> <img src="Imagine forum 4" alt="" /></a>

Pentru a va fi mult mai usor de recunoscut zonele care au ca efect modificarile din cod, va invit sa urmariti si aceasta imagine animata(click pe spoiler pentru afisare):
Spoiler:

Zonele care apar cu rosu in imaginea de mai sus trebuie inlocuite cu propriile dumneavoastra setari.

Tutorial realizat de Echipa Forumgratuit
Ultima actualizare: 05.12.2012, de catre Keir

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.
avatar
Admin
Administrator
Administrator

masculin

Mesaje : 872
Data de inscriere : 14/12/2007
Multumiri : 15
Niciun avertisment

http://help.forumgratuit.ro

Sus In jos

Vezi subiectul anterior Vezi subiectul urmator Sus

- Subiecte similare

Permisiunile acestui forum:
Nu puteti raspunde la subiectele acestui forum