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 do I give this edge round corners?

View previous topic View next topic Go down

Solved How do I give this edge round corners?

Post by Cool-Guy on April 1st 2011, 12:32 am

Hello,

I am currently making all corners of my forum round. Now, this message is posted in a light blue box, which I think you can see. What is the CSS-name of this box?

Currently, I am writing stuff like:

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

... To change the corners. I just need to know the name of this box, and replace ".headerbar" with it.

Thanks.


Last edited by Cool-Guy on April 2nd 2011, 4:43 pm; edited 1 time in total

Cool-Guy
Forumember

Posts : 295
Reputation : 0
Language : English

Back to top Go down

Solved Re: How do I give this edge round corners?

Post by Nera. on April 1st 2011, 12:50 am

All togehter, with your avatar (for phpBB3)?
Code:
.row1 {
or
Code:
.row2 {
as you wish.

The part with the post only
Code:
.postbody {

Nera.
Energetic

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

http://webartzforum.com

Back to top Go down

Solved Re: How do I give this edge round corners?

Post by Cool-Guy on April 1st 2011, 12:15 pm

Worked, but there is a problem. I will get back to it after this question has been answered:

Check my forum: http://crimson-butterfly.forumotion.com/

What is the name of the box that says "Username" and "Password"?

Would like to give it round corners. Smile

Cool-Guy
Forumember

Posts : 295
Reputation : 0
Language : English

Back to top Go down

Solved Re: How do I give this edge round corners?

Post by Nera. on April 1st 2011, 3:04 pm

This default? Please enter username etc....
Login:
Password:

If you meant that, it is =>
Code:
.panel {

You will have little problems 'cause they are not just boxes, they all have 5-6 parts.

Nera.
Energetic

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

http://webartzforum.com

Back to top Go down

Solved Re: How do I give this edge round corners?

Post by Cool-Guy on April 2nd 2011, 3:20 pm

The ".postbody" didn't change the message box at all. Sad

The ".row1" and ".row2" did, but it also changed the boxes in the "thread list", which looks really bad. Any solution, out there? Smile

Cool-Guy
Forumember

Posts : 295
Reputation : 0
Language : English

Back to top Go down

Solved Re: How do I give this edge round corners?

Post by Nera. on April 2nd 2011, 3:54 pm

Find =>
Code:
.post {
Add this.
Code:
    -moz-border-radius: 20px 20px 20px 20px;
Change the numbers as you want.


Nera.
Energetic

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

http://webartzforum.com

Back to top Go down

Solved Re: How do I give this edge round corners?

Post by Cool-Guy on April 2nd 2011, 4:11 pm

Awesome. Smile

Also, any possibilities of adding round corners to the search box in the navigation bar? Maybe it has a CSS-name, too? Smile

Cool-Guy
Forumember

Posts : 295
Reputation : 0
Language : English

Back to top Go down

Solved Re: How do I give this edge round corners?

Post by hamodabul on April 2nd 2011, 4:21 pm

Awesome !

hamodabul
New Member

Posts : 4
Reputation : 0
Language : arabic

Back to top Go down

Solved Re: How do I give this edge round corners?

Post by Nera. on April 2nd 2011, 4:33 pm

@Cool-Guy wrote:Awesome. Smile

Also, any possibilities of adding round corners to the search box in the navigation bar? Maybe it has a CSS-name, too? Smile

Add this to your CSS =>
Code:
.overview {
    -moz-border-radius: 10px 10px 10px 10px;
}
.title-overview {
    -moz-border-radius: 10px 10px 10px 10px;
}

Nera.
Energetic

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

http://webartzforum.com

Back to top Go down

Solved Re: How do I give this edge round corners?

Post by Cool-Guy on April 2nd 2011, 4:42 pm

Thanks. It worked.

I will now mark this thread as "solved". Smile

Cool-Guy
Forumember

Posts : 295
Reputation : 0
Language : English

Back to top Go down

Solved Re: How do I give this edge round corners?

Post by MrMario on April 2nd 2011, 6:40 pm

Solved => Locked

MrMario
Helper
Helper

Male Posts : 22186
Reputation : 1830
Language : test

http://test.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