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 Thu Mar 31, 2011 4:32 pm

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 Sat Apr 02, 2011 8:43 am; 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 Thu Mar 31, 2011 4:50 pm

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

The part with the post only
Code:
.postbody {
avatar
Nera.
Energetic

Female Posts : 7078
Reputation : 2014
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 Fri Apr 01, 2011 4:15 am

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 Fri Apr 01, 2011 7:04 am

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.
avatar
Nera.
Energetic

Female Posts : 7078
Reputation : 2014
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 Sat Apr 02, 2011 7:20 am

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 Sat Apr 02, 2011 7:54 am

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

avatar
Nera.
Energetic

Female Posts : 7078
Reputation : 2014
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 Sat Apr 02, 2011 8:11 am

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 Sat Apr 02, 2011 8:21 am

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 Sat Apr 02, 2011 8:33 am

@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;
}
avatar
Nera.
Energetic

Female Posts : 7078
Reputation : 2014
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 Sat Apr 02, 2011 8:42 am

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 Sat Apr 02, 2011 10:40 am

Solved => Locked
avatar
MrMario
Helper
Helper

Male Posts : 22186
Reputation : 1836
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