mbazyl
10-01-2011, 14:57
Cześć,
Mam problem z dopasowanie logo w stylu ja_purity. Dostosowoju go do swoich potrzeb i chciałbym, żeby logo było rozciągnięte na boki na max (dostosowywanie się do rozdzielczości strony), konkretny background + dopiero wtedy nałożenie na to loga w transparent'cie.
/* HEADER
--------------------------------------------------------- */
#ja-headerwrap {
background: #ffffff;
color: #CCCCCC;
line-height: normal;
height: 165px;
}
#ja-header {
position: relative;
}
.ja-headermask {
width: 660px;
display: block;
background: url(../images/header-mask.png) no-repeat top right;
height: 165px;
position: absolute;
top: 0;
right: -1px;
}
#ja-header a {
color: #CCCCCC;
}
h1.logo, h1.logo-text {
margin: 0 0 0 5px;
padding: 0;
font-size: 180%;
text-transform: uppercase;
}
h1.logo a {
width: 208px;
display: block;
background: url(../images/logo.png) no-repeat;
height: 80px;
position: relative;
z-index: 100;
}
h1.logo a span {
position: absolute;
top: -1000px;
}
h1.logo-text a {
color: #CCCCCC !important;
text-decoration: none;
outline: none;
position: absolute;
bottom: 40px;
left: 5px;
}
p.site-slogan {
margin: 0;
padding: 0;
padding: 2px 5px;
color: #FFFFFF;
background: #444444;
font-size: 92%;
position: absolute;
bottom: 20px;
left: 0;
}
Mam problem z dopasowanie logo w stylu ja_purity. Dostosowoju go do swoich potrzeb i chciałbym, żeby logo było rozciągnięte na boki na max (dostosowywanie się do rozdzielczości strony), konkretny background + dopiero wtedy nałożenie na to loga w transparent'cie.
/* HEADER
--------------------------------------------------------- */
#ja-headerwrap {
background: #ffffff;
color: #CCCCCC;
line-height: normal;
height: 165px;
}
#ja-header {
position: relative;
}
.ja-headermask {
width: 660px;
display: block;
background: url(../images/header-mask.png) no-repeat top right;
height: 165px;
position: absolute;
top: 0;
right: -1px;
}
#ja-header a {
color: #CCCCCC;
}
h1.logo, h1.logo-text {
margin: 0 0 0 5px;
padding: 0;
font-size: 180%;
text-transform: uppercase;
}
h1.logo a {
width: 208px;
display: block;
background: url(../images/logo.png) no-repeat;
height: 80px;
position: relative;
z-index: 100;
}
h1.logo a span {
position: absolute;
top: -1000px;
}
h1.logo-text a {
color: #CCCCCC !important;
text-decoration: none;
outline: none;
position: absolute;
bottom: 40px;
left: 5px;
}
p.site-slogan {
margin: 0;
padding: 0;
padding: 2px 5px;
color: #FFFFFF;
background: #444444;
font-size: 92%;
position: absolute;
bottom: 20px;
left: 0;
}