HTML - 4 Categorii pe 1 coloană + icon de status

În acest tutorial am să vă arăt cum puteţi adăuga patru categorii pe o singură coloană.

Pasul 1
P.A =>General =>Categorii si forumuri =>Adaugam un nou forum

Pasul 2

După ce am adăugat un forum, ataşăm în titlu următorul cod:

Code:

<span style="display:none;">Titlu forum</span>

Iar la descriere ataşăm următorul cod:

Code:

<span></span>

Apoi apăsăm butonul " Înregistrare".

Pasul 3

La forumul creat (Pasul 2) adăugăm 4 subforumuri şi le dăm o descriere şi un titlu obişnuit. După crearea acestor 4 subforumuri extragem link-urile, link-uri pe care le găsiţi în subforumurile create chiar pe forumul dvs. intrând în fiecare şi copiind tot ce este după ultima "/" (inclusiv şi "/") .

Cele 4 forumuri trebuie ataşate după această structură.

Pasul 4

Ne reîntoarcem la prima categorie (Pasul 2) creată şi adăugăm următorul cod la descriere:

Code:

<table width="650" border="0">
    <tr> 
    <td width="120"><a href="link forum">    <div align="center">
    <strong><span style="font-size: 12px;">Titlu forum</span></strong>
    <br> 
    <img src="Link imagine(icon)" border="0"></div>    </a>
    </td>

    <td width="120"><a href="link forum">    <div align="center">
    <strong><span style="font-size: 12px;">Titlu forum</span></strong>
    <br> 
    <img src="Link imagine(icon)" border="0"></div>    </a>
    </td>

    <td width="120"><a href="link forum">    <div align="center">
    <strong><span style="font-size: 12px;">Titlu forum</span></strong>
    <br> 
    <img src="Link imagine(icon)" border="0"></div>    </a>
    </td>

    <td width="120"><a href="link forum">    <div align="center">
    <strong><span style="font-size: 12px;">Titlu forum</span></strong>
    <br> 
    <img src="Link imagine(icon)" border="0"></div>    </a>
    </td> 
    </tr>  </table>

Edităm conţinutul acestui cod(zonele marcate) şi mergem şi apăsăm butonul "Înregistrare". Dacă tot ce aţi făcut până acum arată ca aici înseamna ca nu aţi muncit degeaba. Pentru cei ce nu arata ca acolo, reluaţi tutorialul şi fiţi mai atenţi!

Pasul 5
Aplicaţi următoarele obţiuni:
P.A => Afisare => Structura si ierarhie => Mediu

P.A => Afisare => Structura si ierarhie => Link catre nivelele inferioare => Cu o imagine


Pasul 6
P.A => Afisare => Administrare imagini => Mod avansat => Mini icon-uri


Această metodă funcţionează numai pe versiunile Phpbb2 şi PunBB unde merge editarea template-urilor.

Multumim pentru acest tutorial , e super , bravo.