Profesyonel Kodlar

Bu Bölümde Bulunan Kodları Eklemek İçin= Tasarım ->Gelişmiş Ayarları Göster -> Tasarımın Üstü Bölümüne <style type="text/css">Kodlar Buraya</style> Şeklinde Eklemeniz Gerekmektedir.

İÇERİK BÖLÜMÜNE MENÜ

/* Menü 1 */
.icerik {
width: 45%;
float: left;
margin: 5px;
padding: 0px 10px 10px 10px;
background-color: #c9c9c9;
}

.icerik h3 {
font-size: 14px;
color: #fff;
margin: 0px -10px 5px -10px;
background-color: #555;
padding: 3px 0px 3px 5px;
}

<div class="icerik">
<h3>Başlık 1</h3>İçerik 1</div>
<div class="icerik">
<h3>Başlık 2</h3>İçerik 2</div>
<div class="icerik">
<h3>Başlık 3</h3>İçerik 3</div>
<div class="icerik">
<h3>Başlık 4</h3>İçerik 4</div>

MENÜ 2

/* Menü 2 */
.sol {
width: 45%;
min-height: 100px;
float: left;
margin: 5px;
padding: 10px;
overflow: hidden;
border: 1px solid #777777;
}

.sag {
width: 45%;
min-height: 100px;
float: right;
margin: 5px;
padding: 10px;
overflow: hidden;
border: 1px solid #777777;
}

.sol h3,
.sag h3 {
padding: 5px 0px 5px 10px;
margin: -10px -10px 15px -10px;
background-color: #343434;
color: #FFFFFF;
font-size: 15px;
}

<div class="sol">
<h3>Başlık 1</h3>İçerik 1</div>
<div class="sag">
<h3>Başlık 2</h3>İçerik 2</div>
<br style="clear:both;" />
<div class="sol">
<h3>Başlık 3</h3>İçerik 3</div>
<div class="sag">
<h3>Başlık 4</h3>İçerik 4</div>
<br style="clear:both;" />