28 replies to this topic

[smilecoffe]

I found a lot of topic how to add a background image but I still can't add background image for body and branding.

But do I need to upload the background image to forum folder and link to it or can I just use a Photobucket link?
And can I add background image on the branding and have a logo at the same time? Like 2 layers of image on the header

Can anyone help me? :(

[Broni]

Adding an image as a background is not so simple task.

You can't add an image of fixed dimensions as it would look different in different screen resolutions.
That's why most skins use just colored backgrounds instead of an image background.

In case of branding background you'd have to create a specific image which would have to be 64px in height and being repeatable horizontally so we can use "repeat-x" CSS value.

In case of a whole page background the image would have to be repeatable horizontally and vertically so we can use "repeat-x" and "repeat-y" CSS values.

For instance switch here to "Paradox" skin to see how it looks>
Here is a code from that skin:



Skin's author created 422x420 image, which as you can see has a random pattern so it can easily be repeated horizontally and vertically.

[smilecoffe]

I still don't get it :(

here is the code for branding and body I set

Quote

#branding {
background: #0f3854 url('http://haehyukjj.com/public_html/admin/setup/public/images/branding_bg1.png') repeat-x;
border-bottom: 1px solid #1b3759;
min-height: 120px;
}

as you said I must have an image has 64px height so I think I might change the value

Body

Quote

html, body { /* Safari has trouble with bgcolor on body. Apply to html tag too. */

background-image: url(http://i631.photobuc...n/backgound.png) repeat scroll 0 0;
color: #5a5a5a;
}

body {
font: normal 13px helvetica, arial, sans-serif;
position: relative;
}

[Broni]

You can't host background image just somewhere.
You need to upload that image to your board through FTP.

What's your board address?

[smilecoffe]

I tried upload to my board with the branding background but it also doesn't work :(
my board address is http://haehyukjj.com
and this is where I uploaded the image http://haehyukjj.com...randing_bg1.png
is that right?

[Broni]

Link to the image doesn't work.

[smilecoffe]

then what should I do?

[Broni]

What image do you want to add as a background?

[smilecoffe]

this one

[Broni]

You have to upload it to your board through FTP and include proper path in CSS value.

[smilecoffe]

I did upload the image to my board
But it's still not work that I think it's weird
can you give me an example of the CSS? :(

[Broni]

You did something wrong with uploading.
Your background CSS code still reads this:

Quote

html, body {


background: none repeat scroll 0 0 #EBE7AB !important;
color: #5A1E0A;
}

Look at my Paradox skin CSS code:

Quote

html, body {


background: url("http://www.smartestcomputing.us.com/public/style_images/Paradox/body.jpg") repeat scroll 0 0 #444444;
color: #BBBBBB;
}

which means that you have to:
- upload your background image (backgound.png) to:
/public/style_images/2HJJ (or whatever is the exact name of your skin) folder
- adjust CSS code so it reads:

html, body {


background: url("http://haehyukjj.com//public/style_images/2HJJ.../backgound.png") repeat scroll 0 0;
color: #5A1E0A;
}

[smilecoffe]

I give up TT^TT
nothing change even I did exactly what you said Mr. Broni D;
I wish I could find someone do this job for me TT^TT

[Broni]

PM me with the access to your FTP.

[Broni]

You're almost there.
You seem to have two settings for the background:

Quote

html, body {


background: none repeat scroll 0 0 #FFFFFF !important;
color: #4E200D;
}

and

Quote

html, body {


background: url("http://haehyukjj.com/public/style_images/Christmas_v__01/branding_bg1.png") repeat scroll 0 0 transparent;
color: #5A5A5A;
}

The second one is correct.
Remove the first one.

[smilecoffe]

can you test it for me?

[Broni]

I don't think you did anything. Still the same.

[smilecoffe]

that's why I ask you ;(
I did everything but it's not show any differences

[Broni]

Can you give me an access to your ACP?

[smilecoffe]

the account I gave you already have ACP access