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

Vezi subiectul anterior Vezi subiectul urmator In jos

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

Mesaj Scris de mr.franta la data de Lun 13 Noi - 20:59

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:
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:
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:
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:
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:
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.


Tutorial scris de mr.franta
Copyright ˆForumgratuit.ro Nici o parte a acestui tutorial nu poate fi reprodusa, transmisa sau stocata in orice forma fara acordul scris al detinatorului dreptului de autor, in conformitate cu articolul L122-1 apartinand ICC.


Daca v-am fost de ajutor apasati butonul  
avatar
mr.franta
Asistent
Asistent

masculin

Mesaje : 1246
Varsta : 29
Localizare : giurgiu
Data înscrierii : 18/02/2012
Multumiri : 104
Niciun avertisment

http://www.frannnta-design.com/

Sus In jos

Vezi subiectul anterior Vezi subiectul urmator Sus


Permisiunile acestui forum:
Nu puteti raspunde la subiectele acestui forum