https://instagram.com/alphazzers
   
Konuyu Oyla:
  • Toplam: 1 Oy - Ortalama: 2
  • 1
  • 2
  • 3
  • 4
  • 5
Ana Sayfada Sosyal Ağlarda Biz Kodu
#1
Hemen caps'e geçelim arkadaşlar:

eQAEZk.png

Kod:
Kod:
<table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder">
<thead> <tr> <td class="thead" colspan="2"><strong><center>Soyal Ağlarda Biz</center></strong></td> </tr> </tbody></table> <table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder"> <thead> </thead> <tr> <td class="trow1" valign="top" width="95%"><center>
<p id="oyunlar">
<a href="http://facebook.com/adress"><img src="http://icons.iconarchive.com/icons/lunartemplates/modern-social-media-rounded/64/Blogger-icon.png"style="width:86px;height:86"/></a>
<a href="http://goplus.us/adress"><img src="http://icons.iconarchive.com/icons/lunartemplates/modern-social-media-rounded/64/GooglePlus-icon.png"style="width:86px;height:86"/></a>
<a href="http://twitter.com/adress"><img src="http://icons.iconarchive.com/icons/lunartemplates/modern-social-media-rounded/64/Twitter-icon.png"style="width:86px;height:86"/></a>
<a href="https://www.youtube.com/channel/adress"><img src="http://icons.iconarchive.com/icons/lunartemplates/modern-social-media-rounded/64/Youtube-icon.png"style="width:86px;height:86"/></a>
<a href="http://www.adresiniz.blogspot.com"><img src="http://icons.iconarchive.com/icons/lunartemplates/modern-social-media-rounded/64/Blogger-icon.png"style="width:86px;height:86"/></a>
<style type="text/css">
p#oyunlar img{ /* 1st set of icons. Rotate them 360deg onmouseover and out */ -moz-transition: all 0.8s ease-in-out; -webkit-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; -ms-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out; }   p#oyunlar img:hover{ -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); }   p#socialicons2 img{ /* 2nd set of icons. Rotate them 60deg onmouseover and out */ -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }   p#socialicons2 img:hover{ -moz-transform: rotate(70deg); -webkit-transform: rotate(70deg); -o-transform: rotate(70deg); -ms-transform: rotate(70deg); transform: rotate(70deg); }   p#socialicons3 img{ /* 3rd set of icons. Rotate them -360deg onmouseover ONLY. Note where the "transition prop is added */ }   p#socialicons3 img:hover{  -moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; -moz-transform: rotate(-360deg); -webkit-transform: rotate(-360deg); -o-transform: rotate(-360deg); -ms-transform: rotate(-360deg); transform: rotate(-360deg); }
</style></center></b></th> </tr> </td> </tr> </tbody> </table>

Not: İconları 360 derece döndürerek daha hoş bir görünüm yaratmaya çalıştım arkadaşlar.
Demo : http://www.default.10tl.net
Not 2 : İconların boyutunu büyük buluyorsanız arkadaşlar bir küçüğünü verebilirim .
Ara
Cevapla PGM
Teşekkür verenler:
#2
Çok İyi Bence .. Teşekkürler ..
Cevapla PGM
Teşekkür verenler:
#3
Önemli deil iconların boyutunu büyük bulanlar bir küçüğünü verebilirim arkadaşlar
Ara
Cevapla PGM
Teşekkür verenler:


Hızlı Menü:


Şu anda bu konuyu okuyanlar: 1 Ziyaretçi


Online Shopping App
Online Shopping - E-Commerce Platform
Online Shopping - E-Commerce Platform
Feinunze Schmuck Jewelery Online Shopping