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 phpBB3

View previous topic View next topic Go down

Solved Rounded corners for phpBB3

Post by Lee Tamotsu on August 25th 2011, 8:15 pm

I could really use some help with this. Below is the forum link.

http://www.avatarepisodesrp.com/



See the sharp edged backgrounds? I've placed a badly drawn arrow around them. How do you make them curved and smooth, like on here? I could really use some help with this, as I've tried tackling this for a while on my own, but haven't found a solution...thanks!

Lee Tamotsu
Forumember

Male Posts : 219
Reputation : 1
Language : English

http://avatarrp.aforumfree.com/index.htm

Back to top Go down

Solved Re: Rounded corners for phpBB3

Post by Base on August 25th 2011, 9:24 pm

Hi, please add this to your CSS code:

Code:
.module {
    border-radius: 10px 10px 10px 10px;
}
.panel {
    border-radius: 10px 10px 10px 10px;
}

Smile

Base
Forumaster

Male Posts : 10386
Reputation : 1687
Language : English and French
Location : United Kingdom, England

http://forumotionhub.net

Back to top Go down

Solved Re: Rounded corners for phpBB3

Post by Lee Tamotsu on August 25th 2011, 9:52 pm

I couldn't get it to work with that, but a few minutes ago, before you posted, I was digging deep through the forum with ctl +f. That has become my friend recently.

Anyway I found this code that worked below, but I didn't know what certain names were for the forum. Like the code .module or .panel.

A question though, what would the area which stores all the different categories and threads be called? It's in the main home, if you scroll down to the content, such as Guest Lounge, Information and Rules, Avatar chat.

I would also like to have that rounded to, if you could help me with that, thanks! You've been a big help, I was literally just typing in random words for the body.___ to see if it would work heh.


body .post{
-moz-border-radius: 12px;
-webkit-border-radius: 12px;
}

body .module{
-moz-border-radius: 12px;
-webkit-border-radius: 12px;
}


body .panel{
-moz-border-radius: 12px;
-webkit-border-radius: 12px;
}

Lee Tamotsu
Forumember

Male Posts : 219
Reputation : 1
Language : English

http://avatarrp.aforumfree.com/index.htm

Back to top Go down

Solved Re: Rounded corners for phpBB3

Post by Lee Tamotsu on August 27th 2011, 4:49 am

So I've gotten a lot of the forum to be beveled/curved, except for the forum category/content section.



^ This is what I'm referring to. I'm not sure what that is called. If I was to use a code like below, what would I change the .module/.panel to, in order for what I have highlighted in the picture to be beveled? Thanks in advance!

.module {
border-radius: 10px 10px 10px 10px;
}
.panel {
border-radius: 10px 10px 10px 10px;
}

Lee Tamotsu
Forumember

Male Posts : 219
Reputation : 1
Language : English

http://avatarrp.aforumfree.com/index.htm

Back to top Go down

Solved Re: Rounded corners for phpBB3

Post by Nera. on August 27th 2011, 9:29 am

Hi,

Add this to your CSS
Code:
.forabg {
border-radius: 10px;
-webkit-border-radius: 10px;
-o-border-radius: 10px;
-khtml-border-radius: 10px;
}

Nera.
Energetic

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

http://webartzforum.com

Back to top Go down

Solved Re: Rounded corners for phpBB3

Post by Lee Tamotsu on August 27th 2011, 12:59 pm

Great! That helped. So say I wanted to change the beveled edges of the sections within the forum content, what would I do there?

http://www.avatarepisodesrp.com/f28-guest-lounge

Use that link for a reference. See, the content is labeled as topics. Anything within the forum with that header stays with the sharp edged boxes.

Thanks for your help so far, you've been a big help!

Lee Tamotsu
Forumember

Male Posts : 219
Reputation : 1
Language : English

http://avatarrp.aforumfree.com/index.htm

Back to top Go down

Solved Re: Rounded corners for phpBB3

Post by Nera. on August 27th 2011, 1:27 pm

Code:
.forumbg {
border-radius: 10px;
-webkit-border-radius: 10px;
-o-border-radius: 10px;
-khtml-border-radius: 10px;
}

Nera.
Energetic

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

http://webartzforum.com

Back to top Go down

Solved Re: Rounded corners for phpBB3

Post by Lee Tamotsu on August 27th 2011, 1:31 pm

Thank you so much! Makes the forum look that much more better! Thanks a ton and solved!

Lee Tamotsu
Forumember

Male Posts : 219
Reputation : 1
Language : English

http://avatarrp.aforumfree.com/index.htm

Back to top Go down

Solved Re: Rounded corners for phpBB3

Post by Nera. on August 27th 2011, 1:39 pm

Welcome.

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