Salve a tutti ragazzi, ho creato un sito 1 anno fa, e mi sta dando discreti risultati, con una media di 3000 lettori al giorno, cosi ho deciso di fare una nuova grafica al sito, prendendo come base un tema professionale acquistato fuori altervista e personalizzandolo il più possibile.
Però sono di fronte ad un problema, il sito mostra le immagini nella home, solo come immagini in evidenza posizionate sulla sinistra del titolo e sotto forma di miniatura, io invece vorrei che le immagini venissero mostrate sotto il titolo, e non sotto forma di miniatura, ma con che occupi quasi tutto lo spazio disponibile, come avviene adesso sul mio attuale tema.
Non vorrei comunque eliminale le immagini in evidenza, perchè ho visto dal codice che quest'ultimo si avvale delle miniatura per inserire le immagini all'interno della slide.
Ecco sia il codice della Index, che CSS, cosi magari potete aiutarmi, grazie in anticipo a tutti.
Codice Index:
Codice:
</header><!--.header-->
<div class="post-content image-caption-format-1">
<?php echo excerpt(48);?>
<div class="more">
<a href="<?php the_permalink() ?>" rel="nofollow"><?php _e('Read More','mythemeshop'); ?></a>
</div>
</div>
</div><!--.post excerpt-->
<?php if ($count == 0) : ?>
<div class="intercept">
<div class="Intercept-1">
<div class="IPLeft">
<span><?php _e('Advertisement','mythemeshop'); ?></span>
<?php if ($options['mts_home_adcode'] != '') { ?>
<div class="homead">
<?php echo(stripslashes ($options['mts_home_adcode']));?>
</div>
<?php } ?>
</div>
<div class="IPRight">
<h5><?php _e('Hot Now!','mythemeshop'); ?></h5>
<ul>
<?php $my_query = new WP_Query('posts_per_page=3&orderby=rand'); while ($my_query->have_posts()) : $my_query->the_post(); ?>
<li>
<a href="<?php echo get_permalink($post->ID); ?>">
<?php if ( has_post_thumbnail() ) { ?>
<?php the_post_thumbnail('popular',array('title' => '')); ?>
<?php } else { ?>
<img width="60" height="60" src="<?php echo get_template_directory_uri(); ?>/images/smallthumb.png" class="attachment-featured wp-post-image" alt="<?php the_title(); ?>">
<?php } ?>
<span class="IP-title"><?php the_title(); ?></span>
</a><br />
<div class="clear"></div>
</li>
<?php endwhile; ?>
</ul>
</div>
<div class="clear"></div>
</div>
</div>
<?php endif; $count++; ?>
<?php endwhile; else: ?>
<div class="post excerpt">
<div class="no-results">
<p><strong><?php _e('There has been an error.', 'mythemeshop'); ?></strong></p>
<p><?php _e('We apologize for any inconvenience, please hit back on your browser or use the search form below.', 'mythemeshop'); ?></p>
<?php get_search_form(); ?>
</div><!--noResults-->
</div>
<?php endif; ?>
<?php if ($options['mts_pagenavigation'] == '1') { ?>
<?php pagination($additional_loop->max_num_pages);?>
<?php } else { ?>
<div class="pnavigation2">
<div class="nav-previous left"><?php next_posts_link( __( 'Older posts', 'mythemeshop' ) ); ?></div>
<div class="nav-next right"><?php previous_posts_link( __( 'Newer posts', 'mythemeshop' ) ); ?></div>
</div>
<?php } ?>
</div>
</article>
<?php get_sidebar(); ?>
<?php get_footer(); ?>
Codice CSS:
Codice:
/*
}
.wp-post-image {
float: left;
margin: 7px 15px 10px 0;
}
#featured-thumbnail { float: left }
.featured-thumbnail {
float: left;
max-width: 180px;
margin-right: 15px;
}
.featured-thumbnail img {
margin-bottom: 0;
margin-top: 9px;
}
.title {
margin-bottom: 5px;
font-size: 24px;
line-height: 1.3;
font-weight: bold;
overflow: hidden;
}
.title a {
text-shadow: white 1px 1px 0px;
color: #555;
}
.title a:hover { color: #000 }
.page h1.title { margin-bottom: 20px }
.post-info {
display: block;
color: #979797;
font-size: 12px;
background: #E9E9E9;
overflow: hidden;
padding-left: 5px;
}
.post-info a { color: #979797 }
article header { margin-bottom: 15px }
.single .article header { padding-bottom: 5px }
.article img.left, .article img.alignleft, .wp-caption.alignleft {
margin: 0.3em 1.571em 0.5em 0;
display: block;
float: left;
}
.article img.right, .article img.alignright, .wp-caption.alignright {
margin: 0.3em 0 0.5em 1.571em;
display: block;
float: right;
}
.article img.center, .article img.aligncenter, .wp-caption.aligncenter {
margin: 0.3em auto 0.5em auto;
display: block;
}
.article img.aligncenter, .article img.alignnone {
margin-top: 1em;
margin-bottom: 1em;
display: block;
}
.article ul {
margin: 1.5em 0 1.571em 1.571em;
list-style-type: circle;
}
.article ol {
margin: 1.5em 0 1.571em 1.571em;
list-style-type: decimal;
}
Per darvi un idea, il tuo attuale tema è qui sul mio sito: http://tecnouser.altervista.org
Invece questo è il tema da me scelto e che voglio modificare, che al momento si trova su un altro mio sito: http://tecnostore.altervista.org