Alinear imagen del header con fondo en blog diosas.me

  • Autor Autor Wigao
  • Fecha de inicio Fecha de inicio
Wigao

Wigao

1
Pi
SEO
Verificación en dos pasos activada
¡Ha verificado su Paypal!
Suscripción a IA
Amigos quiero que me ayuden con mi blog diosas.me ya logre insertar la imagen en mi blog que es esta también ya la logré centrar, ahora lo que quiero hacer es subirla un poco para que quedé justo alineada con el fondo, no se si me explico. Porfavor ayudenme!!!
 
Mejor subirla a tu propio host, vía FTP en vez de hospedarla en un servidor externo
 
Tu dices que quede como esta en este blog:

Diosas
 
Primero reduce unos cuantos milimetros, si la subes poco mas la chica perdera la cabeza xD.

Pd: buxforever creo que ya sabe como hacerlo 😉.
 
Te dejo el codigo para que lo descarges

pon este codigo asi como esta:

Codigo

Avisas si te quedo
 
Última edición:
Última edición:
Asi tengo yo el codigo

empezando desde el header

#header-wrapper {
width: 100%;
height: 150px;
background: url(http://2.bp.blogspot.com/_qJEkQRe5y8U/St4RfQCYDuI/AAAAAAAAAnU/txPpUu82heA/s1600/img01.gif) repeat-x left top;
}

#header {
width: 960px;
margin: 0 auto;
height: 150px;
}

/* Header */

#logo {
width: 400px;
height: 150px;
margin: 0 auto;
background: url(
}

#logo h1, #logo p {
margin: 0;
padding-left: 100px;
color: #FFFFFF;
}

#logo span {
color: #FFFFFF;
}

#logo h1 {
padding: 25px 0 0 0;
letter-spacing: -1px;
text-transform: lowercase;
font-weight: normal;
font-size: 4.8em;
}

#logo p {
text-transform: lowercase;
padding: 4px 0 0 3px;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 22px;
color: #FFFFFF;
}

#logo a {
border: none;
text-decoration: none;
color: #FFFFFF;
}
 
Asi tengo yo el codigo

empezando desde el header

#header-wrapper {
width: 100%;
height: 150px;
background: url(http://2.bp.blogspot.com/_qJEkQRe5y8U/St4RfQCYDuI/AAAAAAAAAnU/txPpUu82heA/s1600/img01.gif) repeat-x left top;
}

#header {
width: 960px;
margin: 0 auto;
height: 150px;
}

/* Header */

#logo {
width: 400px;
height: 150px;
margin: 0 auto;
background: url(
}

#logo h1, #logo p {
margin: 0;
padding-left: 100px;
color: #FFFFFF;
}

#logo span {
color: #FFFFFF;
}

#logo h1 {
padding: 25px 0 0 0;
letter-spacing: -1px;
text-transform: lowercase;
font-weight: normal;
font-size: 4.8em;
}

#logo p {
text-transform: lowercase;
padding: 4px 0 0 3px;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 22px;
color: #FFFFFF;
}

#logo a {
border: none;
text-decoration: none;
color: #FFFFFF;
}

Por fin lo logré hacer... Gracias buxo
 
Que bueno que te quedo
 
Testeando Diosas.me... quedo bien, sobre todo 'Karen' en el top 😉.
 
Atrás
Arriba