merhabalar
şu aralar bir site ile ilgileniyorum ancak tem 2 sütunluydu ben de 3 sütunlu yapmaya çalıştım
ancak eklediğim 2. sidebar solda olduğunda içerik ve sağ sidebar tam sağında olması gerekirken aşağı iniyor
görünürdeki gibi
index kodu
<?php get_header();?>
<?php get_sidebar('2'); ?>
<div class="sol">
<?php if (have_posts()) :while (have_posts()) : the_post();?>
<div class="konu">
<h2><a href="<?php the_permalink(); ?>" rel="bookmark" title="<?php the_title(); ?>"><?php the_title(); ?></a></h2>
<div class="konubilgi"><?php echo human_time(); ?> <b><?php the_author_posts_link(); ?></b> tarafından yazıldı.</div>
<div class="icerik">
<?php echo kisalt($post->post_content, 700); ?> ...
</div>
<div class="konubilgi"><b>Kategori:</b> <?php the_category(', ') ?> | <b>Görüntülenme:</b> <?php if(function_exists('the_views')) { the_views(); } ?> | <b>Yorum:</b> <?php comments_popup_link('0', '1', '%'); ?>
<div style="float: right;"><a href="<?php the_permalink(); ?>" rel="bookmark" title="<?php the_title(); ?>"><b>Devamını Oku</b></a></div></div>
</div>
<?php endwhile; else: ?>
<head>
<style type="text/css">
h2 {
padding: 5px 0px 10px 0px;
margin-bottom: 0px;
font-size: 18px;
font-weight: bold;
border-bottom-style: dashed;
border-bottom-width: 1px;
border-bottom-color: #DFDFDF;
color: #333333;
}
</style>
<script type="text/javascript">
Cufon.replace('h2');
</script>
</head>
<h2>Üzgünüz</h2>
<p>Aradığınız sayfa bulunamıyor.</p>
<?php endif; ?>
<div class="sayfala">
<div class="sayfalar">
<?php if(function_exists('wp_page_numbers')) : wp_page_numbers(); endif; ?>
</div>
<div class="temizle"></div>
</div>
</div>
<?php get_sidebar(); get_footer(); ?>gerekli css kodları
sol içerik kısmı, sag ise sağ sidebar
.sol {
width: 450px;
float: left;
margin: 0px 14px 0px 0px;
}
.sag {
width: 250px;
float: left;
padding: 0px 0px 0px 5px;
margin: 0px;
border-left-style: dashed;
border-left-width: 1px;
border-left-color: #CCCCCC;
}
.solside { width: 250px;
float: left;
padding: 0px 0px 0px 0px;
margin: 0px;
border-right-style: dashed;
border-right-width: 1px;
border-right-color: #CCCCCC;