MyBB Depo Forum
4 Bloklu Footer [Default] - Baskı Önizleme

+- MyBB Depo Forum (https://mybbdepo.com)
+-- Forum: Mybb Ders Deposu (https://mybbdepo.com/mybb-ders-deposu-forumu)
+--- Forum: Grafik & Tasarım Ders Deposu (https://mybbdepo.com/grafik-tasarim-ders-deposu-forumu)
+---- Forum: Tema Yapımı (https://mybbdepo.com/tema-yapimi-forumu)
+---- Konu Başlığı: 4 Bloklu Footer [Default] (/4-bloklu-footer-default-konusu.html)

4 Bloklu Footer [Default] - ßyßurak - 11-01-2014

1. Temalar&Şablonlar Sağ Ok Temalar Sağ Ok Globall.css

Altaki Kodları En Alta Ekle

Kod:
#foot *{
    box-sizing:border-box;
}

#foot {
width: 100%;
height: 250px;
background: #111;
}

.col {
    background: #111;
    float: left;
    padding: 5px 15px;
    width: 25%;
}

h3 {
    background: none;
    color: #FFF;
    font: bold 18px Arial, Helvetica, sans-serif;
    font-variant: small-caps;
    margin: 0 0 20px 0;
    padding: 9px 0 0 19px;
    height: 33px;
    color:#E04006;
}

div.col ul{
    list-style: none;
    margin: 0;
    padding: 0;
}

div.col li {
    height: 35px;
    margin: 3px 0;
    padding: 0;
}

div.col li a {
    color: #FFF;
    display: block;
    font: normal 12px Verdana, Geneva, sans-serif;
    padding: 10px 0 0 19px;
    text-decoration: none;
}

div.col li:hover {
    background: #212121;
}

2. Temalar&Şablonlar Sağ Ok Şablonlar Sağ Ok Footer Sağ Ok Footer

Alttaki Kodları Footer'de eklemek İstediğiniz Yere Ekleyin.

Kod:
<div id="foot">
<div class="col">
<h3>Navigation 1</h3>
<ul>
<li><a href="link 1">link 1</a></li>
<li><a href="link 2">link 2</a></li>
<li><a href="link 1">link 1</a></li>
<li><a href="link 2">link 2</a></li>
</ul>
</div>
    
<div class="col">
<h3>Navigation 2</h3>
<ul>
<li><a href="link 1">link 1</a></li>
<li><a href="link 2">link 2</a></li>
</ul>
</div>
    
<div class="col">
<h3>Navigation 3</h3>
<ul>
<li><a href="link 1">link 1</a></li>
<li><a href="link 2">link 2</a></li>
<li><a href="link 1">link 1</a></li>
<li><a href="link 2">link 2</a></li>
</ul>
</div>
<div class="col">
<h3>Navigation 4</h3>
<ul>
<li><a href="link 1">link 1</a></li>
<li><a href="link 2">link 2</a></li>
<li><a href="link 1">link 1</a></li>
<li><a href="link 2">link 2</a></li>
</ul>
</div>
</div>

Resim-Grafik Ekran Görüntüsü
resim

Cvp: 4 Bloklu Footer [Default] - Crewx - 12-01-2014

teşekkürler hocam.