Poner imagen en cabecera

Inicio Foros WordPress Themes y Diseño Poner imagen en cabecera

Este debate contiene 8 respuestas, tiene 3 mensajes y lo actualizó  imported_Cecilia hace 8 años, 4 meses.

  • Autor
    Publicaciones
  • #19507

    imported_Cecilia
    Participante

    <p>Hola,<br />
    Me gustaría poner la imagen de un pequeño lazo (hoy es el día internacional contra la violencia de género) por encima de la imagen de la cabecera de mi blog; es decir, que quede sobrepuesto a la imagen que hay ya de cabecera.<br />
    ¿Alguien podría decirme cómo lo hago?
    </p>

  • #47564

    Pedro Raul
    Participante

    1. crea un div al inicio de tu theme, en el archivo header.php , despues de la etiqueta body.
    2. asigna un ID al div creado.
    3. en tu hoja de estilos has flotar y usa posiciona con absolute.

  • #47565

    imported_Cecilia
    Participante

    Bueno, se me olvidó decir que no tengo mucha idea de todo esto. Fui construyendo mi blog a poquitos y con mucho esfuerzo. El caso es que no entendí lo que debo hacer. ¿Podrías explicármelo un poco, o poner un ejemplo?
    Gracias por contestar

  • #47583

    YoGeekOnline
    Participante

    Bueno, se me olvidó decir que no tengo mucha idea de todo esto. Fui construyendo mi blog a poquitos y con mucho esfuerzo. El caso es que no entendí lo que debo hacer. ¿Podrías explicármelo un poco, o poner un ejemplo?
    Gracias por contestar

    En el header.php

    en el style.css

  • #47593

    imported_Cecilia
    Participante

    Gracias!! Ya he conseguido ponerlo. El único pero es que no soy capaz de colocarlo a la derecha de la cabecera, que es el lugar donde no me taparía el nombre del blog.
    ¿Alguna idea?

  • #47606

    Pedro Raul
    Participante

    Puede buscar en el google –> «absolute css top left»

    con esto listo.

  • #47619

    imported_Cecilia
    Participante

    Solucionado!
    Gracias a todos los que me habéis dedicado unas líneas y vuestro tiempo.

  • #47684

    YoGeekOnline
    Participante

    Solucionado!
    Gracias a todos los que me habéis dedicado unas líneas y vuestro tiempo.

    Cuentanos como lo resolviste para futuras busquedas.

  • #47767

    imported_Cecilia
    Participante

    Pues en el header.php hice como me indicó YoGeekOnline; pero en el style.css no había forma de enviar la imagen hacia la derecha, por lo que puse:

    }
    #imagen{position:absolute;
    width:150px;
    height:205px;
    top:-10px;
    left:900px;
    }

    …Y con esto quedó perfecto.

    Podéis verlo aquí: http://www.homoludens.zobyhost.com

El foro ‘Themes y Diseño’ está cerrado y no se permiten nuevos debates ni respuestas.

Centro de preferencias de privacidad

Cookies imprescindibles

Se usan para saber si ya aceptaste nuestras políticas, si ya estás suscrito a nuestra newsletter, para reconocer el estado de tu sesión si la tuvieses y para servir más rápidos los contenidos.

No se captura IPs ni siquiera para el servicio de Analytics así que tu visita es privada.

JSESSIONID, _cfuid, wpSGCachePypass, mailerlite, gdpr, gawp
mailerlite, _cfuid

Cookies de terceros

Usamos cookies de terceros con servicios, también garantes de tu privacidad, que analizan tus usos de navegación para que podamos mejorar los contenidos, si ya estás suscrito al boletín y los elementos compartidos en redes sociales y el formulario de comentarios.

1P_JAR, APISID, CONSENT, HPSID, NID, SAPISID, SID, SIDCC, SSID, disqus_unique, disqusauth
disqus_unique, disqusauth
1P_JAR, APISID, CONSENT, HPSID, NID, SAPISID, SID, SIDCC, SSID

Pin It on Pinterest

Ir al contenido