Homepage Sub-Forums Vertical Alignment two by two?
5 posters
Page 1 of 2
Page 1 of 2 • 1, 2
Homepage Sub-Forums Vertical Alignment two by two?
the title says all.
is it possible to make my subforums being on vertical alignment two by two at homepage?
now they are all in horizontal line (4 subforums and then go to second line)
i want to be only 2 subforums at horizontal line and no more..
im sorry for my bad english but i will show u an edited image to explain u better
is it possible to make my subforums being on vertical alignment two by two at homepage?
now they are all in horizontal line (4 subforums and then go to second line)
i want to be only 2 subforums at horizontal line and no more..
im sorry for my bad english but i will show u an edited image to explain u better
Re: Homepage Sub-Forums Vertical Alignment two by two?
Hi,
You can add this into your description:
Just change: the URL of Sub-forum & Title of Sub-forum.
Then, make sure that you do the following:
ACP >> Display >> Homepage >> Structure & Generalities >> Hierarchy >> Sub-level links on index : [] No <- Make sure to tick "no."
Regards,
Sir Chivas.
You can add this into your description:
- Code:
<table>
<tbody>
<tr>
<td class="subforum">
<div class="subforum-info">
<img align="top" title="Δεν υπάρχουν νέες δημοσιεύσεις" alt="Δεν υπάρχουν νέες δημοσιεύσεις" src="http://i.imgur.com/JwS2lPG.png" /><span class="icon new"></span> <a class="subforum-title" href="URL of Sub-forum">Title of Sub-forum.</a>
</div>
</td>
<td class="subforum">
<div class="subforum-info">
<img align="top" title="Δεν υπάρχουν νέες δημοσιεύσεις" alt="Δεν υπάρχουν νέες δημοσιεύσεις" src="http://i.imgur.com/JwS2lPG.png" /><span class="icon new"></span> <a class="subforum-title" href="URL of Sub-forum">Title of Sub-forum.</a>
</div>
</td>
</tr>
</tbody>
</table>
<table>
<tbody>
<tr>
<td class="subforum">
<div class="subforum-info">
<img align="top" title="Δεν υπάρχουν νέες δημοσιεύσεις" alt="Δεν υπάρχουν νέες δημοσιεύσεις" src="http://i.imgur.com/JwS2lPG.png" /><span class="icon new"></span> <a class="subforum-title" href="URL of Sub-forum">Title of Sub-forum.</a>
</div>
</td>
<td class="subforum">
<div class="subforum-info">
<img align="top" title="Δεν υπάρχουν νέες δημοσιεύσεις" alt="Δεν υπάρχουν νέες δημοσιεύσεις" src="http://i.imgur.com/JwS2lPG.png" /><span class="icon new"></span> <a class="subforum-title" href="URL of Sub-forum">Title of Sub-forum.</a>
</div>
</td>
</tr>
</tbody>
</table>
Just change: the URL of Sub-forum & Title of Sub-forum.
Then, make sure that you do the following:
ACP >> Display >> Homepage >> Structure & Generalities >> Hierarchy >> Sub-level links on index : [] No <- Make sure to tick "no."
Regards,
Sir Chivas.
Sir Chivas™- Helper
- Posts : 6963
Reputation : 457
Language : EN, FR, ES
Location : || CSS || HTML || Graphics Designs || Support ||
Re: Homepage Sub-Forums Vertical Alignment two by two?
i followed what u said, but why the images are appearing so big lol its 16x16
Re: Homepage Sub-Forums Vertical Alignment two by two?
You're using punBB right?
remove this code from everything:
It's at least there four times.
remove this code from everything:
- Code:
<span class="icon new"></span>
It's at least there four times.
Sir Chivas™- Helper
- Posts : 6963
Reputation : 457
Language : EN, FR, ES
Location : || CSS || HTML || Graphics Designs || Support ||
Re: Homepage Sub-Forums Vertical Alignment two by two?
i removed all 4 span classes but still...
edit: i found where i saw it from, maybe this helps
edit: i found where i saw it from, maybe this helps
- link:
Re: Homepage Sub-Forums Vertical Alignment two by two?
have you tried <br /> code ?
DeathDunk98*- Forumember
- Posts : 479
Reputation : 3
Language : Shqip
Re: Homepage Sub-Forums Vertical Alignment two by two?
add this to your css
after that
add this to your javascript
then fin this in your Index_box
replace with this
- Code:
.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;
}
after that
add this to your javascript
- Code:
$(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);
});
});
then fin this in your Index_box
- Code:
{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
replace with this
- Code:
<ul class="subforums">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</ul>
Re: Homepage Sub-Forums Vertical Alignment two by two?
one step closer
i was using a js code for users viewing each category but now it doesnt appear how it used to.
i need to appear below the categories' description
can't we do it same way as here ? it seems easiler..
i was using a js code for users viewing each category but now it doesnt appear how it used to.
i need to appear below the categories' description
can't we do it same way as here ? it seems easiler..
Re: Homepage Sub-Forums Vertical Alignment two by two?
Joker,
Can you try this code:
Can you try this code:
- Code:
<table>
<tbody>
<tr>
<td class="subforum">
<div class="subforum-info">
<img align="top" title="Δεν υπάρχουν νέες δημοσιεύσεις" alt="Δεν υπάρχουν νέες δημοσιεύσεις" src="http://i.imgur.com/JwS2lPG.png" /><a class="subforum-title" href="URL of Sub-forum">Title of Sub-forum.</a>
</div>
</td>
<td class="subforum">
<div class="subforum-info">
<img align="top" title="Δεν υπάρχουν νέες δημοσιεύσεις" alt="Δεν υπάρχουν νέες δημοσιεύσεις" src="http://i.imgur.com/JwS2lPG.png" /><a class="subforum-title" href="URL of Sub-forum">Title of Sub-forum.</a>
</div>
</td>
</tr>
</tbody>
</table>
<table>
<tbody>
<tr>
<td class="subforum">
<div class="subforum-info">
<img align="top" title="Δεν υπάρχουν νέες δημοσιεύσεις" alt="Δεν υπάρχουν νέες δημοσιεύσεις" src="http://i.imgur.com/JwS2lPG.png" /><a class="subforum-title" href="URL of Sub-forum">Title of Sub-forum.</a>
</div>
</td>
<td class="subforum">
<div class="subforum-info">
<img align="top" title="Δεν υπάρχουν νέες δημοσιεύσεις" alt="Δεν υπάρχουν νέες δημοσιεύσεις" src="http://i.imgur.com/JwS2lPG.png" /><a class="subforum-title" href="URL of Sub-forum">Title of Sub-forum.</a>
</div>
</td>
</tr>
</tbody>
</table>
Sir Chivas™- Helper
- Posts : 6963
Reputation : 457
Language : EN, FR, ES
Location : || CSS || HTML || Graphics Designs || Support ||
Re: Homepage Sub-Forums Vertical Alignment two by two?
hi Chivas,
watch my previous reply..
ive already tried ur code.
https://help.forumotion.com/t132643-homepage-sub-forums-vertical-alignment-two-by-two?nid=3#891506
watch my previous reply..
ive already tried ur code.
https://help.forumotion.com/t132643-homepage-sub-forums-vertical-alignment-two-by-two?nid=3#891506
Re: Homepage Sub-Forums Vertical Alignment two by two?
I made few edits, is it still giving you the same effect?
Sir Chivas™- Helper
- Posts : 6963
Reputation : 457
Language : EN, FR, ES
Location : || CSS || HTML || Graphics Designs || Support ||
Re: Homepage Sub-Forums Vertical Alignment two by two?
yeah, i think the problem is that the icons (+) are getting the design/css of the images on categories (in box and 32x32 size)..
Re: Homepage Sub-Forums Vertical Alignment two by two?
Can you create a test category with a few test forums, then insert the code given above. You might have similar IDs because on my test forum, it works just fine.
Sir Chivas™- Helper
- Posts : 6963
Reputation : 457
Language : EN, FR, ES
Location : || CSS || HTML || Graphics Designs || Support ||
Re: Homepage Sub-Forums Vertical Alignment two by two?
Chivas i made a test category on my forum (the first one) go check, but i think the problem is what i said before 1-2 posts..
Re: Homepage Sub-Forums Vertical Alignment two by two?
Do you have these tags around the code given above?
- Code:
<div class="plaisiocat"> code given is here...</div>
Sir Chivas™- Helper
- Posts : 6963
Reputation : 457
Language : EN, FR, ES
Location : || CSS || HTML || Graphics Designs || Support ||
Re: Homepage Sub-Forums Vertical Alignment two by two?
Yeah, thats used for the box to the images at categories.
Re: Homepage Sub-Forums Vertical Alignment two by two?
Well, do not close the whole code inside those tags, that's what is causing the border box and resize of the images.... the code should be separated from those tags.
so should look something like....
Can you try seeing what the code above gives you...?
Regards,
Sir Chivas.
P.S: Can you try adding a description to see what it looks like?
so should look something like....
- Code:
<div class="plaisiocat"><img src="http://i.imm.io/11GrG.png" alt="http://i.imm.io/11GrG.png" style="float:left"></div><br />
<table>
<tbody>
<tr>
<td class="subforum">
<div class="subforum-info">
<img align="top" title="Δεν υπάρχουν νέες δημοσιεύσεις" alt="Δεν υπάρχουν νέες δημοσιεύσεις" src="http://i.imgur.com/JwS2lPG.png" /><a class="subforum-title" href="URL of Sub-forum">Title of Sub-forum.</a>
</div>
</td>
<td class="subforum">
<div class="subforum-info">
<img align="top" title="Δεν υπάρχουν νέες δημοσιεύσεις" alt="Δεν υπάρχουν νέες δημοσιεύσεις" src="http://i.imgur.com/JwS2lPG.png" /><a class="subforum-title" href="URL of Sub-forum">Title of Sub-forum.</a>
</div>
</td>
</tr>
</tbody>
</table>
<table>
<tbody>
<tr>
<td class="subforum">
<div class="subforum-info">
<img align="top" title="Δεν υπάρχουν νέες δημοσιεύσεις" alt="Δεν υπάρχουν νέες δημοσιεύσεις" src="http://i.imgur.com/JwS2lPG.png" /><a class="subforum-title" href="URL of Sub-forum">Title of Sub-forum.</a>
</div>
</td>
<td class="subforum">
<div class="subforum-info">
<img align="top" title="Δεν υπάρχουν νέες δημοσιεύσεις" alt="Δεν υπάρχουν νέες δημοσιεύσεις" src="http://i.imgur.com/JwS2lPG.png" /><a class="subforum-title" href="URL of Sub-forum">Title of Sub-forum.</a>
</div>
</td>
</tr>
</tbody>
</table>
Can you try seeing what the code above gives you...?
Regards,
Sir Chivas.
P.S: Can you try adding a description to see what it looks like?
Sir Chivas™- Helper
- Posts : 6963
Reputation : 457
Language : EN, FR, ES
Location : || CSS || HTML || Graphics Designs || Support ||
Re: Homepage Sub-Forums Vertical Alignment two by two?
They are still that big...
But i dont want to remove the plaisiocat class, can we declare something or what?
But i dont want to remove the plaisiocat class, can we declare something or what?
Page 1 of 2 • 1, 2
Similar topics
» How to remove the forums URL from homepage?
» When I enable portal to be the homepage of my forums, members can't access the forums themselves
» Homepage and Forums
» My Forums Homepage
» How do i make sub forums not appear in the homepage
» When I enable portal to be the homepage of my forums, members can't access the forums themselves
» Homepage and Forums
» My Forums Homepage
» How do i make sub forums not appear in the homepage
Page 1 of 2
Permissions in this forum:
You cannot reply to topics in this forum