Forum gratuit: forum de suport al utilizatorilor
Doriți să reacționați la acest mesaj? Creați un cont în câteva clickuri sau conectați-vă pentru a continua.
Forum gratuit: forum de suport al utilizatorilor

Forum gratuit: ajutor și asistență pentru utilizatorii Forumgratuit. Creează și administrează un forum performant. Descoperă funcţionalităţile, tutorialele și ponturile de pe Forumul de suport!

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

Forum gratuit: forum de suport al utilizatorilor ::  Despre Forumgratuit ::   :: Tutoriale

Vezi subiectul anterior Vezi subiectul urmator In jos

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

Mesaj Scris de mr.franta Lun Noi 13, 2017 8:59 pm

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

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:Aranjarea subforum-urilor în 3 moduri (toate versiunile) Phpbb210
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 Adauga.

2. Invision


Demonstratie: Aranjarea subforum-urilor în 3 moduri (toate versiunile) Invisi10
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 Adauga.

3. MODERNBB


Demonstratie: Aranjarea subforum-urilor în 3 moduri (toate versiunile) Modern10
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 Adauga.

4. PUNBB


Demonstratie: Aranjarea subforum-urilor în 3 moduri (toate versiunile) Punbb10
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>
Salvati si publicati template-ul Adauga

5. PHPBB3


Demonstratie: Aranjarea subforum-urilor în 3 moduri (toate versiunile) Phpbb310
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>
Salvati si publicati template-ul  Adauga

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.
Aranjarea subforum-urilor în 3 moduri (toate versiunile) Imagin10

Tutorial realizat de mr.franta, actualizat de catre Petronel
Numai bine,
Echipa Forumgratuit
mr.franta

mr.franta
Membru onorific
Membru onorific

Mesaje : 1403
Varsta : 36
Localizare : Giurgiu
Data înscrierii : 18/02/2012
Mulțumiri : 130
Google Chrome AwesomeBB

https://frannnta-design.forumgratuit.ro/
mr.franta a fost mulțumit de autorul acestui subiect.

Vezi subiectul anterior Vezi subiectul urmator Sus

- Subiecte similare

Forum gratuit: forum de suport al utilizatorilor ::  Despre Forumgratuit ::   :: Tutoriale

Permisiunile acestui forum:
Nu puteti raspunde la subiectele acestui forum