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.

PunBB Rounded Corners

View previous topic View next topic Go down

Solved PunBB Rounded Corners

Post by fijea on September 14th 2011, 11:08 pm

Hi,

I've tried the search function and tried the methods but I can't get things done as I wanted.
It does work for some but I wanted my forum to be in all rounded corners.
1. I don't know what needs to be applied with the code. (to get all rounded corners)
2. and when it's rounded, it doesn't feel right with the white border near the corners



thanks!


Last edited by fijea on September 16th 2011, 12:52 pm; edited 1 time in total

fijea
Forumember

Male Posts : 73
Reputation : 1
Language : English
Location : Indonesia

http://irtest.indonesianforum.net

Back to top Go down

Solved Re: PunBB Rounded Corners

Post by fijea on September 16th 2011, 9:25 am

bump

fijea
Forumember

Male Posts : 73
Reputation : 1
Language : English
Location : Indonesia

http://irtest.indonesianforum.net

Back to top Go down

Solved Re: PunBB Rounded Corners

Post by ankillien on September 16th 2011, 9:42 am

Hi,

Can I get a link to your forum? and please tell me which box you want to apply rounded corners?

ankillien
Energetic

Posts : 5198
Reputation : 129
Language : English, XHTML, CSS, JS, PHP, SQL

http://www.webartzforum.com/

Back to top Go down

Solved Re: PunBB Rounded Corners

Post by fijea on September 16th 2011, 11:52 am

okay sorry I deleted the forum link since people leaving my forum open..
it should be in maintenance atm Sad

http://www.indorockers.com/

I'd like to get rounded corners for most of the borders..
especially the welcome note (where "Hi user, welcome to.." is)
and forum/category list..

thank you! Smile

fijea
Forumember

Male Posts : 73
Reputation : 1
Language : English
Location : Indonesia

http://irtest.indonesianforum.net

Back to top Go down

Solved Re: PunBB Rounded Corners

Post by ankillien on September 16th 2011, 12:26 pm

Thanks for the link.

Try adding the following codes in Admin CP > Display > Colors > CSS

Code:
#pun-about , .main {
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}
.main-head {
-moz-border-radius: 10px 10px 0 0;
-webkit-border-radius: 10px 10px 0 0;
}
.main-content {
-moz-border-radius: 0 0 10px 10px;
-webkit-border-radius: 0 0 10px 10px;
}

ankillien
Energetic

Posts : 5198
Reputation : 129
Language : English, XHTML, CSS, JS, PHP, SQL

http://www.webartzforum.com/

Back to top Go down

Solved Re: PunBB Rounded Corners

Post by fijea on September 16th 2011, 12:34 pm

it's working thank you, sir! Smile

now how to get rid of the border colors? so there won't be a white line around it..
like the screenshot above..

fijea
Forumember

Male Posts : 73
Reputation : 1
Language : English
Location : Indonesia

http://irtest.indonesianforum.net

Back to top Go down

Solved Re: PunBB Rounded Corners

Post by ankillien on September 16th 2011, 12:42 pm

Adding this code would do the trick...

Code:
#pun-about , .pun .main .main-content {
border: none;
}

ankillien
Energetic

Posts : 5198
Reputation : 129
Language : English, XHTML, CSS, JS, PHP, SQL

http://www.webartzforum.com/

Back to top Go down

Solved Re: PunBB Rounded Corners

Post by fijea on September 16th 2011, 12:48 pm

you sir, are the man!
thank you very much!
solved! Smile

fijea
Forumember

Male Posts : 73
Reputation : 1
Language : English
Location : Indonesia

http://irtest.indonesianforum.net

Back to top Go down

Solved Re: PunBB Rounded Corners

Post by Nera. on September 16th 2011, 1:07 pm

Solved > Locked

Nera.
Energetic

Female Posts : 7077
Reputation : 2013
Language : English
Location : -

http://webartzforum.com

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