TIPS PARA DARLE UN TOQUE DIFERENTE A TU WEB

Inicio Foros WordPress Themes y Diseño TIPS PARA DARLE UN TOQUE DIFERENTE A TU WEB

Etiquetado: 

Este debate contiene 13 respuestas, tiene 4 mensajes y lo actualizó  luchosar hace 7 años, 8 meses.

  • Autor
    Publicaciones
  • #19950

    luchosar
    Participante

    <p>He aprendido mucho en este foro y mucha gente me ha ayudado, por ello hoy quiero compartir dos tips que creo seran de mucho interes.</p>
    <p>En algun hilo plantee el porque en WP la imagen del index (miniatura) permanecia igiual al ampliar el post, pus bien encontre una solucion. No soy programadar asi que es posible que exista algo incorrecto pero a mi me funciona. Si alguien puede mejorarlo sera genial</p>
    <p>1- CAMBIAR TAMAÑO DE LA IMAGEN DEL INDEX CUANDO SE ABRA EL POST</p>
    <p>EN EL INDEX:<br />
    &lt;div class="pocho"&gt;<br />
    &lt;?php query_posts(‘showposts=3&amp;cat=24’); ?&gt;<br />
    &lt;?php while (have_posts()) : the_post(); ?&gt;<a>" rel="bookmark" title="Permanent Link to &lt;?php the_title(); ?&gt;"&gt;</a><br />
    &lt;h3&gt;&lt;?php the_title(); ?&gt;&lt;/h3&gt;<br />
    &lt;?php the_content(__(‘Leer Mas….’));?&gt;<br />
    &lt;?php endwhile; ?&gt;&lt;/div&gt;</p>
    <p>EN EL CSS:</p>
    <p>div.pocho {<br />
    width: 300px;<br />
    border:1px solid #CCCCCC;<br />
    padding: 10px;<br />
    }</p>
    <p>div.pocho img {<br />
    width: 70px;<br />
    height: 70px;<br />
    marging: 0px 0px 5px 0px;<br />
    }</p>
    <p>div.pocho h3{<br />
    font-size: 14px;<br />
    color: #C10000;<br />
    padding: 0px 0px 0px 0px;<br />
    border-top: 1px solid #DDD;<br />
    padding: 7px;<br />
    clear: both;</p>
    <p>}</p>
    <p>CONSEGUIMOS ALGO COMO ESTO:<br />
    EJEMPLO.jpg
    </p>

  • #48819

    luchosar
    Participante

    M e gustaria que todo quedara alineado a la izquierad pero no logro conseguirlo..alguna idea?

  • #48821

    imported_fliberty
    Participante

    Alineado de que forma? el texto o que?

  • #48822

    luchosar
    Participante

    QUE TODO EL TEXTO QUEDE ALINEADO A LA IZQUIERA
    ALGO ASI:
    [img]http://www.luchosarmiento.com/wp/wp-content/uploads/2011/01/EJEMPLO3.jpg[/img]

  • #48828

    Pedro Raul
    Participante

    buscas el contenedor del texto, y aplica el estilo text-aling: left

  • #48831

    imported_fliberty
    Participante

    lo que dice pedro es lo correcto, pero quisiera corregir que el formato correcto es: text-align no text-aling.

  • #48833

    imported_josec
    Participante

    prueba con esto agregando una nueva clase:

    CSS

    saludos

  • #48843

    luchosar
    Participante

    Nada señores…no me funciona, el ejemplo lo tengo en esta web de pruebas: http://www.luchosarmiento.com/wp/ en la parte de abajo.

  • #48856

    Pedro Raul
    Participante

    no deja entrar.

  • #48861

    luchosar
    Participante

    Listo, arreglado.

  • #48864

    Pedro Raul
    Participante

    1. Las tablas son para tabular.
    2. busca:

    body, p {
    font-family: Arial,Helvetica,Sans-Serif;
    font-size: 12px;
    font-style: normal;
    font-weight: normal;
    margin: 0.5em 0;
    }
    3. remplaza por esto

    body, p {
    font-family: Arial,Helvetica,Sans-Serif;
    font-size: 12px;
    font-style: normal;
    font-weight: normal;
    margin: 0.5em 0;
    }
    4. borra la tablas y crea contenedores.

    tips.
    1. para tres post en posición horizontal. creas una lista y a los li le das float left, con ancho total dividido en este caso entre 3
    2. siempre despues de cada float, crea un div vació con con estilo clear: both , para indicar que hasta alli nomas quiere que flote.

  • #48876

    luchosar
    Participante

    Ufff..veo que me falta por aprender, crei que hacia bien con lo de las tablas…
    Se repite esto en tu post, que es lo que debo reemplazar:

    body, p {
    font-family: Arial,Helvetica,Sans-Serif;
    font-size: 12px;
    font-style: normal;
    font-weight: normal;
    margin: 0.5em 0;
    }

  • #48888

    Pedro Raul
    Participante

    justo en esa linea existe un text-aling: left

    solo borra esa linea y listo

    Disculpa. Lucho

  • #48894

    luchosar
    Participante

    Gracias Pedro.

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

Pin It on Pinterest