Livejournal
Log in
Post
Friends
My journal
juneghost
in
s2flexisquares
Header image
May 26, 2013 16:24
Hi! I wondering how I add
this
header? I have no idea how it works.
This
tutorial won't work.
My code:
/* made by INROJECT @ LIVEJOURNAL.COM (
Read more...
)
solved
,
header and footer
Leave a comment
Comments 3
(The comment has been removed)
juneghost
May 26 2013, 15:44:27 UTC
Thanks, but still doesn't work. The header is too much to the left.
Reply
london_fan
May 26 2013, 16:10:00 UTC
Try this code instead of yours:
.headerimage {
position: relative;
background-image: url('
http://i1327.photobucket.com/albums/u661/juneghosts/H_Jeremy_for_juneghost_C_zps309c051f.png
');
background-repeat: none !important;
margin-left: auto;
margin-right: auto;
height: 450px;
width: 900px;
}
If you use a header with a width of 900px, you might also want to set the same fixed width for the content in general instead of the fluent width? In this case change your settings for #content as follows:
#content
{
width: 900px;
margin-left: auto;
margin-right: auto;
padding: 10px;
}
Reply
juneghost
May 26 2013, 16:31:32 UTC
It works perfectly, thank you!
Reply
Leave a comment
Up
Comments 3
(The comment has been removed)
Reply
.headerimage {
position: relative;
background-image: url('http://i1327.photobucket.com/albums/u661/juneghosts/H_Jeremy_for_juneghost_C_zps309c051f.png');
background-repeat: none !important;
margin-left: auto;
margin-right: auto;
height: 450px;
width: 900px;
}
If you use a header with a width of 900px, you might also want to set the same fixed width for the content in general instead of the fluent width? In this case change your settings for #content as follows:
#content
{
width: 900px;
margin-left: auto;
margin-right: auto;
padding: 10px;
}
Reply
Reply
Leave a comment