|
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 =>
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
. 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.
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.
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.
|
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: