1. Temalar&Şablonlar Temalar Globall.css
Altaki Kodları En Alta Ekle
2. Temalar&Şablonlar Şablonlar Footer Footer
Alttaki Kodları Footer'de eklemek İstediğiniz Yere Ekleyin.
Ekran Görüntüsü
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 Şablonlar Footer 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>
Ekran Görüntüsü