Jump to content


Photo

Subforums - Double Stacked


  • Please log in to reply
7 replies to this topic

#1 Christian M.

Christian M.

    Advanced Member

  • Previous Members
  • PipPipPipPip
  • 287 posts

Posted 10 July 2012 - 06:49 AM

Hey there, I am gong to show you how to make the subforums look like this:
Image postée

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

Spoiler


And Change it to:

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);
}


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.
  • Jinkler, Sokii, CallieJo and 1 other like this

I am a 16-year (as of July 14 2012) old freelancer web-deisgner, that took interest in IPS's IP.Board, IP.Content, IP.Blog, and IP.SEO and nothing more. I just randomly go through files find bugs associated with it (Finding bugs in the Bug Tracker), then attempting to fix them myself with my 16-year old brain's capacity. This is what I call fun, what about you? If you think what I do at my age is weird then deal with it. I don't care what you think. I answer all PM's through MSN (and Invisionpower too now). I'm also a part-time app developer for Windows 8 - basically meaning I make apps and check for bugs between Windows 8 and the apps. (Other company's apps too). You needn't worry about why im an outsider doing things like this, I just like to do things randomly because it's fun.
----------------------

Last Updated --

 


#2 Kyle.

Kyle.

    Behold my darkness as I shun upon you.

  • Members
  • PipPipPipPipPip
  • 812 posts

Posted 12 July 2012 - 12:15 AM

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

dng_banner.png


#3 Sokii

Sokii

    Advanced Member

  • Members
  • PipPipPipPip
  • 372 posts

Posted 12 July 2012 - 01:22 AM

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.

#4 Christian M.

Christian M.

    Advanced Member

  • Previous Members
  • PipPipPipPip
  • 287 posts

Posted 12 July 2012 - 03:46 AM

like i said the skin may vary.

I am a 16-year (as of July 14 2012) old freelancer web-deisgner, that took interest in IPS's IP.Board, IP.Content, IP.Blog, and IP.SEO and nothing more. I just randomly go through files find bugs associated with it (Finding bugs in the Bug Tracker), then attempting to fix them myself with my 16-year old brain's capacity. This is what I call fun, what about you? If you think what I do at my age is weird then deal with it. I don't care what you think. I answer all PM's through MSN (and Invisionpower too now). I'm also a part-time app developer for Windows 8 - basically meaning I make apps and check for bugs between Windows 8 and the apps. (Other company's apps too). You needn't worry about why im an outsider doing things like this, I just like to do things randomly because it's fun.
----------------------

Last Updated --

 


#5 CallieJo

CallieJo

    Advanced Member

  • +Clients
  • 381 posts

Posted 12 July 2012 - 05:26 PM

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)
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
Spoiler


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)

#6 Christian M.

Christian M.

    Advanced Member

  • Previous Members
  • PipPipPipPip
  • 287 posts

Posted 13 July 2012 - 03:03 AM

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

I am a 16-year (as of July 14 2012) old freelancer web-deisgner, that took interest in IPS's IP.Board, IP.Content, IP.Blog, and IP.SEO and nothing more. I just randomly go through files find bugs associated with it (Finding bugs in the Bug Tracker), then attempting to fix them myself with my 16-year old brain's capacity. This is what I call fun, what about you? If you think what I do at my age is weird then deal with it. I don't care what you think. I answer all PM's through MSN (and Invisionpower too now). I'm also a part-time app developer for Windows 8 - basically meaning I make apps and check for bugs between Windows 8 and the apps. (Other company's apps too). You needn't worry about why im an outsider doing things like this, I just like to do things randomly because it's fun.
----------------------

Last Updated --

 


#7 CallieJo

CallieJo

    Advanced Member

  • +Clients
  • 381 posts

Posted 13 July 2012 - 06:03 PM

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
<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>
Delete the comma. Save. Doesn't work. I can't get anything to work for inside categories to get rid of the commas.

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.

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.

#8 Christian M.

Christian M.

    Advanced Member

  • Previous Members
  • PipPipPipPip
  • 287 posts

Posted 13 July 2012 - 07:25 PM

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

I am a 16-year (as of July 14 2012) old freelancer web-deisgner, that took interest in IPS's IP.Board, IP.Content, IP.Blog, and IP.SEO and nothing more. I just randomly go through files find bugs associated with it (Finding bugs in the Bug Tracker), then attempting to fix them myself with my 16-year old brain's capacity. This is what I call fun, what about you? If you think what I do at my age is weird then deal with it. I don't care what you think. I answer all PM's through MSN (and Invisionpower too now). I'm also a part-time app developer for Windows 8 - basically meaning I make apps and check for bugs between Windows 8 and the apps. (Other company's apps too). You needn't worry about why im an outsider doing things like this, I just like to do things randomly because it's fun.
----------------------

Last Updated --

 





0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users