rounded corners for post background

Go down

Solved rounded corners for post background

Post by APE on 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


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
avatar
APE
Administrator
Administrator

Male Posts : 12304
Reputation : 1276
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 on August 29th 2012, 8:11 pm

Code:
span.corners-top {
background-image: url(http://illiweb.com/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://illiweb.com/fa/fdf3/corners_right.png);
background-position: 100% 0;
}

And that too.

Rthera
Forumember

Male Posts : 174
Reputation : 8
Language : English

Back to top Go down

Solved Re: rounded corners for post background

Post by APE on August 29th 2012, 10:07 pm

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



avatar
APE
Administrator
Administrator

Male Posts : 12304
Reputation : 1276
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 on August 29th 2012, 10:33 pm

Code:
span.corners-bottom {
background-image: url(http://illiweb.com/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;
}

Rthera
Forumember

Male Posts : 174
Reputation : 8
Language : English

Back to top Go down

Solved Re: rounded corners for post background

Post by APE on 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
avatar
APE
Administrator
Administrator

Male Posts : 12304
Reputation : 1276
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 on August 29th 2012, 10:43 pm

Code:
span.corners-bottom span {
background-image: url(http://illiweb.com/fa/fdf3/corners_right.png);
background-position: 100% 100%;
}

Rthera
Forumember

Male Posts : 174
Reputation : 8
Language : English

Back to top Go down

Solved Re: rounded corners for post background

Post by APE on August 29th 2012, 10:51 pm

solved with thanks




avatar
APE
Administrator
Administrator

Male Posts : 12304
Reputation : 1276
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