06-06-2015, 10:10 PM
Kodlarımız:
Kodları sen yazmamışsın falan demeyin zaten sinirliyim tantana olmasın.
Önizleyebilirsiniz.
Kod:
<link rel="stylesheet" type="text/css" href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css">
<style>
.kutular {
list-style-type: none;
}
.kutular li {
display: inline-block;
background: #fff;
border: 1px solid #dcdcdc;
width: 45px;
height: 30px;
text-align: center;
padding-top: 15px;
transition: all 300ms;
}
.kutular li a {
color: darkgray;
transition: all 300ms;
}
.facebook:hover {
background: rgb(68,97,157);
border: 3px dotted rgb(68,97,157);
}
.facebook:hover a {
color: #fff;
}
.twitter:hover {
background: rgb(85,172,238);
border: 3px dotted rgb(85,172,238);
}
.twitter:hover a {
color: #fff;
}
.linux:hover {
background: rgb(128,0,64);
border: 3px dotted rgb(128,0,64);
}
.linux:hover a {
color: #fff;
}
.youtube:hover {
background: rgb(204,24,30);
border: 3px dotted rgb(204,24,30);
}
.youtube:hover a {
color: #fff;
}
</style>
<div class="kutular">
<li class="facebook">
<a href="/"><i class="fa fa-facebook"></i></a>
</li>
<li class="twitter">
<a href="/"><i class="fa fa-twitter"></i></a>
</li>
<li class="linux">
<a href="/"><i class="fa fa-linux"></i></a>
</li>
<li class="youtube">
<a href="/"><i class="fa fa-youtube"></i></a>
</li>
</div>Kodları sen yazmamışsın falan demeyin zaten sinirliyim tantana olmasın.
Kod:
http://onizle.koddostu.com/ Önizleyebilirsiniz.
CODL - Codeless