Imagen (tipo banner) en la parte superior de una página

Inicio Foros WordPress Themes y Diseño Imagen (tipo banner) en la parte superior de una página

Este debate contiene 6 respuestas, tiene 3 mensajes y lo actualizó  lluiscamell hace 7 años, 2 meses.

  • Autor
    Publicaciones
  • #20793

    lluiscamell
    Participante

    <p>Hola,</p>
    <p>Me gustaria poner una imagen a modo de banner que ocupe todo el ancho de una página con el template Full widht.</p>
    <p>Inserto la imagen que quiero con el wysiwyg y al publicarla no se ve correctamente. Queda más pequeña.</p>
    <p>Mirando el css, veo una clase que me redimensiona el máximo permitido del cualquier imagen que coloco:</p>
    <p>.entry img {padding:10px; max-width:500px; max-height:auto; height:auto;}</p>
    <p>No logro insertar la imagen que quiero como banner incluso editando el css des de el Wysiwig<br />
    Imagino que es un error de css por mi parte pero no lo consigo de ninguna manera</p>
    <p>Aquí està el blog: http://www.nuvoldigital.cat (WordPress versión 3.1)</p>
    <p>Muchas gracias
    </p>

  • #50877

    imported_josec
    Participante

    donde quieres colocar esa imagen especificamente???

    ya que no tendria sentido hacerlo dentro de un post..desarmaría el esquema.. o al menos que uses una columna y no dos.

    saludos

  • #50882

    lluiscamell
    Participante

    Quiero hacer una página con un listado de entradas y colocar una imagen a modo de banner en la parte superior. Tipo esto: http://thinkwasabi.com/evernote/

    Lo consigo todo pero el css por defecto del theme me reescala la imagen (banner) más pequeña.
    Yo la quiero de 800×168 y me la reescala a máximo 500px por culpa de este estilo:

    Muchas gracias por la ayuda.

    Un saludo

  • #50905

    LGrusin
    Miembro

    Y si lo pones debajo del menú.

    Algo como:

    <div id="mi_banner"></div>

    Con lo siguiente en la hoja de estilos

    #mi_banner {
    background:url(images/tu-banner.jpg);
    height:168px;
    width: 800px;
    margin: 15px auto 0 auto;
    }

    El banner debe ir con las demás imágenes de tu theme.

    800 pixeles igual es pequeño puesto que tu blog tiene un ancho de 940px, podrías poner el banner a 940px queda mejor.

    Saludos

  • #50940

    lluiscamell
    Participante

    Funciona!! [b]Muchas gracias LGrusin[/b]. Colocando un div funciona correctamente. Lo único que lo quiero solo para una pagina en concreto y no que me aparezca siempre debajo del menú.

    Colocando el div con la id en la pagina sale correcto, de momento me apaño, pero me gustaría encontrar la solución para hacerlo sin divs, crear una clase que sea banner pagina y que lo pueda utilizar siempre que quiera sin la necesidad de crear una id nueva para cada banner diferente.

    [b]Muchas gracias otra vez LGrusin y Jose[/b].

  • #50943

    LGrusin
    Miembro

    Debajo del menú es el sitio ideal porque no tienes que modificar mucho los estilos CSS. Al ser tan grande no tienes mucho espacio tampoco. Habría que ver dónde lo quieres exactamente.

    El div puede ser el mismo para todas las páginas. Si sólo lo quieres en las páginas lo pones en el archivo page.php. También puedes hacerlo que sólo aparezca en una página concreta, por ejemplo mapa-web.

    También se puede complicar más pero no sé exactamente tu idea cuál es.

    Si lo que quieres es usar una imagen en cualquier lugar, igual los shortcodes te pueden servir.

    Un saludo

  • #50956

    lluiscamell
    Participante

    Perfecto!! Ahora si 🙂 Lo he tenido que poner dentro del tamplat-full.php para que me quedara tal y como yo quería. También he cerrado el div, si no, me daba problemas.
    Te dejo el resultado final:

    Muchisimas gracias de verdad, ha sido de enorme ayuda.

    Saludos y si te pudeo ayudar en algo no lo dudes en comentarlo.

    Salut!

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

Pin It on Pinterest