The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

Homepage Sub-Forums Vertical Alignment two by two?

Page 1 of 2 1, 2  Next

View previous topic View next topic Go down

Homepage Sub-Forums Vertical Alignment two by two?

Post by J0k3R^ on April 28th 2014, 10:03 pm

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 Smile


J0k3R^
Forumember

Male Posts : 742
Reputation : 28
Language : Greek > English > Russian > Spanish
Location : C:\>r00t

http://fmplanet.forumgreek.com

Back to top Go down

Re: Homepage Sub-Forums Vertical Alignment two by two?

Post by Sir Chivas™ on April 29th 2014, 1:59 am

Hi,

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™
Support Moderator
Support Moderator

Male Posts : 6783
Reputation : 430
Language : EN, FR, ES
Location : || CSS || HTML || Graphics Designs || Support ||

Back to top Go down

Re: Homepage Sub-Forums Vertical Alignment two by two?

Post by J0k3R^ on April 29th 2014, 6:53 am

i followed what u said, but why the images are appearing so big lol its 16x16blackeye


J0k3R^
Forumember

Male Posts : 742
Reputation : 28
Language : Greek > English > Russian > Spanish
Location : C:\>r00t

http://fmplanet.forumgreek.com

Back to top Go down

Re: Homepage Sub-Forums Vertical Alignment two by two?

Post by Sir Chivas™ on April 29th 2014, 1:53 pm

You're using punBB right?

remove this code from everything:
Code:
 <span class="icon new"></span>

It's at least there four times.

Sir Chivas™
Support Moderator
Support Moderator

Male Posts : 6783
Reputation : 430
Language : EN, FR, ES
Location : || CSS || HTML || Graphics Designs || Support ||

Back to top Go down

Re: Homepage Sub-Forums Vertical Alignment two by two?

Post by J0k3R^ on April 29th 2014, 3:34 pm

i removed all 4 span classes but still...



edit: i found where i saw it from, maybe this helps
link:

J0k3R^
Forumember

Male Posts : 742
Reputation : 28
Language : Greek > English > Russian > Spanish
Location : C:\>r00t

http://fmplanet.forumgreek.com

Back to top Go down

Re: Homepage Sub-Forums Vertical Alignment two by two?

Post by J0k3R^ on May 3rd 2014, 7:25 am

Bump

J0k3R^
Forumember

Male Posts : 742
Reputation : 28
Language : Greek > English > Russian > Spanish
Location : C:\>r00t

http://fmplanet.forumgreek.com

Back to top Go down

Re: Homepage Sub-Forums Vertical Alignment two by two?

Post by J0k3R^ on May 4th 2014, 8:59 am

Bump

J0k3R^
Forumember

Male Posts : 742
Reputation : 28
Language : Greek > English > Russian > Spanish
Location : C:\>r00t

http://fmplanet.forumgreek.com

Back to top Go down

Re: Homepage Sub-Forums Vertical Alignment two by two?

Post by J0k3R^ on May 7th 2014, 4:22 pm

Bump

J0k3R^
Forumember

Male Posts : 742
Reputation : 28
Language : Greek > English > Russian > Spanish
Location : C:\>r00t

http://fmplanet.forumgreek.com

Back to top Go down

Re: Homepage Sub-Forums Vertical Alignment two by two?

Post by J0k3R^ on May 8th 2014, 8:17 pm

Bump

J0k3R^
Forumember

Male Posts : 742
Reputation : 28
Language : Greek > English > Russian > Spanish
Location : C:\>r00t

http://fmplanet.forumgreek.com

Back to top Go down

Re: Homepage Sub-Forums Vertical Alignment two by two?

Post by DeathDunk98* on May 8th 2014, 8:23 pm

have you tried <br /> code ?

DeathDunk98*
Forumember

Posts : 479
Reputation : 3
Language : Shqip

Back to top Go down

Re: Homepage Sub-Forums Vertical Alignment two by two?

Post by J0k3R^ on May 10th 2014, 5:00 pm

Bump

J0k3R^
Forumember

Male Posts : 742
Reputation : 28
Language : Greek > English > Russian > Spanish
Location : C:\>r00t

http://fmplanet.forumgreek.com

Back to top Go down

Re: Homepage Sub-Forums Vertical Alignment two by two?

Post by J0k3R^ on May 11th 2014, 2:39 pm

Bump

J0k3R^
Forumember

Male Posts : 742
Reputation : 28
Language : Greek > English > Russian > Spanish
Location : C:\>r00t

http://fmplanet.forumgreek.com

Back to top Go down

Re: Homepage Sub-Forums Vertical Alignment two by two?

Post by SocialAcademy on May 11th 2014, 2:55 pm

add this to your css


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>

SocialAcademy
Forumember

Male Posts : 141
Reputation : 10
Language : JavaScript, CSS, Html, JQuery, C#, C++, Php, Python
Location : Forumotion

http://www.socialacademy.biz

Back to top Go down

Re: Homepage Sub-Forums Vertical Alignment two by two?

Post by J0k3R^ on May 11th 2014, 4:24 pm

one step closerLaughing

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

J0k3R^
Forumember

Male Posts : 742
Reputation : 28
Language : Greek > English > Russian > Spanish
Location : C:\>r00t

http://fmplanet.forumgreek.com

Back to top Go down

Re: Homepage Sub-Forums Vertical Alignment two by two?

Post by J0k3R^ on May 12th 2014, 7:43 pm

Bump

J0k3R^
Forumember

Male Posts : 742
Reputation : 28
Language : Greek > English > Russian > Spanish
Location : C:\>r00t

http://fmplanet.forumgreek.com

Back to top Go down

