danke für deine antwort.
bis jetzt sieht das theme wie folgt aus:
http://img8.imageshack.us/img8/2513/istgu2.jpg
den schwarzen hintergrund rufe ich in der style.css auf.
die header grafik positioniere ich über einen div container ebenfalls in der style.css.
den content gebe ich über einen div container in der index.php aus
PHP
<?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="http://kaspianshore.com/posticon.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(); ?>
Alles anzeigen
definiert in der style.css hinsichtlich position und größe
Code
[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; }
Alles anzeigen
es soll aber so aussehen:
http://img209.imageshack.us/img209/5483/sollsb7.jpg