Themes y Diseño
está sin resolverHe aprendido mucho en este foro y mucha gente me ha ayudado, por ello hoy quiero compartir dos tips que creo seran de mucho interes.
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
1- CAMBIAR TAMAÑO DE LA IMAGEN DEL INDEX CUANDO SE ABRA EL POST
EN EL INDEX:
<div class="pocho">
<?php query_posts('showposts=3&cat=24'); ?>
<?php while (have_posts()) : the_post(); ?>" rel="bookmark" title="Permanent Link to <?php the_title(); ?>">
<h3><?php the_title(); ?></h3>
<?php the_content(__('Leer Mas....'));?>
<?php endwhile; ?></div>
EN EL CSS:
div.pocho {
width: 300px;
border:1px solid #CCCCCC;
padding: 10px;
}
div.pocho img {
width: 70px;
height: 70px;
marging: 0px 0px 5px 0px;
}
div.pocho h3{
font-size: 14px;
color: #C10000;
padding: 0px 0px 0px 0px;
border-top: 1px solid #DDD;
padding: 7px;
clear: both;
}
CONSEGUIMOS ALGO COMO ESTO:
M e gustaria que todo quedara alineado a la izquierad pero no logro conseguirlo..alguna idea?
Alineado de que forma? el texto o que?
QUE TODO EL TEXTO QUEDE ALINEADO A LA IZQUIERA
ALGO ASI:
buscas el contenedor del texto, y aplica el estilo text-aling: left
lo que dice pedro es lo correcto, pero quisiera corregir que el formato correcto es: text-align no text-aling.
prueba con esto agregando una nueva clase:
CSS
saludos
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.
no deja entrar.
Listo, arreglado.
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.
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;
}
justo en esa linea existe un text-aling: left
solo borra esa linea y listo
Disculpa. Lucho
Gracias Pedro.
Debes Identificarte para publicar.
