Maquetación de texto en columnas

Inicio Foros WordPress Themes y Diseño Maquetación de texto en columnas

Este debate contiene 11 respuestas, tiene 4 mensajes y lo actualizó  liber7y hace 6 años, 4 meses.

  • Autor
    Publicaciones
  • #62479

    liber7y
    Participante

    Hola, estoy diseñando una web en formato horizontal, es decir, se lee de izquierda > a > derecha en lugar de arriba abajo.

    Busco una solución para cuando escriba un texto en una nueva página o publicación, se creen columnas para que el texto no continúe hacia abajo cuando llegue al tope de altura, sino que continúe en otra columa , y si se vuelve a desbordar en esta, continúe en otra nueva…

    Gracias, no sé si alguien tiene alguna idea

  • #62468

    liber7y
    Participante

    Hola, estoy diseñando una web en formato horizontal, es decir, se lee de izquierda > a > derecha en lugar de arriba abajo.

    Busco una solución para cuando escriba un texto en una nueva página o publicación del wordpress, se creen columnas para que el texto no continúe hacia abajo cuando llegue al tope de altura de la web, sino que continúe en otra columa  “2”, y si se vuelve a desbordar en esta, continúe en otra nueva.

    Gracias, se que es muy difícil esta programación, no sé si alguien tiene alguna buena idea,

    Besos

  • #62484

    almendron
    Participante

    1) De forma manual:
    Abres una “div” con float a la izquierda y anchura del 45%
    Texto primera columa
    Cierras la “div”
    Abres una “div” con float a la izquierda y anchura del 45%
    Texto segunda columna.
    Cierras la “div”
    No te pongo el código exacto porque no me deja.

    2) Manual con uso de plugin. Por ejemplo
    http://wordpress.org/extend/plugins/easy-columns/ (no lo probado)

    3) Te dejo un enlace donde explican varias formas de hacerlo (no he probado ninguna)
    http://digwp.com/2010/03/wordpress-post-content-multiple-columns/

  • #62485

    almendron
    Participante

    Para el administrador de este foro a ver si con un poco de suerte lo lee: es lamentable que en un foro de ayuda de WordPress no se pueda incluir código. Os habéis cargado el foro con el nuevo diseño.
    En el antiguo al menos funcionaba bien lo de las comillas invertidas. Aquí nada de nada.

  • #62486

    almendron
    Participante

    Ni con code, ni con comillas dobles o invertidas, ni con nada. Repito: lamentable.

  • #62490

    liber7y
    Participante

    gracias almendron! voy a probar el plugin, de forma manual lo pensé como último recurso, pero me gustaría que saliese de forma automática si fuese posible, creo que podría funcionar con algún tipo de programación en el php del theme pero por más que busco no encuentro solución! gracias de nuevo por tu aporte 🙂

  • #62491

    liber7y
    Participante

    si!! 🙂 el plugin easy columns es justo lo que estaba buscando! muchísimas gracias

  • #62499

    LGrusin
    Miembro

    Lo ideal es que supieras de antemano el número de las columnas a crear.

    Creo que CSS3 permite hacerlo, lo que no sé si se mostrará correctamente en todos los navegadores. http://www.w3.org/TR/css3-multicol/#the-multi-column-model

    Prueba
    div {
    width: 100px;
    column-width: 45px;
    column-gap: 0;
    column-rule: none;
    }

    Se supone que esto crea una columna de 100 px de ancha y va aumentando en columnas 45 px a la derecha según vas escribiendo. Cambia los valores a los que desees.

    Más ejemplos: https://developer.mozilla.org/en/CSS3_Columns

    Con javascript también he visto algo de eso http://www.csscripting.com/css-multi-column/

    Un saludo

  • #62518

    liber7y
    Participante

    el efecto de las 3 columnas que se convierten en 2 al hacer más pequeña la ventana de la web “https://developer.mozilla.org/en/CSS3_Columns” es perfecto!
    Ahora, tengo un poco de miedo de si fallará en algunos navegadores, ¿se podría introducir este código y hacer alguna función php para mostrar otro en caso de no verse?

    Muchisimas gracias LGrusin!!

  • #62534

    LGrusin
    Miembro

    Con Internet Explorer tendrás problemas seguro, es el que menos soporte de CSS3 tiene.
    http://www.findmebyip.com/litmus/

    Tendrás que hacer lo que te dije antes de poner ancho de columnas fijo o usar javascript.

    Un saludo

  • #62585

    MADU
    Participante

    Hola!!

    Yo intento crear un cuadro con un fondo de color en la columna, pero no consigo que haya color. ¿Me podéis ayudar?!!

  • #62648

    liber7y
    Participante

    puedes probar a crear un div dentro de la columna:

  • #62649

    liber7y
    Participante

    div style=”height: 150px; width: 150px; background-color:#333″

    /div

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

Pin It on Pinterest