Re: Homepage Sub-Forums Vertical Alignment two by two?

Post by J0k3R^ on May 14th 2014, 6:54 pm

Bump

J0k3R^
Forumember

Male Posts : 742
Reputation : 28
Language : Greek > English > Russian > Spanish
Location : C:\>r00t

http://fmplanet.forumgreek.com

Back to top Go down

Re: Homepage Sub-Forums Vertical Alignment two by two?

Post by J0k3R^ on May 16th 2014, 6:45 pm

Bump

J0k3R^
Forumember

Male Posts : 742
Reputation : 28
Language : Greek > English > Russian > Spanish
Location : C:\>r00t

http://fmplanet.forumgreek.com

Back to top Go down

Re: Homepage Sub-Forums Vertical Alignment two by two?

Post by J0k3R^ on May 17th 2014, 6:42 pm

Bump

J0k3R^
Forumember

Male Posts : 742
Reputation : 28
Language : Greek > English > Russian > Spanish
Location : C:\>r00t

http://fmplanet.forumgreek.com

Back to top Go down

Re: Homepage Sub-Forums Vertical Alignment two by two?

Post by Sir Chivas™ on May 17th 2014, 7:00 pm

Joker,

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™
Support Moderator
Support Moderator

Male Posts : 6783
Reputation : 430
Language : EN, FR, ES
Location : || CSS || HTML || Graphics Designs || Support ||

Back to top Go down

Re: Homepage Sub-Forums Vertical Alignment two by two?

Post by J0k3R^ on May 17th 2014, 9:16 pm


J0k3R^
Forumember

Male Posts : 742
Reputation : 28
Language : Greek > English > Russian > Spanish
Location : C:\>r00t

http://fmplanet.forumgreek.com

Back to top Go down

Re: Homepage Sub-Forums Vertical Alignment two by two?

Post by Sir Chivas™ on May 18th 2014, 5:34 am

I made few edits, is it still giving you the same effect?

Sir Chivas™
Support Moderator
Support Moderator

Male Posts : 6783
Reputation : 430
Language : EN, FR, ES
Location : || CSS || HTML || Graphics Designs || Support ||

Back to top Go down

Re: Homepage Sub-Forums Vertical Alignment two by two?

Post by J0k3R^ on May 18th 2014, 7:07 am

yeah, i think the problem is that the icons (+) are getting the design/css of the images on categories (in box and 32x32 size)..

J0k3R^
Forumember

Male Posts : 742
Reputation : 28
Language : Greek > English > Russian > Spanish
Location : C:\>r00t

http://fmplanet.forumgreek.com

Back to top Go down

Re: Homepage Sub-Forums Vertical Alignment two by two?

Post by Luffy on May 18th 2014, 1:16 pm

So now what is the problem remaining?






Luffy
Manager
Manager

Male Posts : 4239
Reputation : 424
Language : Greek, English
Location : Greece

http://helpgr.forumgreek.com/forum

Back to top Go down

Re: Homepage Sub-Forums Vertical Alignment two by two?

Post by J0k3R^ on May 18th 2014, 1:45 pm

look my image under Chiva's post ..

J0k3R^
Forumember

Male Posts : 742
Reputation : 28
Language : Greek > English > Russian > Spanish
Location : C:\>r00t

http://fmplanet.forumgreek.com

Back to top Go down

Re: Homepage Sub-Forums Vertical Alignment two by two?

Post by Sir Chivas™ on May 18th 2014, 4:51 pm

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™
Support Moderator
Support Moderator

Male Posts : 6783
Reputation : 430
Language : EN, FR, ES
Location : || CSS || HTML || Graphics Designs || Support ||

Back to top Go down

Re: Homepage Sub-Forums Vertical Alignment two by two?

Post by J0k3R^ on May 18th 2014, 7:03 pm

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

J0k3R^
Forumember

Male Posts : 742
Reputation : 28
Language : Greek > English > Russian > Spanish
Location : C:\>r00t

http://fmplanet.forumgreek.com

Back to top Go down

Re: Homepage Sub-Forums Vertical Alignment two by two?

Post by Sir Chivas™ on May 18th 2014, 8:18 pm

Do you have these tags around the code given above?
Code:
<div class="plaisiocat"> code given is here...</div>

Sir Chivas™
Support Moderator
Support Moderator

Male Posts : 6783
Reputation : 430
Language : EN, FR, ES
Location : || CSS || HTML || Graphics Designs || Support ||

Back to top Go down

Re: Homepage Sub-Forums Vertical Alignment two by two?

Post by J0k3R^ on May 18th 2014, 8:28 pm

Yeah, thats used for the box to the images at categories.

J0k3R^
Forumember

Male Posts : 742
Reputation : 28
Language : Greek > English > Russian > Spanish
Location : C:\>r00t

http://fmplanet.forumgreek.com

Back to top Go down

Re: Homepage Sub-Forums Vertical Alignment two by two?

Post by Sir Chivas™ on May 18th 2014, 8:35 pm

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

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™
Support Moderator
Support Moderator

Male Posts : 6783
Reputation : 430
Language : EN, FR, ES
Location : || CSS || HTML || Graphics Designs || Support ||

Back to top Go down

Re: Homepage Sub-Forums Vertical Alignment two by two?

Post by J0k3R^ on May 18th 2014, 8:56 pm

They are still that big...
But i dont want to remove the plaisiocat class, can we declare something or what?

J0k3R^
Forumember

Male Posts : 742
Reputation : 28
Language : Greek > English > Russian > Spanish
Location : C:\>r00t

http://fmplanet.forumgreek.com

Back to top Go down

Page 1 of 2 1, 2  Next

View previous topic View next topic Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum