Modificarea latimii mesajelor si a profilurilor din topic-uri

Scris de Cassius Dio Mar Apr 09, 2013 9:49 pm

Modificarea latimii mesajelor si a profilurilor din topic-uri

Bun gasit! Foarte fericit

Cu ajutorul acestui tutorial puteti modifica foarte simplu latimile mesajelor sau a profilurilor in unele mai mari sau mai mici.

Spoiler:

Pentru fiecare versiune de forum sunt disponibile niste coduri ce permit ca aceasta modificare sa fie posibila. Va rugam sa urmati pasii necesari pentru versiunea de forum pe care o folositi.

Daca folositi phpBB2:
1. Vizitati:

Panou de Administrare ~> Afisare ~> Template-uri ~> General ~> viewtopic_body

2. Introduceti in casuta de cautare (optiunea numindu-se Cautati in template) numarul 150 si identificati astfel urmatoarele fragmente de coduri:

Cod:: <th class="thLeft" nowrap="nowrap" width="150px" height="26">{L_AUTHOR}</th>

Cod:: <td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="150">

Cod:: <img src="http://2img.net/i/fa/empty.gif" alt="" style="width:150px;height:1px" />

Cod:: <td class="{postrow.displayed.ROW_CLASS} browse-arrows"{postrow.displayed.THANK_BGCOLOR} align="center" valign="middle" width="150">

Cod:: <th class="thLeft" nowrap="nowrap" width="150px" height="26">{L_AUTHOR}</th>

Cod:: <td class="row2" valign="top" {COLSPAN_PAGINATION} width="150"><span class="gensmall">{PAGE_NUMBER}</span></td>

3. Modificati din toate codurile de mai sus numarul 150 cu noul numar de pixeli dorit. Astfel, daca veti modifica numarul in unul mai mare, latimea profilului se va mari, si respectiv cea a mesajelor se va micsora. Atentie mare la faptul ca tuturor codurilor trebuie sa le atribuiti aceeasi latime.

4. Faceti click pe butonul Inregistrare, apoi publicati template-ul.

Daca folositi phpBB3:
1. Vizitati:

Panou de Administrare ~> Afisare ~> Imagini si culori ~> Culori ~> Foaie de stil CSS

2. Adaugati urmatorul cod:

Cod:: .postprofile { width:33%; } .postbody { width:65%; }

3. Modificati codul dupa bunul plac. Optiunile width reprezinta latimea in procente pe care trebuie s-o atribuiti mesajelor si profilurilor. Clasa .postprofile reprezinta profilul; iar .postbody - mesajele. Daca de exemplu mariti latimea profilului cu 2%, va trebui sa micsorati latimea mesajelor tot cu 2%. Ca sa verificati daca totul este ok, adunati procentele adaugate pentru clasele .postprofile si .postbody, - ar trebui sa aveti un total de 98%. De ce nu 100%? Pentru ca vor aparea probleme la afisarea mesajelor.

4. Dupa ce ati modificat codurile dupa preferinte, faceti click pe butonul Valideaza.

Daca folositi PunBB:
1. Vizitati:

Panou de Administrare ~> Afisare ~> Imagini si culori ~> Culori ~> Foaie de stil CSS

2. Adaugati urmatorul cod:

Cod:: .pun .post .user { margin-left: -220px; width: 220px; } .pun .postmain { margin-left: 230px; } .postfoot { margin-left: -230px; }

3. Modificati codul dupa bunul plac.
Trebuie sa aveti in vedere urmatoarele corelatii:
Optiunea width de la clasa .pun .post .user reprezinta latimea in pixeli pe care trebuie s-o atribuiti profilurilor. Odata ce ati modificat valoarea proprietatii width trebuie sa modificati si proprietatea margin-left cu aceeasi valoare insa negativa (cu "-" in fata).
Valorile margin-left de la .pun .postmain si .postfoot trebuie sa fie cu 10 pixeli mai mari decat valoarea de la proprietatea width pe care ati modificat-o la inceput; nu uitati ca valoarea de la .postfoot trebuie sa fie negativa.

4. Dupa ce ati modificat codurile dupa preferinte, faceti click pe butonul Valideaza.

Daca folositi Invision:
1. Vizitati:

Panou de Administrare ~> Afisare ~> Imagini si culori ~> Culori ~> Foaie de stil CSS

2. Adaugati urmatorul cod:

Cod:: .postprofile { margin-left: -300px; width: 300px; } .post-container { margin-left: 300px; }

3. Modificari 300px din toate proprietatile cu valoarea dorita. Proprietatea width de la clasa .postprofile reprezinta latimea profilului, insa pentru afisarea corecta a mesajelor trebuie sa le modificati si pe celelalte cu exact aceeasi valoare. Optiunea margin-left de la clasa .postprofile trebuie sa fie negativa.

4. Dupa ce ati modificat codurile dupa preferinte, faceti click pe butonul Valideaza.

Nimic mai simplu! Noroc