?

Log in

No account? Create an account

Previous Entry | Next Entry

Hello.

I'm a total rookie in expressive layouts and CSS codes, and my lj-english isn't perfect, so sorry for any stupid mistakes from my side.
My layout is Minimal Black in s2.

Problem is, after adjusting all names and quotes I tried to put some banner between line with links (friends, userinfo, archive) and header title. I use simplest code i found:

#header-inner { 
    background-image: url("image url");
height: 200px;
}
#header {
    background-image: none;
}

Unfortunately it put image behind other elements of header rather than beetween them. And because image is black and white, and so is header - whole thing become rather unreadable. I'm interested is there possibility to put banner image over header rather than behind it.

Thank you very much in advance for all help.

sld




Comments

( 14 comments — Leave a comment )
dana_cz
Aug. 14th, 2012 07:17 pm (UTC)
Try this:

#header-inner {
background: url("image url") repeat-x;
padding-top: 200px;
}

#content {
margin-top: 190px;
}
dzieciol_czarny
Aug. 14th, 2012 07:48 pm (UTC)
dana_cz
Aug. 14th, 2012 08:11 pm (UTC)
You should have a cropped banner to the exact size you want, it would be easier than having a huge photo.
dzieciol_czarny
Aug. 14th, 2012 08:14 pm (UTC)
yep think that have to gonna that way ;)
dzieciol_czarny
Aug. 14th, 2012 08:21 pm (UTC)
OK I got it almost perfect, there's only one thing to change. Depending to screen size banner start to multiplicate itself one by one rather than centre over page. Is there any way to change it?
dana_cz
Aug. 14th, 2012 08:23 pm (UTC)
Instead of 'repeat-x' write 'no-repeat'. :)
dzieciol_czarny
Aug. 14th, 2012 08:23 pm (UTC)
Thanks!
dana_cz
Aug. 14th, 2012 08:24 pm (UTC)
You're welcome! :)
dzieciol_czarny
Aug. 14th, 2012 08:27 pm (UTC)
ok, almost work, now rather than copy of banner i have weird small black signs on his right ;)
dana_cz
Aug. 14th, 2012 08:29 pm (UTC)
Ok, try:

#header {
background: none;
}

if it doesn't work, try:

#header {
background: none !important;
}
dzieciol_czarny
Aug. 14th, 2012 08:32 pm (UTC)
Weirdos gone, but it is still non-centric.
dzieciol_czarny
Aug. 14th, 2012 08:35 pm (UTC)
OK figured it myself. Thanks for all help :)
tuff_ghost
Aug. 14th, 2012 07:24 pm (UTC)


#header {
background-image: none;
height: 270px;
}

#header-name {
background: url("http://www.identifont.com/samples/kenn-munk/Rorschach.gif") repeat-x scroll 0 -200px transparent;
height: 160px;
line-height: 220px;
}

#page #header-name, #page #header-name * { line-height: 200px !important; }
dzieciol_czarny
Aug. 14th, 2012 08:09 pm (UTC)
Yep, that's works thank you very much?


What value should I change to put something larger there. And what to do with subtitle on main page?
( 14 comments — Leave a comment )

Latest Month

March 2016
S M T W T F S
  12345
6789101112
13141516171819
20212223242526
2728293031  

S2 Help Communities

Tags

Powered by LiveJournal.com
Designed by chasethestars