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.

Background Header

2 posters

Go down

Solved Background Header

Post by ~PSYDEX~ November 24th 2009, 1:20 pm

What css code should i add to my styles to put image on very top on my background on full screen width (behind the site table)
~PSYDEX~
~PSYDEX~
Forumember

Male Posts : 322
Reputation : 0
Language : Bulgarian
Location : Bulgaria

http://www.mobers.org

Back to top Go down

Solved Re: Background Header

Post by ankillien November 24th 2009, 2:04 pm

Hello,

Do you already have a body background?
If yes, then I don't think you can apply another background to it.
ankillien
ankillien
Energetic

Posts : 5198
Reputation : 129
Language : English, XHTML, CSS, JS, PHP, SQL

Back to top Go down

Solved Re: Background Header

Post by ~PSYDEX~ November 24th 2009, 2:08 pm

I have only this on my css stiles :

Code:
.bodyline {
background : url(http://img527.imageshack.us/img527/8669/footernewv1o.png) repeat-x bottom left scroll;
}

If needed , ill remove it and add other (for the header)
I prefer to have header on background instead footer
~PSYDEX~
~PSYDEX~
Forumember

Male Posts : 322
Reputation : 0
Language : Bulgarian
Location : Bulgaria

http://www.mobers.org

Back to top Go down

Solved Re: Background Header

Post by ankillien November 24th 2009, 2:18 pm

If you have background on .bodyline only, you can add another background with body. Use this code..

Code:
body {
background : url(IMAGE URL HERE) repeat-x scoll top left;
}
ankillien
ankillien
Energetic

Posts : 5198
Reputation : 129
Language : English, XHTML, CSS, JS, PHP, SQL

Back to top Go down

Solved Re: Background Header

Post by ~PSYDEX~ November 24th 2009, 2:28 pm

ankillien wrote:If you have background on .bodyline only, you can add another background with body. Use this code..

Code:
body {
background : url(IMAGE URL HERE) repeat-x scoll top left;
}

Image doesn't appear!
~PSYDEX~
~PSYDEX~
Forumember

Male Posts : 322
Reputation : 0
Language : Bulgarian
Location : Bulgaria

http://www.mobers.org

Back to top Go down

Solved Re: Background Header

Post by ankillien November 24th 2009, 2:31 pm

Sorry, there is a typo in my code Embarassed
I've written scoll instead of scroll. Please correct it and see if it works Smile
ankillien
ankillien
Energetic

Posts : 5198
Reputation : 129
Language : English, XHTML, CSS, JS, PHP, SQL

Back to top Go down

Solved Re: Background Header

Post by ~PSYDEX~ November 24th 2009, 2:33 pm

ankillien wrote:Sorry, there is a typo in my code Embarassed
I've written scoll instead of scroll. Please correct it and see if it works Smile

It works but now whole background is gone! Background Header Icon_eek
Only header appears
~PSYDEX~
~PSYDEX~
Forumember

Male Posts : 322
Reputation : 0
Language : Bulgarian
Location : Bulgaria

http://www.mobers.org

Back to top Go down

Solved Re: Background Header

Post by ankillien November 24th 2009, 2:34 pm

So, did you already have a background on your forum?
ankillien
ankillien
Energetic

Posts : 5198
Reputation : 129
Language : English, XHTML, CSS, JS, PHP, SQL

Back to top Go down

Solved Re: Background Header

Post by ~PSYDEX~ November 24th 2009, 2:35 pm

Yes i do have a backgound (stripes) and i want that header like how it's now but including the background
~PSYDEX~
~PSYDEX~
Forumember

Male Posts : 322
Reputation : 0
Language : Bulgarian
Location : Bulgaria

http://www.mobers.org

Back to top Go down

Solved Re: Background Header

Post by ankillien November 24th 2009, 3:06 pm

I don't think you can have multiple backgrounds to a same container.
CSS3 supports multiple background property but hardly few browsers support CSS3 so it won't be helpful :/

This is my last hope, try adding this code...

Code:
body {
background : url(http://img513.imageshack.us/img513/899/backgroundtopcssm.jpg) repeat-x scroll top left !important;
}
html {
background : url(http://img515.imageshack.us/img515/6650/striper.png) repeat scroll !important;
}

Hope this helps Very Happy
ankillien
ankillien
Energetic

Posts : 5198
Reputation : 129
Language : English, XHTML, CSS, JS, PHP, SQL

Back to top Go down

Solved Re: Background Header

Post by ~PSYDEX~ November 24th 2009, 5:28 pm

ankillien wrote:This is my last hope, try adding this code...

Code:
body {
background : url(http://img513.imageshack.us/img513/899/backgroundtopcssm.jpg) repeat-x scroll top left !important;
}
html {
background : url(http://img515.imageshack.us/img515/6650/striper.png) repeat scroll !important;
}

Hope this helps Very Happy

Well done! Now i have the stripes and the header bu not the footer
Anyway.. i prefer to have the footer at least...
If you think any way to put the footer too , you'll tell me , right?

EDIT: Ughh... that is not quite well done... Now the table is not transparent and the back-header is cutted with white line! Sad
Do you know way to do it transparent? (in forumotions adm panel > colors)
~PSYDEX~
~PSYDEX~
Forumember

Male Posts : 322
Reputation : 0
Language : Bulgarian
Location : Bulgaria

http://www.mobers.org

Back to top Go down

Solved Re: Background Header

Post by ankillien November 24th 2009, 5:34 pm

Have you removed footer background code?
I don't find it in your CSS :/ I may be wrong.

Try adding this, possibly it will display footer background too...

I advice you to backup all CSS codes before adding this as it might mess up the forum looks.

Code:
.bodyline {
background : url(http://img260.imageshack.us/img260/5999/footerblue.jpg) repeat-x bottom left scroll !important;
}
ankillien
ankillien
Energetic

Posts : 5198
Reputation : 129
Language : English, XHTML, CSS, JS, PHP, SQL

Back to top Go down

Solved Re: Background Header

Post by ~PSYDEX~ November 24th 2009, 5:49 pm

I love you man! You're the best !

Regards!!
~PSYDEX~
~PSYDEX~
Forumember

Male Posts : 322
Reputation : 0
Language : Bulgarian
Location : Bulgaria

http://www.mobers.org

Back to top Go down

Solved Re: Background Header

Post by ankillien November 24th 2009, 5:53 pm

Finally, its all sorted Very Happy Glad I could help.

Solved > Locked
ankillien
ankillien
Energetic

Posts : 5198
Reputation : 129
Language : English, XHTML, CSS, JS, PHP, SQL

Back to top Go down

Back to top

- Similar topics

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