Aranjarea subforum-urilor în 3 moduri (toate versiunile)

Vezi subiectul anterior Vezi subiectul urmator In jos

avatar
mihai
Membru onorific
Membru onorific
0 Warn-uri (Niciun warn)
Localizare Localizare : FgDesign
Mesaje Mesaje : 123
Varsta Varsta : 19
Vezi profilul utilizatorului https://www.fgdesign.biz

Mesajmihai la data de Dum Noi 19, 2017 5:06 pm

Bun gasit,

In tutorialul de astazi am sa va prezint o alternativa pentru aranjarea forumurilor pe 2, 3 sau 4 coloane fara a fi nevoie de un cod JavaScript.

1. PHPBB2

Demonstratie:
[Trebuie sa fiti înscris şi conectat pentru a vedea această imagine]
1. Intrati in Panou de administrare => Afisare => Template-uri => General => index_box si cautati linia:
Cod:
{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
Inlocuiti cu:
Cod:
<div class="subforums"> {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div>

Salvam si publicam template-ul, folosind butonul [Trebuie sa fiti înscris şi conectat pentru a vedea această imagine].

2. INVISION

Demonstratie:
[Trebuie sa fiti înscris şi conectat pentru a vedea această imagine]
1. Intrati in Panou de administrare => Afisare => Template-uri => General => index_box si cautati linia:
Cod:
<p>
 {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
 <strong>{forumrow.L_SUBFORUM_STR}</strong> {forumrow.SUBFORUMS}
</p>
Inlocuim cu:
Cod:
 
 <div class="subforums">
 {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
 <strong>{forumrow.L_SUBFORUM_STR}</strong> {forumrow.SUBFORUMS}
                                          </div>

Salvam si publicam template-ul, folosind butonul [Trebuie sa fiti înscris şi conectat pentru a vedea această imagine].

3. MODERNBB

Demonstratie:
[Trebuie sa fiti înscris şi conectat pentru a vedea această imagine]

1. Intrati in Panou de administrare => Afisare => Template-uri => index_box si cautati linia:
Cod:
 
 {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
 <strong>{forumrow.L_SUBFORUM_STR}</strong> {forumrow.SUBFORUMS}
Inlocuiti cu:
Cod:
 
<div class="subforums">
 {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
 <strong>{forumrow.L_SUBFORUM_STR}</strong> {forumrow.SUBFORUMS}
</div>

Salvam si publicam template-ul, folosind butonul [Trebuie sa fiti înscris şi conectat pentru a vedea această imagine].

4. PUNBB

Demonstratie:
[Trebuie sa fiti înscris şi conectat pentru a vedea această imagine]

1. Intrati in Panou de administrare => Afisare => Template-uri => General => index_box si cautati linia:
Cod:
 
{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
 <strong>{forumrow.L_SUBFORUM_STR}</strong> {forumrow.SUBFORUMS}
Inlocuiti cu:
Cod:
 
<div class="subforums"> {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
 <strong>{forumrow.L_SUBFORUM_STR}</strong> {forumrow.SUBFORUMS}
                                                  </div>
Salvam si publicam template-ul, folosind butonul [Trebuie sa fiti înscris şi conectat pentru a vedea această imagine].

5. PHPBB3

Demonstratie:
[Trebuie sa fiti înscris şi conectat pentru a vedea această imagine]

1. Intrati in Panou de administrare => Afisare => Template-uri => General => index_box si cautati linia:
Cod:
 
 {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
 <strong>{forumrow.L_SUBFORUM_STR}</strong> {forumrow.SUBFORUMS}
 
Inlocuiti cu:
Cod:
 
 <div class="subforums"> {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
 <strong>{forumrow.L_SUBFORUM_STR}</strong> {forumrow.SUBFORUMS}
                                                          </div>
Salvam si publicam template-ul, folosind butonul [Trebuie sa fiti înscris şi conectat pentru a vedea această imagine].

Codul CSS este acelasi pentru toate versiunile.
Intrati in Panou de administrare => Afisare => Culori => CSS si adaugati:
Cod:
.subforums {
    display: inline-block!important;
    width: 420px!important;
    font-size: 0px!important;
    overflow: hidden;
}
.subforums a.gensmall {
    margin-left: -104px!important;
    margin-top: -2px!important;
}
.subforums a {
    font-size: 12px!important;
    display: inline-block!important;
    float: left;
    width: 120px!important;
    text-align: left;
    text-decoration: none!important;
}

Cod css pentru 1 coloana:

Cod:
.subforums {
    display: inline-block!important;
    width: 140px!important;
    font-size: 0px!important;
    overflow: hidden;
}

Cod css pentru 2 coloane:

Cod:
 
.subforums {
    display: inline-block!important;
    width: 280px!important;
    font-size: 0px!important;
    overflow: hidden;
}

Cod css pentru 3 coloane:

Cod:
 
.subforums {
    display: inline-block!important;
    width: 420px!important;
    font-size: 0px!important;
    overflow: hidden;
}

Cod css pentru 4 coloane:


Cod:
 
.subforums {
    display: inline-block!important;
    width: 560px!important;
    font-size: 0px!important;
    overflow: hidden;
}
Important!
Imaginile subforum-urilor se pot schimba foarte simplu si rapid, accesand Panoul de administrare => Afisare => Imagini => Avansat =>Mini icon-uri.
[Trebuie sa fiti înscris şi conectat pentru a vedea această imagine]

Tutorial scris de mr.franta


Ultima editare efectuata de catre mihai in Dum Noi 19, 2017 8:13 pm, editata de 1 ori
avatar
Roxana
Membru onorific
Membru onorific
0 Warn-uri (Niciun warn)
Localizare Localizare : Brasov
Mesaje Mesaje : 81
Varsta Varsta : 19
Vezi profilul utilizatorului

MesajRoxana la data de Dum Noi 19, 2017 5:07 pm

Multumim pentru tutorial !

Vezi subiectul anterior Vezi subiectul urmator Sus

Crează un cont pentru a creat un subiect.

Trebuie să fii membru pentru a lăsa un răspuns.

Crează un cont

Alăturați-vă comunității noastre prin crearea unui cont nou. Este ușor!


Creați un cont nou

Conectați-va

Ai deja un cont? Nici o problemă, conecteaza-te aici.


Conectați-va

 
Permisiunile acestui forum:
Nu puteti raspunde la subiectele acestui forum