hallo,
ich bin dabei ein theme zu erstellen, dass nur noch ein paar korrekturen hinsichtlich der darstellung der blog-einträge benötigt.
bisher sieht mein theme so aus (vereinfachte "skizze"):
http://img8.imageshack.us/img8/2513/istgu2.jpg
den schwarzen hintergrund rufe ich in der style.css auf.
die header grafik positioniere ich mit einem div container ebenfalls in der style.css.
#nav {
position: absolute; top: 0px;
left: 50%;
margin-left: -480px;}die blog-einträge gebe ich mit einem div container in der index.php aus
<?php get_header(); ?>
<div id="[I][U][B]ltColumn[/B][/U][/I]">
<?php if (have_posts()) : ?>
<?php while (have_posts()) : the_post(); ?>
<!-- item -->
<div class="item entry" id="post-<?php the_ID(); ?>">
<div class="itemhead">
<img src="xyz.png"> <h3><a href="<?php the_permalink() ?>" rel="bookmark"><?php the_title(); ?></a></h3>
<div class="chronodata"><?php the_time('F jS, Y') ?> <!-- by <?php the_author() ?> --></div>
</div>
<div class="storycontent">
<?php the_content('Read more »'); ?>
</div>
<!-- <small class="metadata">
<span class="category">Filed under: <?php the_category(', ') ?> <? if(!is_single()) echo "|"; ?> <?php edit_post_link('Edit', '', ' | '); ?> <?php comments_popup_link('Comment (0)', ' Comment (1)', 'Comments (%)'); ?></span>
<?php if ( function_exists('wp_tag_cloud') ) : ?>
<?php the_tags('<span class="tags">Article tags: ', ', ' , '</span>'); ?>
<?php endif; ?>
</small> -->
</div>
<!-- end item -->
<?php comments_template(); // Get wp-comments.php template ?>
<?php endwhile; ?>
<div class="navigation">
<div class="alignleft"><?php next_posts_link('« Previous Entries') ?></div>
<div class="alignright"><?php previous_posts_link('Next Entries »') ?></div>
<p> </p>
</div>
<?php else : ?>
<h2 class="center">Not Found</h2>
<p class="center">Sorry, but you are looking for something that isn't here.</p>
<?php endif; ?>
<!-- end content -->
<!-- 2nd sidebar -->
<!-- end 2nd sidebar -->
</div>
</div>
</div>
<div class="yui-b" id="secondary">
<?php get_sidebar(); ?>
<?php get_fidebar(); ?>
</div>
</div>
<?php get_footer(); ?>definiert in der style.css hinsichtlich position und größe
[U][B][I]div#ltColumn[/I][/B][/U]{
width: 470px;
background: url(xyz) top left repeat-y;
padding: 80px 80px 30px 30px;
text-align:left;
font-family: Verdana, Arial, Helvetica, sans-serif, sans-serif; font-size: 14px; color:#ffffff;
position: absolute; top: 0px;
left: 50%;
margin-left: -200px;
margin-top:22em; }es soll aber so aussehen:
http://img209.imageshack.us/img209/5483/sollsb7.jpg
mir ist es bisher nicht gelungen, einen weißen hintergrund für die blog-einträge einzustellen, ohne dass das gesamte layout sich verschiebt, also die div container sich gegenseitig behindern.
als vorbild habe ich mir folgende seite gewählt: Ali Felski
wißt ihr rat? vielen dank!
