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.

Header

View previous topic View next topic Go down

Solved Header

Post by RevexAU on May 15th 2012, 4:27 am

Basically I have my image and the background behind the image is all good a nice Black/Grey but I would like the corners of it to be rounded.

You can easily see in this image below , My header image and the Background (The Black/Grey Gradient) and then the corners that I want rounded. Please tell me how to round them.


RevexAU
Forumember

Posts : 101
Reputation : 4
Language : english

Back to top Go down

Solved Re: Header

Post by runawayhorses on May 15th 2012, 4:37 am

Since the background stretches across the header to fill the header section you will most likely be using a rounded corner image and code for the header. If that were one image and the background was fixed the background image could be rounded. But the way it looks to me that is a background color and it will expand and retract depending on what size monitor you are using. So if thats the case you will need a code to round the color background using a transparent rounded corner.

Try also doing a search for "rounded corners".

runawayhorses
Hyperactive

Male Posts : 2537
Reputation : 162
Language : English
Location : United States

http://runawayhorses.alldiscussion.net/

Back to top Go down

Solved Re: Header

Post by Ahkrir on May 15th 2012, 8:03 am

Not sure, but I use this code and works perfect:
Code:

border:solid 1px #000000;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
border-radius: 15px;

Ahkrir
Forumember

Male Posts : 288
Reputation : 14
Language : English
Location : The Netherlands

http://smarterweb.go-board.com/forum

Back to top Go down

Solved Re: Header

Post by RevexAU on May 15th 2012, 8:10 am

Still didn't round the corners :/

RevexAU
Forumember

Posts : 101
Reputation : 4
Language : english

Back to top Go down

Solved Re: Header

Post by Ahkrir on May 15th 2012, 8:21 am

@RevexAU wrote:Still didn't round the corners :/

Add it in the css ofcourse.
Did you add it to the div header?

Ahkrir
Forumember

Male Posts : 288
Reputation : 14
Language : English
Location : The Netherlands

http://smarterweb.go-board.com/forum

Back to top Go down

Solved Re: Header

Post by RevexAU on May 15th 2012, 11:37 am

I did put it in the CSS -.-

RevexAU
Forumember

Posts : 101
Reputation : 4
Language : english

Back to top Go down

Solved Re: Header

Post by Ahkrir on May 15th 2012, 7:35 pm

Strange, did you try changing the solid border color? (You might not see it)
If it really does not work, maybe the code does not work on your forum or you have put it on the wrong place.

Ahkrir
Forumember

Male Posts : 288
Reputation : 14
Language : English
Location : The Netherlands

http://smarterweb.go-board.com/forum

Back to top Go down

Solved Re: Header

Post by Guest on May 15th 2012, 8:32 pm

Hi!

Add this to CSS Stylesheet:
Code:
.headerbar{
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}

Guest
Guest


Back to top Go down

Solved Re: Header

Post by RevexAU on May 16th 2012, 5:50 am

Thank you very much Coddy! Very Happy Solved.

RevexAU
Forumember

Posts : 101
Reputation : 4
Language : english

Back to top Go down

Solved Re: Header

Post by Jophy on May 16th 2012, 5:51 am

Topic Solved & Locked

Jophy
ForumGuru

Male Posts : 17924
Reputation : 835
Language : English
Location : Somewhere

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