The forum of the forums
Would you like to react to this message? Create an account in a few clicks or log in to continue.

Homepage Sub-Forums Vertical Alignment two by two?

5 posters

Page 1 of 2 1, 2  Next

Go down

Homepage Sub-Forums Vertical Alignment two by two? Empty Homepage Sub-Forums Vertical Alignment two by two?

Post by J0k3R^ 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)

Homepage Sub-Forums Vertical Alignment two by two? SGI4eyx


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 

Homepage Sub-Forums Vertical Alignment two by two? S8yX9J1
J0k3R^
J0k3R^
Forumember

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

http://fmplanet.forumgreek.com

Back to top Go down

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

Post by Sir Chivas™ 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™
Sir Chivas™
Helper
Helper

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

Back to top Go down

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

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

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

Homepage Sub-Forums Vertical Alignment two by two? AYR9TqV
J0k3R^
J0k3R^
Forumember

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

http://fmplanet.forumgreek.com

Back to top Go down

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

Post by Sir Chivas™ 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™
Sir Chivas™
Helper
Helper

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

Back to top Go down

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

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

i removed all 4 span classes but still...

Homepage Sub-Forums Vertical Alignment two by two? CNBrTQH

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

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

http://fmplanet.forumgreek.com

Back to top Go down

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

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

Bump
J0k3R^
J0k3R^
Forumember

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

http://fmplanet.forumgreek.com

Back to top Go down

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

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

Bump
J0k3R^
J0k3R^
Forumember

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

http://fmplanet.forumgreek.com

Back to top Go down

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

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

Bump
J0k3R^
J0k3R^
Forumember

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

http://fmplanet.forumgreek.com

Back to top Go down

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

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

Bump
J0k3R^
J0k3R^
Forumember

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

http://fmplanet.forumgreek.com

Back to top Go down

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

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

have you tried <br /> code ?
DeathDunk98*
DeathDunk98*
Forumember

Posts : 479
Reputation : 3
Language : Shqip

Back to top Go down

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

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

Bump
J0k3R^
J0k3R^
Forumember

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

http://fmplanet.forumgreek.com

Back to top Go down

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

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

Bump
J0k3R^
J0k3R^
Forumember

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

http://fmplanet.forumgreek.com

Back to top Go down

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

Post by SocialAcademy 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
SocialAcademy
Forumember

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

http://www.socialacademy.biz

Back to top Go down

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

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

one step closer  Laughing 

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
Homepage Sub-Forums Vertical Alignment two by two? Widmt2d

can't we do it same way as here ? it seems easiler..
J0k3R^
J0k3R^
Forumember

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

http://fmplanet.forumgreek.com

Back to top Go down

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

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

Bump
J0k3R^
J0k3R^
Forumember

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

http://fmplanet.forumgreek.com

Back to top Go down

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

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

Bump
J0k3R^
J0k3R^
Forumember

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

http://fmplanet.forumgreek.com

Back to top Go down

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

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

Bump
J0k3R^
J0k3R^
Forumember

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

http://fmplanet.forumgreek.com

Back to top Go down

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

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

Bump
J0k3R^
J0k3R^
Forumember

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

http://fmplanet.forumgreek.com

Back to top Go down

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

Post by Sir Chivas™ 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™
Sir Chivas™
Helper
Helper

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

Back to top Go down

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

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

J0k3R^
J0k3R^
Forumember

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

http://fmplanet.forumgreek.com

Back to top Go down

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

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

I made few edits, is it still giving you the same effect?
Sir Chivas™
Sir Chivas™
Helper
Helper

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

Back to top Go down

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

Post by J0k3R^ 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^
J0k3R^
Forumember

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

http://fmplanet.forumgreek.com

Back to top Go down

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

Post by TheCrow May 18th 2014, 1:16 pm

So now what is the problem remaining?
TheCrow
TheCrow
Manager
Manager

Male Posts : 6896
Reputation : 794
Language : Greek, English

https://forumote.forumotion.com

Back to top Go down

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

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

look my image under Chiva's post ..
J0k3R^
J0k3R^
Forumember

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

http://fmplanet.forumgreek.com

Back to top Go down

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

Post by Sir Chivas™ 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™
Sir Chivas™
Helper
Helper

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

Back to top Go down

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

Post by J0k3R^ 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^
J0k3R^
Forumember

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

http://fmplanet.forumgreek.com

Back to top Go down

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

Post by Sir Chivas™ 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™
Sir Chivas™
Helper
Helper

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

Back to top Go down

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

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

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

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

http://fmplanet.forumgreek.com

Back to top Go down

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

Post by Sir Chivas™ 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™
Sir Chivas™
Helper
Helper

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

Back to top Go down

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

Post by J0k3R^ 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^
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

Back to top

- Similar topics

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