Quote by xAl-san
Quote by omegamax
Depends, in what you need help?
Regards,
Pretty much everything. But mainly, I want a image in my background/header area. Like the minitokyo image but something else for my userpage.
Oh well...
#header strong {
}
#header {
}
#search-form {
}
#backbone h1 {
}
Are the one ones related with the image on the top in order from top to below.... if you want to know which part is which. Go to "Edit CSS" and in advance CSS copy and paste this:
#header strong {
background: red;
}
#header {
background: yellow;
}
#search-form {
background: blue;
}
#backbone h1 {
background: green;
}
Now you will see random but different colors in the top, that will give you an idea where you want your background or image. Now in order to change that boxes with an image. You need to upload the image into an image hosting and then.
#header strong {
background: url(http://thelinkoftheimage.com/image.jpg);
width: 200px;
height: 200px;
}
Remember to change the width and height according to your image. You can do the same with the rest:
#header {
background: url(http://thelinkoftheimage.com/image.jpg);
width: 200px;
height: 200px;
}
#search-form {
background: url(http://thelinkoftheimage.com/image.jpg);
width: 200px;
height: 200px;
}
#backbone h1 {
background: url(http://thelinkoftheimage.com/image.jpg);
width: 200px;
height: 200px;
}
Now if for any reason you want to hide any of them add: display: none; like this:
#header strong {
background: url(http://thelinkoftheimage.com/image.jpg);
width: 200px;
height: 200px;
display: none;
}
That might hide that block. All of that must be added to the Advanced CSS and the order doesn't matter at all. If you want me to help you with it let me know the image you want and where :P
Regards,
