Subforums - Double Stacked

8 posts in this topic

Posted

Hey there, I am gong to show you how to make the subforums look like this:
vTri.png

Instruction:
Go to Look & Feel > "Your Style" > CSS> IPB_style.css and find the following:

margin: 2px 0 3px 5px; padding-left: 20px; background: url({style_images_url}/subforum_stem.png ) no-repeat left 4px; } table.ipb_table .subforums li.unread { font-weight: bold; } table.ipb_table .expander { visibility: hidden; width: 16px; height: 16px; display: inline-block; }

And Change it to:

margin: 2px 0 3px 0px; padding-left: 0px; overflow: hidden; } table.ipb_table .subforums li{ background: url({style_images_url}/subforum_nonew.png) no-repeat left 3px; width: 38%; padding: 4px 15px 0px; margin: 0; float: left; } table.ipb_table .subforums li.unread { font-weight: bold; background-image: url({style_images_url}/subforum_new.png); }

Well the finding for the subforums are a little different depending on the skin, that was the change-up for the Default Master Skin, Other skin style findings may vary depending on the skin, which the css style will look very different from the style finding for the Default skin. Just find it and replace it with the second part.

P.S - Most likely this will go into a tutorial or someplace I don't know about so If you have any questions just PM me and ill get back to you.

table.ipb_table .subforums {













table.ipb_table .subforums {
















sijad, CallieJo, Sokii and 1 other like this

Share this post


Link to post
Share on other sites

Posted

Didn't work on the "Sylo" skin by pezza.

Share this post


Link to post
Share on other sites

Posted

[quote name='Im#NuMBeR1' timestamp='1342070116' post='2285966']
Didn't work on the "Sylo" skin by pezza.


It can be done for any skin, but it won't be as easy as copy & replace.

Share this post


Link to post
Share on other sites

Posted

like i said the skin may vary.

Share this post


Link to post
Share on other sites

Posted

Thank you. It works and works inside categories too (Woohoo!!). But, I had to do it differently because it was causing the expander to always be visible and scrunched.

Here's what I did:

Find (does not include the "table.ipb_table .expander" listed above)


My only questions are:
How do you get rid of the commas now?
Is it possible to get more than two columns?
How did you get an icon infront of each subforum? (Nevermind...It's in css, but I needed to create subforum_nonew.png and subforum_new.png)


table.ipb_table .subforums {

margin: 2px 0 3px 5px;

padding-left: 20px;

background: url({style_images_url}/subforum_stem.png ) no-repeat left 4px;

}

table.ipb_table .subforums li.unread { font-weight: bold; }




and replace with the original replacement code listed above



table.ipb_table .subforums {

margin: 2px 0 3px 0px;

padding-left: 0px;

overflow: hidden;

}

table.ipb_table .subforums li{

background: url({style_images_url}/subforum_nonew.png) no-repeat left 3px;

width: 38%;

padding: 4px 15px 0px;

margin: 0;

float: left;

}

table.ipb_table .subforums li.unread {

font-weight: bold;

background-image: url({style_images_url}/subforum_new.png);

}


Share this post


Link to post
Share on other sites

Posted

Answer 1 - That has to do with the template bit - If you want I can help you on that, if I have the time
Answer 2 - Yes it is possible - as you can see it uses a fluid width of 38%; - Just change it (You might also need to change the pixel sizes too depending on your overall .content width (The wrapper)
Answer 3 - Yes you will need to, though if you want i could just give them to you if you don't want to make it

CallieJo likes this

Share this post


Link to post
Share on other sites

Posted

[quote name='Geonode' timestamp='1342166622' post='2286317']
Answer 1 - That has to do with the template bit - If you want I can help you on that, if I have the time

Thank you.

Messing around with this, I found a partial solution to: How do you get rid of the commas now?

Editing the templates...

boardIndexTemplate

Delete the comma. Save. Doesn't work. I can't get anything to work for inside categories to get rid of the commas.

[quote name='Geonode' timestamp='1342166622' post='2286317']
Answer 2 - Yes it is possible - as you can see it uses a fluid width of 38%; - Just change it (You might also need to change the pixel sizes too depending on your overall .content width (The wrapper)


Thanks. I'll play around with it and see what happens.

[quote name='Geonode' timestamp='1342166622' post='2286317']
Answer 3 - Yes you will need to, though if you want i could just give them to you if you don't want to make it


Thanks again. I created some images, uploaded, and it works perfectly.


<a href="{parse url="showforum={$__data[0]}" seotitle="{$__data[2]}" template="showforum" base="public"}" title='{$__data[1]}'>{$__data[1]}</a><if test="isNotLast:|: empty($__data[4] )">,</if>


Delete the comma. Save. Works. But, only works on the board index.


forumIndexTemplate


<a href="{parse url="showforum={$__data[0]}" seotitle="{$__data[2]}" template="showforum" base="public"}" title='{$__data[1]}'>{$__data[1]}</a><if test="isNotLast:|: empty($__data[4] )">,</if>

Share this post


Link to post
Share on other sites

Posted

[quote name='CallieJo' timestamp='1342220632' post='2286583']
forumIndexTemplate

Delete the comma. Save. Doesn't work. I can't get anything to work for inside categories to get rid of the commas.


Elaborate on this more, can you give me the link to your website through pm (you dont have to give me any account details or anything, im jsut gonna use "Inspect Element to fiddle with the looks" Since this i what I do everytime), if you don't want to it's completely fine with me.


<a href="{parse url="showforum={$__data[0]}" seotitle="{$__data[2]}" template="showforum" base="public"}" title='{$__data[1]}'>{$__data[1]}</a><if test="isNotLast:|: empty($__data[4] )">,</if>

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!


Register a new account

Sign in

Already have an account? Sign in here.


Sign In Now

  • Who's Browsing   0 members

    No registered users viewing this page.