Alinhar imagem do header com fundo no blog diosas.me

  • Autor Autor Wigao
  • Data de início Data de início
Tradução em andamento: em alguns minutos este tópico estará em português. Por enquanto, o conteúdo está no original em espanhol. Ver original
Wigao

Wigao

1
Pi
SEO
Verificación en dos pasos activada
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!!!
 
Foi útil? Participe da conversa

Com sua conta grátis você pode responder, mandar mensagem privada ao autor e comprar com Saldo retido: o pagamento é liberado quando você recebe o combinado.

Leva 30 segundos · você volta a este tópico ao terminar
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 edição:
Última edição:
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 😉.
 

Tópicos similares

Wigao
Respostas
5
Visitas
270
Pablito
P
Voltar
Topo