Conectare

Distribuiţi

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

more_horiz
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 Mier Feb 14, 2018 2:29 am, editata de 4 ori

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

more_horiz
Multumim pentru tutorial !
Permisiunile acestui forum:
Nu puteti raspunde la subiectele acestui forum