Code Name : Sosyal İkonlar
Code Creative : DevAdam
Code Security : Güvenli
Code Version : 1.0
Code Test : Denendi - Sorunsuz
Code İnformation : İstediğiniz Yere Sosyal İkonlar Bağlantıları Ekler
Code : İstediğiniz Şablon
Code : global.css
Code İnformation : Font Awesome Eklentisi Gerektirir !
http://fontawesome.io/
Code İmages :
Code Creative : DevAdam
Code Security : Güvenli
Code Version : 1.0
Code Test : Denendi - Sorunsuz
Code İnformation : İstediğiniz Yere Sosyal İkonlar Bağlantıları Ekler
Code : İstediğiniz Şablon
Kod:
<a href='#'><div id='socface'><div style='position:relative; top:14px; left:17px;'><i class='fa fa-facebook fa-2x'></i></div></div></a>
<a href='#'><div id='soctwit'><div style='position:relative; top:13px; left:13px;'><i class='fa fa-twitter fa-2x'></i></div></div></a>
<a href='#'><div id='socyou'><div style='position:relative; top:12px; left:11px;'><i class='fa fa-youtube-play fa-2x'></i></div></div></a>
<a href='#'><div id='socins'><div style='position:relative; top:13px; left:14px;'><i class='fa fa-instagram fa-2x'></i></div></div></a>
<a href='#'><div id='socgo'><div style='position:relative; top:13px; left:11px;'><i class='fa fa-google-plus fa-2x'></i></div></div></a>
Code : global.css
Kod:
#socface{
position:absolute;
color:#446CB3;
width:50px;
height:50px;
background:#fff;
margin-top:25px;
margin-left:10px;
overflow:hidden;
border-radius:50%;
transition-property: color;
transition-duration:0.6s;
transition-delay: 0.1s;
}
#socface:hover{
background:#446CB3;
color:#fff;
overflow:hidden;
}
#socyou{
color:#D91E18;
width:50px;
height:50px;
background:#fff;
position:relative;
margin-top:-24px;
margin-left:70px;
overflow:hidden;
border-radius:50%;
transition-property: color;
transition-duration:0.6s;
transition-delay: 0.1s;
}
#socyou:hover{
background:#D91E18;
color:#fff;
overflow:hidden;
}
#soctwit{
color:#19B5FE;
width:50px;
height:50px;
background:#fff;
position:relative;
top:26px;
margin-left:130px;
border-radius:50%;
transition-property: color;
transition-duration:0.6s;
transition-delay: 0.1s;
}
#soctwit:hover{
background:#19B5FE;
overflow:hidden;
color:#fff; }
#socins{
color:#554343;
width:50px;
height:50px;
background:#fff;
position:relative;
top:-50px;
margin-left:190px;
border-radius:50%;
transition-property: color;
transition-duration:0.6s;
transition-delay: 0.1s;
}
#socins:hover{
background:#554343;
overflow:hidden;
color:#fff; }
#socgo{
color:#C73D3D;
width:50px;
height:50px;
background:#fff;
position:relative;
top:-100px;
margin-left:250px;
border-radius:50%;
transition-property: color;
transition-duration:0.6s;
transition-delay: 0.1s;
}
#socgo:hover{
background:#C73D3D;
overflow:hidden;
color:#fff; }
Code İnformation : Font Awesome Eklentisi Gerektirir !
http://fontawesome.io/
Code İmages :
Kod:
https://github.com/DevAdam-10/Sosyal-konlar-1.0