The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

rounded corners for post background

View previous topic View next topic 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

APE
Manager
Manager

Male Posts : 8619
Reputation : 752
Language : fluent in dork / mumbojumbo & English haha
Location : STUCK IN FORUMOTIONS SERVERS HELP ME !!!!!!

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




APE
Manager
Manager

Male Posts : 8619
Reputation : 752
Language : fluent in dork / mumbojumbo & English haha
Location : STUCK IN FORUMOTIONS SERVERS HELP ME !!!!!!

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

APE
Manager
Manager

Male Posts : 8619
Reputation : 752
Language : fluent in dork / mumbojumbo & English haha
Location : STUCK IN FORUMOTIONS SERVERS HELP ME !!!!!!

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





APE
Manager
Manager

Male Posts : 8619
Reputation : 752
Language : fluent in dork / mumbojumbo & English haha
Location : STUCK IN FORUMOTIONS SERVERS HELP ME !!!!!!

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

Back to top Go down

View previous topic View next topic Back to top


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