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.

How to make Round Corners in PhpBB3?

View previous topic View next topic Go down

Solved How to make Round Corners in PhpBB3?

Post by Alexander Moore on July 29th 2012, 4:49 pm

I'd like to make the squarish boundaries of my forum to be round. I've tried using the search but most codes that worked for others aren't working for me.

I'm basically just customizing off of the default prosilver theme. I think the same code used to make THIS forum have rounded corners should also work for me, since I'm pretty sure it's pretty much the same thing.

Thanks in advance.


** Deleted from Admin Panel issues and posted here. Sorry, I made a mistake with that. **


Last edited by Alexander Moore on July 29th 2012, 7:05 pm; edited 1 time in total

Alexander Moore
Forumember

Male Posts : 210
Reputation : 2
Language : English (USA), Mandarin Chinese || HTML, CSS, Limited JavaScript.
Location : Suzhou, China

Back to top Go down

Solved Re: How to make Round Corners in PhpBB3?

Post by Sir Chivas™ on July 29th 2012, 6:02 pm




Attention!
- Please provide your forum URL at all times.
- When the issue is solved, please mark it as solved.



Sir Chivas™
Support Moderator
Support Moderator

Male Posts : 6783
Reputation : 430
Language : EN, FR, ES
Location : || CSS || HTML || Graphics Designs || Support ||

Back to top Go down

Solved Re: How to make Round Corners in PhpBB3?

Post by Alexander Moore on July 29th 2012, 6:19 pm

What's the PhpBB3 classname for the boundaries?

I tried .bodyline and .forumbg and neither worked. I'm talking about, in reference to this site, the white that the site is sitting on, the container for the whole forum, and the only thing beyond it is the green background. If you scroll to the top, the edges are rounded. That's what I want to do for my own site.

Alexander Moore
Forumember

Male Posts : 210
Reputation : 2
Language : English (USA), Mandarin Chinese || HTML, CSS, Limited JavaScript.
Location : Suzhou, China

Back to top Go down

Solved Re: How to make Round Corners in PhpBB3?

Post by Rog360 on July 29th 2012, 6:56 pm

Here's the ones I have gotten from FM members. The #wrap one I think is the one your asking for.
They all should work... Smile

Spoiler:
Code:
/*Round Corners*/
.forabg {
border-radius: 10px;
-webkit-border-radius: 10px;
-o-border-radius: 10px;
-khtml-border-radius: 10px;
}

.forumbg {
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
}

#wrap {
  border-radius:10px;
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
}

#search_menu {
  border-radius:10px;
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
}

textarea#text_editor_textarea {
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}

.codebox, blockquote, .spoiler{
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;

Rog360
New Member

Posts : 20
Reputation : 3
Language : english

Back to top Go down

Solved Re: How to make Round Corners in PhpBB3?

Post by Alexander Moore on July 29th 2012, 7:04 pm

The #wrap code worked! Thank you very much!

Thanked and set as solved.

Alexander Moore
Forumember

Male Posts : 210
Reputation : 2
Language : English (USA), Mandarin Chinese || HTML, CSS, Limited JavaScript.
Location : Suzhou, China

Back to top Go down

Solved Re: How to make Round Corners in PhpBB3?

Post by Sanket on July 29th 2012, 7:37 pm

Topic Solved & Locked

Sanket
ForumGuru

Male Posts : 48766
Reputation : 2819
Language : English
Location : Mumbai

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