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 background change

View previous topic View next topic Go down

Solved header background change

Post by ajohnson on 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


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

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 on June 22nd 2011, 11:46 pm

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

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 on 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

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. on 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.
Energetic

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

http://webartzforum.com

Back to top Go down

Solved Re: header background change

Post by ajohnson on 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

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 on 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

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. on 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://illiweb.com/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://illiweb.com/fa/empty.gif");
    background-repeat: repeat-x;
    color: #FFFFFF;
    min-height: 68px;
    text-align: center;
}

Nera.
Energetic

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

http://webartzforum.com

Back to top Go down

Solved Re: header background change

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

ok ill try that right now and get back to you on how it goes

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 on 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://illiweb.com/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://illiweb.com/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

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 on 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
Forumaster

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

http://forumotionhub.net

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