Inner border background?(solved)

[Mike]

I would like a background like the outer border for my inner border. Can somebody explain how I can do this.

[Mike]

bump

[Shrike]

Could you explain what you're meaning by a gradient on an inner border? The borders are normally only 1 or 2 pixels wide, so a gradient wouldn't be that noticeable.

[Patrick [ASE]]

Nov 22, 2012 11:37:01 GMT -8 Shrike said:

Could you explain what you're meaning by a gradient on an inner border? The borders are normally only 1 or 2 pixels wide, so a gradient wouldn't be that noticeable.

Border images were often referred to as gradients, i think that's what he means, the ability to add an image to a border instead of a single colour

[Mike]

Well what I'm talking about is the texture or gradient used on the outer border.( fancy pattern over the color) I would like to be able to do the same for the inner border. Is that possible?

[Mike]

bump

[Shrike]

Nov 22, 2012 17:52:00 GMT -8 Mike said:

Well what I'm talking about is the texture or gradient used on the outer border.( fancy pattern over the color) I would like to be able to do the same for the inner border. Is that possible?

Sorry, I'm still a bit confused. I now get what you mean by the texture/gradient, I'm just not sure about the "inner border" because, to me (and the visual editor), "inner border" refers to the grey lines like in this screenshot of part of your post above and the texture/gradient wouldn't really show up on lines that thin.

Could you take a screenshot of the specific area (and some recognisable parts of the forum around it so I can tell where exactly it is) that you're referring to?

Edit: And, for reference, the textures/gradients you're both referring to (thank you for the clarification by the way, Patrick) aren't being applies to the outer borders (those are the darker, thin borders around the very outside of the various containers). They are being applied to the title bars.

[Mike]

Ok,I used the "border around forum" code. What I mean is the background for that border. I want to be able to use a PB background image for that border.
I hope that made sense.

Thanks 


/* border around forum */#wrapper {background-color:@container_inner_border_color;background-image: url('http://images.proboards.com/v5/banners/texture-stripe-light.png') ;padding: 4.3em;border-radius:100px}

I just wanted to share this with everybody. This will allow you to have a background image on your inner border
Have a look!

[spiceelicious]

That's rather neat. Is there any way to have a transparent background. I did try and for some reason it isn't showing as transparent.

[Mike]

The transparent issue, I know what your talking about but I can't help with that. I'm no coder, I found out about that purely by accident. I was playing around with the template and add some css and it worked!
So I'm sorry about not being able to help.

[Shrike]

Dec 3, 2012 12:40:41 GMT -8 spiceelicious said:

That's rather neat. Is there any way to have a transparent background. I did try and for some reason it isn't showing as transparent.

I'm assuming by transparent, you mean semi-opaque, as a transparent background would be completely invisible. You can use rgba() directly for the background color. There is another way using the LessCSS features v5 has:

/* border around forum */
#wrapper {background-color: fade(@container_inner_border_color, 50%); padding: 1.3em;}

We've added this part: fade(@container_inner_border_color, 50%)

The blue part is using the same, inner border color we've set in the Easy Theme Creator, but you can change this to a normal hex color code like #1979e6. The orange part is then the percentage opacity (so 100% is a solid color, 0% is completely transparent). This will do the same as using an rgba() color directly, but it's a bit more flexible and user friendly.

IE 8 and below don't support opacity using rgba().

[spiceelicious]

Thanks for your reply Riccets. By the way great job on figuring that out. I like the way it looks on your forum.

Yes, Shrike, that is what I meant. I said transparent because in photoshop you can adjust the transparency/opacity to suit your needs. I shall give that a try. Perfect, that is exactly what I wanted. Thank you for your help