11-01-2014 Saat: 20:53
1.Temalar&Şablonlar>>Temalar>>Globall.css
Altaki Kodları En Alta Ekle
2. Temalar&Şablonlar>>Şablonlar>>Footer Şablonları>>Footer
Alttaki Kodları Footer'de eklemek İstediğiniz Yere Ekleyin.
Önizleme :
Altaki Kodları En Alta Ekle
PHP 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>>Şablonlar>>Footer Şablonları>>Footer
Alttaki Kodları Footer'de eklemek İstediğiniz Yere Ekleyin.
PHP 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>
Önizleme :
Alıntı:http://tr.mybbdepo.com/4-bloklu-footer-default-konusu.html
