The forum of the forums
Would you like to react to this message? Create an account in a few clicks or log in to continue.

header background change

4 posters

Go down

Solved header background change

Post by ajohnson June 22nd 2011, 11:05 pm

hello i would like to know how to change my header background to this image. but i am not seeing a way to do it. any help would be awesome thanks in advance
header background change BBBlack-Carbon-Fiber.gif


Last edited by ajohnson on June 23rd 2011, 5:01 pm; edited 1 time in total
avatar
ajohnson
New Member

Male Posts : 12
Reputation : 0
Language : english

http://www.hackerswar.com/

Back to top Go down

Solved Re: header background change

Post by sgeorge June 22nd 2011, 11:46 pm

Do you want all of your forum to have this background ?
sgeorge
sgeorge
Forumember

Male Posts : 556
Reputation : 15
Language : Greek - English
Location : Greece

Back to top Go down

Solved Re: header background change

Post by ajohnson June 22nd 2011, 11:52 pm

sgeorge wrote:Do you want all of your forum to have this background ?

yes i am looking to make the whole back ground that image
avatar
ajohnson
New Member

Male Posts : 12
Reputation : 0
Language : english

http://www.hackerswar.com/

Back to top Go down

Solved Re: header background change

Post by Nera. June 23rd 2011, 12:00 am

Hi,

To add it as your header backgorund you can try with AP >> Display >> Pictures managment >> Advanced >> Header background image : + Save

If you want it as BG only behind your body add it to Background picture (page) : + Save

If you want it on your forum index what is your forum verison?
Nera.
Nera.
Energetic

Female Posts : 7078
Reputation : 2017
Language : English
Location : -

Back to top Go down

Solved Re: header background change

Post by ajohnson June 23rd 2011, 1:30 am

i am using the (invision) version for my forum i am not sure how to add it for header back ground when i go to pics there is no category or section to edit header background. so i am a little lost on how i would add it. here is a link to the forum if it helps hackerwars
avatar
ajohnson
New Member

Male Posts : 12
Reputation : 0
Language : english

http://www.hackerswar.com/

Back to top Go down

Solved Re: header background change

Post by ajohnson June 23rd 2011, 1:36 am

what i am trying to do is make the header back ground blend in with the main background so the header appears to be free floating. if that makes sense. i am not the best at coding though so a step by step on how to do this would be awesome
avatar
ajohnson
New Member

Male Posts : 12
Reputation : 0
Language : english

http://www.hackerswar.com/

Back to top Go down

Solved Re: header background change

Post by Nera. June 23rd 2011, 7:50 am

Hi,

You want it to look like this http://i.imm.io/6Jua.png ?

You only have to make your header background transparent since you want it the same as your page background.
Go to your AP >> Display >> Colors >> CSS Stylesheet and find this
Code:
div#logostrip {
    background-color: #353636;
    background-image: url("http://2img.net/i/fa/empty.gif");
    background-repeat: repeat-x;
    color: #FFFFFF;
    min-height: 68px;
    text-align: center;
}
Change the background-color to transparent so it looks like this
Code:
    background-color: transparent;

If you have an empty CSS try just adding all of this in your CSS
Code:
div#logostrip {
    background-color: transparent;
    background-image: url("http://2img.net/i/fa/empty.gif");
    background-repeat: repeat-x;
    color: #FFFFFF;
    min-height: 68px;
    text-align: center;
}
Nera.
Nera.
Energetic

Female Posts : 7078
Reputation : 2017
Language : English
Location : -

Back to top Go down

Solved Re: header background change

Post by ajohnson June 23rd 2011, 4:57 pm

ok ill try that right now and get back to you on how it goes
avatar
ajohnson
New Member

Male Posts : 12
Reputation : 0
Language : english

http://www.hackerswar.com/

Back to top Go down

Solved Re: header background change

Post by ajohnson June 23rd 2011, 5:01 pm

Nera. wrote:Hi,

You want it to look like this http://i.imm.io/6Jua.png ?

You only have to make your header background transparent since you want it the same as your page background.
Go to your AP >> Display >> Colors >> CSS Stylesheet and find this
Code:
div#logostrip {
    background-color: #353636;
    background-image: url("http://2img.net/i/fa/empty.gif");
    background-repeat: repeat-x;
    color: #FFFFFF;
    min-height: 68px;
    text-align: center;
}
Change the background-color to transparent so it looks like this
Code:
    background-color: transparent;

If you have an empty CSS try just adding all of this in your CSS
Code:
div#logostrip {
    background-color: transparent;
    background-image: url("http://2img.net/i/fa/empty.gif");
    background-repeat: repeat-x;
    color: #FFFFFF;
    min-height: 68px;
    text-align: center;
}

ok the last option solved my issue my code was blank so i just had to add that in Very good thanks for you help and problem solved
avatar
ajohnson
New Member

Male Posts : 12
Reputation : 0
Language : english

http://www.hackerswar.com/

Back to top Go down

Solved Re: header background change

Post by Base June 23rd 2011, 5:39 pm

ajohnson, posting consecutively is not tolerated unless separated by 24 hours since the last post. In future, please use the edit button. Wink

Glad we could help. Very Happy

Solved => Locked
Base
Base
Forumaster

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

http://forumotionhub.net

Back to top Go down

Back to top

- Similar topics

 
Permissions in this forum:
You cannot reply to topics in this forum