Subforumuri !

Rezumarea primului mesaj :

Am o Problema la coloana 2-3 cand sunt mai multe subforumuri se duc jumate pe prima coloara si pe a doua doar cateva si pe a treiea doar unu !!

Repet, iti sugerez sa nu te complici cu codul asta, pentru ca e un cod care nu poate varia...trebuie un numar fix de subforumuri astfel incat sa se afiseze corect.
Foloseste link-ul catre tutorialul pe care ti l-am oferit, e mul mai eficient si simplu.   

Salut.
Nu stiu sigur daca te va ajuta dar uite cateva cod-uri pentru alinierea subforumurilor!


CSS ->

Cod:

.subforums {
margin: 2px 0 3px 5px;
padding-left: 20px;
background: url(http://community.invisionpower.com/filestore/public/style_images/master/subforum_stem.png) no-repeat left 4px;
overflow: hidden;
float: left;
min-width: 100px;
}
.sub:nth-child(odd) {
float: left;
clear: both;
width: 160px;
position: relative;
}
.sub:nth-child(even) {
float: right;
width: auto;
position: relative;
}
.sub:nth-child(even):last-child {
position: relative;
left: -3px;
}

Javascript ->

Cod:

$(document).ready(function(){
$('.subforums').each(function(){
$(this).find('a:has(img)').next().wrap('<li class="sub" />');
$(this).find('a:has(img)').remove();
});
$('.subforums').each(function(index){
cm = $(this).html();
cm = cm.replace(/, /gi,'');
$(this).html(cm);
});
});

ACP > Display > Templates >  General > index_box
cauta

Cod:

{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}

replace with:

Cod:

<ul class="subforums">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</ul>

Preview

Acuma il incerc !

Mikez a scris:Salut.
Nu stiu sigur daca te va ajuta dar uite cateva cod-uri pentru alinierea subforumurilor!


CSS ->

Cod:

.subforums {
margin: 2px 0 3px 5px;
padding-left: 20px;
background: url(http://community.invisionpower.com/filestore/public/style_images/master/subforum_stem.png) no-repeat left 4px;
overflow: hidden;
float: left;
min-width: 100px;
}
.sub:nth-child(odd) {
float: left;
clear: both;
width: 160px;
position: relative;
}
.sub:nth-child(even) {
float: right;
width: auto;
position: relative;
}
.sub:nth-child(even):last-child {
position: relative;
left: -3px;
}

Javascript ->

Cod:

$(document).ready(function(){
$('.subforums').each(function(){
$(this).find('a:has(img)').next().wrap('<li class="sub" />');
$(this).find('a:has(img)').remove();
});
$('.subforums').each(function(index){
cm = $(this).html();
cm = cm.replace(/, /gi,'');
$(this).html(cm);
});
});

ACP > Display > Templates >  General > index_box
cauta

Cod:

{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}

replace with:

Cod:

<ul class="subforums">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</ul>

Preview

Mersi frate esti cel mai tare dar am o problema cum pun si imaginea inainte ?
Forum: http://forum.pensionrpg.com/
Adika in fara la subforum sa apara iconitele alea, cum fac?

Cu placere:p.
Te referi la imaginea subforumurilor?

Da, ma poti ajuta ?

up !!

Buna ziua,

Intrati in:
Panou => Afisare => Imagini si culori => Culori => Foaie de stil css

Adaugati:

Cod:

.sub a {
background: url(http://i34.servimg.com/u/f34/13/94/17/66/onl10.png) left no-repeat;
padding-left: 15px;
}

https://i.servimg.com/u/f34/13/94/17/66/onl10.png - reprezinta icon-ul dorit

Eu doresc sa apara cand nu e nimc nou sa fie o icons si cand e nou subiect sa fie alta icoas care reprezinta ca este ceva nou !!

Mergeti in:
Panou => Afisare => Prima pagina => Structura si ierarhice => Link catre nivelele inferioare : Bifati "cu o imagine"

Imaginile pot fi schimbate din:
Panou => Afisare => Administrare imagini => Mod simplu

E bifat dar nu-mi apare imaginile si sunt puse si imaginile la Administrare imagini de ce nu apar oare ?

upp !!