Board Remodel

[Teg]

Oops, I lied.. It does drop the box down if zoomed in, and it adds white space to the right of the boxes if zoomed out..

Zoomed in




Zoomed Out

[Kami]

Teg - If you switch your forum size & the wrapper size to a solid pixel amount, does this occur? What you're seeing is due to all of your sizes being fluid width (it's changing based on browser size, and since your images are a fixed width the "gap" is appearing).

[Teg]

That works, except for now when you zoom out (twice on my screen) it does this"

[Kami]

Apr 3, 2015 18:57:07 GMT -8 Teg said:

That works, except for now when you zoom out (twice on my screen) it does this"

I see it too but honestly I'm not so sure why that's happening. If you don't get it resolved by tomorrow morning I'll take another look, I could just be a little too tired to see it right now.

[Teg]

Alright, I'll play around with it some more tonight and see what I can fix and what I can't.. Still several things I need to work out on this template. That dumb scrollbar at the bottom of the page (horizontal) is annoying the hell out of me... Also, need to figure out how to use different images for different boards with the layout I'm currently using.

[Kami]

Apr 3, 2015 21:27:39 GMT -8 Teg said:

Alright, I'll play around with it some more tonight and see what I can fix and what I can't.. Still several things I need to work out on this template. That dumb scrollbar at the bottom of the page (horizontal) is annoying the hell out of me... Also, need to figure out how to use different images for different boards with the layout I'm currently using.

If you wrap the image area in a conditional it should be easy enough, eg: {if $[category.board.id] == X}[ image code here ]{/if}, where 'x' is the board's ID #.

I'm not 100% sure if that's the right syntax but it's somewhere along those lines.

[Teg]

Apr 3, 2015 21:36:40 GMT -8 Kami said:

Apr 3, 2015 21:27:39 GMT -8 Teg said:

Alright, I'll play around with it some more tonight and see what I can fix and what I can't.. Still several things I need to work out on this template. That dumb scrollbar at the bottom of the page (horizontal) is annoying the hell out of me... Also, need to figure out how to use different images for different boards with the layout I'm currently using.

If you wrap the image area in a conditional it should be easy enough, eg: {if $[category.board.id] == X}[ image code here ]{/if}, where 'x' is the board's ID #.

I'm not 100% sure if that's the right syntax but it's somewhere along those lines.

That didn't work, HOWEVER, 

{if $[board.id] == 2}
<img src="http://storage.proboards.com/6206936/i/hQBA4QgzZlpWYDQZx3u0.jpg" />
{/if}

Did, thanks for the idea! I'd of been stuck trying to figure that out ALL night LOL

[Kami]

Apr 3, 2015 21:47:45 GMT -8 Teg said:

Apr 3, 2015 21:36:40 GMT -8 Kami said:

If you wrap the image area in a conditional it should be easy enough, eg: {if $[category.board.id] == X}[ image code here ]{/if}, where 'x' is the board's ID #.

I'm not 100% sure if that's the right syntax but it's somewhere along those lines.

That didn't work, HOWEVER, 

{if $[board.id] == 2}
<img src="http://storage.proboards.com/6206936/i/hQBA4QgzZlpWYDQZx3u0.jpg" />
{/if}

Did, thanks for the idea! I'd of been stuck trying to figure that out ALL night LOL :)

If you have the image uploaded to your PB it's even easier

If you go to the variable list on the right, scroll down to theme, select "images" you'll be able to put in a variable for the image instead of the url (:

[Teg]

O.o I did not know that, that's awesome

[Kami]

Apr 3, 2015 22:08:53 GMT -8 Teg said:

O.o I did not know that, that's awesome :)

I thought so too! Made editing a tonne easier. Just upload all my images at once and stick the variable in where needed.

[Teg]

So I think (notice i said think) I've worked out all the bugs with the exception of how desktop view looks on a mobile device such as my iPhone 5s...