rounded corners for post background
2 posters
Page 1 of 1
rounded corners for post background
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
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
Last edited by APE on August 29th 2012, 9:50 am; edited 1 time in total
Re: rounded corners for post background
- 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.
Rthera- Forumember
- Posts : 174
Reputation : 8
Language : English
Re: rounded corners for post background
that only changes the top is there any code that will do the bottom aswell
Re: rounded corners for post background
- 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;
}
Rthera- Forumember
- Posts : 174
Reputation : 8
Language : English
Re: rounded corners for post background
bottom right is still not rounded
EDIT:
can i not do it with out the image and do it with this sort of code
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, 9:45 am; edited 1 time in total
Re: rounded corners for post background
- Code:
span.corners-bottom span {
background-image: url(http://2img.net/i/fa/fdf3/corners_right.png);
background-position: 100% 100%;
}
Rthera- Forumember
- Posts : 174
Reputation : 8
Language : English
Similar topics
» quote field (background and rounded corner) problem
» post background
» Rounded Corners on CPINFO Box
» Rounded corners on youtube videos.
» Very easy request please help! (rounded corners)
» post background
» Rounded Corners on CPINFO Box
» Rounded corners on youtube videos.
» Very easy request please help! (rounded corners)
Page 1 of 1
Permissions in this forum:
You cannot reply to topics in this forum