Personalizar entradas con CSS

Inicio Foros WordPress Themes y Diseño Personalizar entradas con CSS

Este debate contiene 8 respuestas, tiene 5 mensajes y lo actualizó  vo0do0 hace 8 años, 7 meses.

  • Autor
    Publicaciones
  • #16845

    vo0do0
    Participante

    <p>He estado buscando como personalizar mis entradas con WP, pero no eh encontrado nada, me gustaria saber si alguno de ustede ya logro lo siguiente:</p>
    <p>http://img209.imageshack.us/img209/9822/postsm.jpg</p&gt;
    <p>Como lo muestra la imagen, me gustaria hacerlo.</p>
    <p>No encuentro solucion por el momento.</p>
    <p>Muchas gracias.
    </p>

  • #39891

    esnine
    Participante

    es cuestión de tocar código, pero te recomiendo que busques un theme que se parezca a lo que busques y luego YA SÍ tocar el fichero CSS que convenga para personalizarlo a tu gusto. Si tienes un theme clásico, tienes que cambiar bastantes cosas para mostrar los post así.

  • #39906

    imported_fliberty
    Participante

    Supongo que la cuestión de esquinas se podría realizar con sprites, lo del fondo transparente con los bordes tal y como muestra con una imagen png transparente.

    Esa es mi humile opinión, entre todos podríamos desarrollar eso, a mi tmb me interesa hacer algo así, pero no en base a otras plantillas, si no, desarrollando todos los procesos, ya que así se aprende más…

  • #39941

    lumbreras
    Participante

    Como dice fliberty, en mi muy humilde opinion, en lo personal ahorita estoy modificando una plantila WP Framework, la estoy haciendo como portafolio, en la que cada entrada muestre al principio miniaturas de imagenes con Titulo y Categorias, solamente, y ya lo hice, modifique CSS, y tambien le he movido otras cosas al PHP, no ha sido dificil, solo ir probando y entendiendo la estructura de la plantilla, y buscando info en google, para saber como hacer cada cosa, en este caso, hacer algo asi, es lo mismo que estoy haciendo yo, con difereten fin, menos rollo y mas accion.
    Dinos que plantilla estas usando, para poder irte guiando, ok, porque asi como que nomas viendo imagenes es dificil, ok, saludos. 😀

  • #39948

    vo0do0
    Participante

    En realidad es un proyecto que estoy trabajando.

    El diseño es desde cero, utilizare estas plantillas ya desarrolladas.

    http://www.code-sucks.com/css%20layouts/fixed-width-css-layouts/3-column-css-layouts/fw-34-3-col/

    Pero queria saber donde podria encontrar esta parte, Yo he trabajado con CSS solo que era para ahorrarme tiempo ya que es proyecto lo quiero sacar rapido (escuela y trabajo no se llevan bien).

    saludos.

  • #39972

    Pedro Raul
    Participante

    Lo veo fácil. recorta el fondo

    +El loop tendría que imprimir li (listas).
    +En los estilos li poner como fondo la imagen y hacer que el tamaño sea el mismo que le fondo, darle un margen derecho de uno 25px. flotar a la izquierda.
    +ahora dentro de cada li crea un capa (div) esta contendra el post. retoca con la hoja de estilos y listos

    +El contendor del loop debe tener el ancho adecuado para que cuando floten los li’s tenga dos filas y tres columnas.

  • #39983

    vo0do0
    Participante

    jajaja.. buen reto aplicar la CSS y mucho mas usar los loops, se podria decir que es mi primer proyecto desde cero. Pero puedo aprender, no se en cuanto tiempo pero si lo hago.

    Muchas gracias lo voy a hacer.

    Saludos.

  • #40012

    lumbreras
    Participante

    Te recomiendo que te ayudes del codex de WordPress http://codex.wordpress.org/WordPress_Lessons#Designing_Your_WordPress_Site te puede ser de mucha ayuda para avanzar, de todos modos las dudas que vayas teniendo ya sabes, ir posteando aqui, saludos.

  • #40016

    vo0do0
    Participante

    Muchas gracias lumbreras, checare este enlace que me distes.

    jeje a sacarle provecho a WP.

    saludos.

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

Pin It on Pinterest