[CSS] Border Around Forum

[Maiden]

Er um hatty hattington !, thanks for the suggestion but long ago solved

You might have noticed the link (from 20th November) is to a deleted test forum, we've been on V5 proper for a couple of months.

[wildmaven]

Nov 10, 2012 9:30:38 GMT -8 Shrike said:

As proof of how much easier V5 is for customising your forum, the old Border Around Forum code can be neatly achieved with just a single line of CSS. To add this, go to Themes > Colors and Styles > Style Sheet (tab).  

Um... I go to Themes, but I don't have a Colors and Styles. I have a Colors and Theme Creator, but nowhere when I click that do I see a Style Sheet Tab. 

[Stinky666]

Mar 30, 2013 22:03:16 GMT -8 wildmaven said:

Nov 10, 2012 9:30:38 GMT -8 Shrike said:

As proof of how much easier V5 is for customising your forum, the old Border Around Forum code can be neatly achieved with just a single line of CSS. To add this, go to Themes > Colors and Styles > Style Sheet (tab).  

Um... I go to Themes, but I don't have a Colors and Styles. I have a Colors and Theme Creator, but nowhere when I click that do I see a Style Sheet Tab. 

Since this post was originally made, PB renamed some stuff in the Admin Panel.
Now, it's: Admin > Themes > Advanced Styles and Colors > Style Sheet (tab)

[Shrike]

Mar 30, 2013 22:53:50 GMT -8 Stinky666 said:

Mar 30, 2013 22:03:16 GMT -8 wildmaven said:

Um... I go to Themes, but I don't have a Colors and Styles. I have a Colors and Theme Creator, but nowhere when I click that do I see a Style Sheet Tab. 

Since this post was originally made, PB renamed some stuff in the Admin Panel.
Now, it's: Admin > Themes > Advanced Styles and Colors > Style Sheet (tab)

Thanks for pointing this out, wildmaven, and Stinky666 for the explanation. I'll update the first post with the new names.

[wildmaven]

Mar 30, 2013 22:53:50 GMT -8 Stinky666 said:

Mar 30, 2013 22:03:16 GMT -8 wildmaven said:

Um... I go to Themes, but I don't have a Colors and Styles. I have a Colors and Theme Creator, but nowhere when I click that do I see a Style Sheet Tab. 

Since this post was originally made, PB renamed some stuff in the Admin Panel.
Now, it's: Admin > Themes > Advanced Styles and Colors > Style Sheet (tab)

Ahhhhhhhhhhhhhh, there it is!!! Thanks!!!

[♥ ℒʊ√ ♥]

Nov 11, 2012 19:27:36 GMT -8 TIKOLICIOUS said:

THANK YOU! I had been fiddling with the border around the forum code all week because I hadn't looked at the CSS for the actual skin. Although, even if I did, I think I would have still been confused. LOL

Here's what I got when I added borders and played with the radius!

/* curved border around forum*/
#wrapper {background-color: @container_inner_border_color; width:1000px; padding: 7px;
   border-radius: 1em 20em 1em 1em;-moz-border-radius: 1em 20em 1em 1em;-webkit-border-radius: 1em 20em 1em 1em;
   border: 10px solid;
}

Love this!!!!!

[♥ ℒʊ√ ♥]

Could someone please give me the code for using an image and one for using the title bar gradients?

Thanks.  

[Shrike]

Apr 4, 2013 2:46:13 GMT -8 ♥ ℒʊ√ ♥ said:

Could someone please give me the code for using an image and one for using the title bar gradients?

Thanks.  

You'll need to clarify what you mean by the image code (I'm pretty sure you said it in more detail before, but then you keep on deleting your own posts). As for using the title bar gradients, they're only 100px high so they'll look like crap if you try to tile them, although you could use CSS gradients if you wanted (IE9 and below need not apply).

[♥ ℒʊ√ ♥]

Sorry, Shrike, I did delete a post. The exact one you quoted. I just wanted it as the last question here. So I reversed the last two posts making my question the last one on the page.

I've created title bars for many of my 17 themes. I was wondering if there was a way to make the border match those created title bars. Or if the title bars are too wide, if I created a matching border image and could link to that?


live-learn-luv.boards.net

[wildmaven]

Apr 4, 2013 11:20:28 GMT -8 ♥ ℒʊ√ ♥ said:

Sorry, Shrike, I did delete a post. The exact one you quoted. I just wanted it as the last question here. So I reversed the last two posts making my question the last one on the page.

Not quite what we like to see done here, actually, because it can cause a lot of confusion. No one's going to ignore your post, even if it's in the middle of a page. If you get no replies, it's because no one knows how to do what you are asking just yet.

[♥ ℒʊ√ ♥]

They were one right after the other. I simply changed their position. Really, no different than editing. 

[Shrike]

Apr 4, 2013 11:20:28 GMT -8 ♥ ℒʊ√ ♥ said:

Sorry, Shrike, I did delete a post. The exact one you quoted. I just wanted it as the last question here. So I reversed the last two posts making my question the last one on the page.

I've created title bars for many of my 17 themes. I was wondering if there was a way to make the border match those created title bars. Or if the title bars are too wide, if I created a matching border image and could link to that?


live-learn-luv.boards.net

First off, an unrelated note, have you considered that using animated gifs everywhere doesn't do wonders for making your site look attractive as it's no longer 1995? I didn't reply to this at first because the theme you had earlier was nearly impossible to look at due to how many it had.

Now, the default theme I'm looking at doesn't even have the border around forum any more, so I now have no idea what border you're referring to. If it is this light/dark brown border, that's not what the original border around forum code does so you'd need to ask in a new thread for help with that.

[♥ ℒʊ√ ♥]

I have 17 themes. Our board is large and everyone has their own tastes so there are skins to appeal to everyone. 

It's no longer necessary to reply. I didn't come here for a critique. Thank you for your kind response. 

[solidsherlock]

bleachedsoul.freemessageboards.com/

Hey guys this code is wonderful, thank you for making it. I am wondering, is it possible to make the border stop just past the cbox, but before the bottom banner ad? If so would it also perhaps possible to insert an image at the bottom there?

[Shrike]

Apr 27, 2013 20:44:26 GMT -8 solidsherlock said:

bleachedsoul.freemessageboards.com/

Hey guys this code is wonderful, thank you for making it. I am wondering, is it possible to make the border stop just past the cbox, but before the bottom banner ad? If so would it also perhaps possible to insert an image at the bottom there?

Firstly, you should probably remove all those V4 codes. If you want to save them, copypasta into a .txt file or something, not put them on a forum where they won't work and just be liable to cause problems.

As for moving things above/below the border, you need to place them inside/outside the "wrapper" div. Go to Themes > Layout Templates > Forum Wrapper and find this section near the bottom:

$[footer]
</div>
{if $[is_mobile_browser]}
<br /><p class="center">Switch to the $[mobile_switch_link].</p>
{/if}
</body>

That closing </div> tag is the end of the wrapper. To move the bottom ad outside the border, move the $[footer] tag below it. This will also include your footers, so you'll probably need to move the chatbox code from there into the forum wrapper template.