- Home
- Categorie
- Coding e Sistemistica
- WordPress
- styling del post
-
styling del post
Ciao a tutti! Ho scaricato un nuovo tema che visualizza in home page l'anteprima dell'immagine inserita in un post.
Di default affianca 2 anteprime, io vorrei riuscire a listare i post uno sotto l'altro.
Qui sotto ci sono le parti di codice dei file index.php e style.css
E questo è link del tema smashingmagazine.com/2008/08/08/infinity-a-free-wordpress-theme/
Per favore aiutatemi perchè sto impazzendo<?php if (have_posts()) : while (have_posts()) : the_post(); ?> <div class="post" id="post-<?php the_ID(); ?>"> <div class="thumb main"> <p class="thumb-balloon"><?php comments_popup_link('0', '1', '%'); ?></p> <?php $image = get_post_meta($post->ID, 'thumbnail', true); ?> <a href="<?php the_permalink() ?>" title="<?php the_title(); ?>"><img src="<?php echo $image; ?>" alt="" /></a> <div class="thumb-title"> <h2><a href="<?php the_permalink() ?>" title="<?php the_title(); ?>"><?php the_title() ?></a></h2> </div> </div>
.thumb-balloon { position: absolute; top: 0; right: 0; z-index: 102; background:transparent url(images/pxb.png); }
.thumb-balloon a { font:bold 9px arial; color: #999 !important; display: block; height: 1.8em; line-height: 1.8em; width: 2.4em; text-decoration: none; text-align: center; }
.thumb { background: #222 url(images/thumb.png); display: block; width: 235px; border: 2px solid #fff;overflow: hidden; height: 150px; margin: 10px 0 0 10px; position: relative; }
.thumb-title { display: block; background:transparent url(images/pxb.png); bottom: 5px; right: 0; position: absolute; width: 80%; z-index: 101; padding: 4px 0; }
.thumb-title h2 { margin: 0; line-height: 1.4em; }
.thumb-title h2 a { padding:4px 5px;font:bold 12px Arial,helvetica;display:block;letter-spacing:-1px;color:;text-decoration: none;text-align:right; }
.thumb-title h2 a:hover { color:;}
-
C'è qualcuno in grado di aiutarmi?
Perdonate il nuovo appello...