Colocar imágen header con scroll

Inicio Foros WordPress Themes y Diseño Colocar imágen header con scroll

Este debate contiene 3 respuestas, tiene 2 mensajes y lo actualizó  imported_j.conti hace 8 años, 8 meses.

  • Autor
    Publicaciones
  • #15701

    rayimaster
    Participante

    <p>Muy buenas gente de ayudawordpress!!! Mi blog es [url=http://]http://www.masbi.es/ciudadanode.com [/url] y mi pregunta es la siguiente:</p>
    <p>Mi header está diseñado de la siguiente manera:</p>
    <p>body {<br />
    font-family: Verdana, Geneva, sans-serif;<br />
    font-size: 13px;<br />
    color: #333333;<br />
    margin: 0px;<br />
    padding: 0px;<br />
    background: #788fe5 url(images/top-header.gif) repeat-x;<br />
    background-position-x: 50%;
    </p>
    <p>Lo que me gustaría es poner una imagen arriba entre el blogname y el Inicio de la derecha, que debería solaparse al top-header.jpg que está con repeat-x pero no sé cómo hacerlo, también he pensado en esa imagen ( banner ) que vaya bajando usando la función scroll, mediante css sería algo asi :</p>
    <p>background-image: url(images/EP_masbi.png);<br />
    background-position: top-right;<br />
    background-attachment: scroll;</p>
    <p>El problema que tengo es que si meto eso en el body la imagen sobreescribe el top-header.jpg y no sé donde situar el código en el css, espero explicarme bien !, un saludo =|
    </p>

  • #36125

    imported_j.conti
    Participante

    ¿Por qué no utilizas jQuery? es más complicado, pero te ahorraras todos los problemas del CSS y los diferentes navegadores.

    Es lo mejor para las imágenes.

    Mira mi página a ver si te gusta

    http://www.buddypress-es.com

    La imagen superior va cambiado automáticamente mediante un fundido y puedes seleccionar que imagen quieres ver.

  • #36197

    rayimaster
    Participante

    Gracias José Conti por tu respuesta, la verdad que nunca he usado JQuery, he estado buscando info al respecto y he encontrado una pág. [url=http://gloobs.wordpress.com/2009/11/27/diseno-web-animacion-con-jquery/][/url]
    Dentro de la misma hay algo parecido a lo que tu usas en tu web ( por cierto de un genial aspecto )

    [url=http://visitmix.com/labs/glimmer/samples/sequence.html][/url] Eso es a lo que e refieres no? Muchas gracias de nuevo, si tienes algún enlace por ahí que me pueda servir como guía de referencia te lo agradezco, aver si lo consigo hacer funcionar

  • #36199

    imported_j.conti
    Participante

    Si, la idea es esta.

    El JQuery tiene muchas posibilidades y el cambiar de images para modernizarla o lo que sea, es tan sencillo como cambiar un enlace.

    EDITO: No conozco en si enlaces, pero con Google encontraras a patadas.

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

Pin It on Pinterest