The forum of the forums
Would you like to react to this message? Create an account in a few clicks or log in to continue.

rounded corners for post background

2 posters

Go down

Solved rounded corners for post background

Post by Ape August 29th 2012, 6:08 pm

Hi all. got a little problem i know most of you could help me with

I made my skin and it has all rounded corners but in the post box its still not rounded
can some one help me out here please

my post box screen shot
rounded corners for post background Untitl21

much thanks for any help you can give

Ape Neutral


Last edited by APE on August 29th 2012, 10:50 pm; edited 1 time in total
Ape
Ape
Administrator
Administrator

Male Posts : 19084
Reputation : 1988
Language : fluent in dork / mumbojumbo & English haha

http://chatworld.forumotion.co.uk/

Back to top Go down

Solved Re: rounded corners for post background

Post by Rthera August 29th 2012, 8:11 pm

Code:
span.corners-top {
background-image: url(http://2img.net/i/fa/fdf3/corners_left.png);
background-position: 0 0;
margin: 0 -5px;
}

Add that to your CSS.

Code:
span.corners-top span {
background-image: url(http://2img.net/i/fa/fdf3/corners_right.png);
background-position: 100% 0;
}

And that too.
avatar
Rthera
Forumember

Male Posts : 174
Reputation : 8
Language : English

Back to top Go down

Solved Re: rounded corners for post background

Post by Ape August 29th 2012, 10:07 pm

that only changes the top is there any code that will do the bottom aswell


rounded corners for post background Left1212rounded corners for post background Center11rounded corners for post background Right112
rounded corners for post background Ape_b110
rounded corners for post background Ape1010
Ape
Ape
Administrator
Administrator

Male Posts : 19084
Reputation : 1988
Language : fluent in dork / mumbojumbo & English haha

http://chatworld.forumotion.co.uk/

Back to top Go down

Solved Re: rounded corners for post background

Post by Rthera August 29th 2012, 10:33 pm

Code:
span.corners-bottom {
background-image: url(http://2img.net/i/fa/fdf3/corners_left.png);
background-position: 0 100%;
clear: both;
margin: 0 -5px;
}

Code:
span.corners-bottom, span.corners-bottom span, span.corners-top, span.corners-top span {
background-repeat: no-repeat;
display: block;
font-size: 1px;
height: 5px;
line-height: 1px;
}
avatar
Rthera
Forumember

Male Posts : 174
Reputation : 8
Language : English

Back to top Go down

Solved Re: rounded corners for post background

Post by Ape August 29th 2012, 10:41 pm

bottom right is still not rounded Sad

EDIT:
can i not do it with out the image and do it with this sort of code
Code:
border-radius: 10px;
-webkit-border-radius: 10px;
-o-border-radius: 10px;
-khtml-border-radius: 10px;


Last edited by APE on August 29th 2012, 10:45 pm; edited 1 time in total
Ape
Ape
Administrator
Administrator

Male Posts : 19084
Reputation : 1988
Language : fluent in dork / mumbojumbo & English haha

http://chatworld.forumotion.co.uk/

Back to top Go down

Solved Re: rounded corners for post background

Post by Rthera August 29th 2012, 10:43 pm

Code:
span.corners-bottom span {
background-image: url(http://2img.net/i/fa/fdf3/corners_right.png);
background-position: 100% 100%;
}
avatar
Rthera
Forumember

Male Posts : 174
Reputation : 8
Language : English

Back to top Go down

Solved Re: rounded corners for post background

Post by Ape August 29th 2012, 10:51 pm

solved with thanks



rounded corners for post background Left1212rounded corners for post background Center11rounded corners for post background Right112
rounded corners for post background Ape_b110
rounded corners for post background Ape1010
Ape
Ape
Administrator
Administrator

Male Posts : 19084
Reputation : 1988
Language : fluent in dork / mumbojumbo & English haha

http://chatworld.forumotion.co.uk/

Back to top Go down

Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum