عايز كود للشبكات الاجتماعيه

الكود:

<a href="رابط صفحتك على تويتر" target="_blank"><img src="http://illiweb.com/fa/optimisation_fdf/common/twitter.png" border="0">

<a href="رابط قناتك على اليوتيوب" target="_blank"><img src="http://illiweb.com/fa/optimisation_fdf/common/youtube.png" border="0">

<a href="رابط صفحتك على الفيس بوك" target="_blank"><img src="http://illiweb.com/fa/optimisation_fdf/common/facebook.png" border="0">


@nibo كتب:هو في اكواد كثير
لو ممكن مثال او نوعه
مثلا يتطاير
او بمكانه

الكود:


</li></ul><div
 id="follow_fdf"><a target="_blank" href="رابط صفحتك على الفيس
بوك"><img alt="Facebook"
src="http://illiweb.com/fa/optimisation_fdf/fr/facebook10.png"/></a><a
 target="_blank" href="رابط صفحتك على تويتر"><img alt="Twitter"
src="http://illiweb.com/fa/optimisation_fdf/fr/twitter10.png"/></a></div>


<style>

#follow_fdf {
  float: right;
  background: url('http://i40.servimg.com/u/f40/11/60/75/36/follow14.png') no-repeat scroll 0 5px transparent;
  padding-left: 1098px;
}

#follow_fdf img {
  vertical-align: middle;
  max-height: 50px;
  transition-duration: 400ms;
  -moz-transition-duration: 400ms;
  -o-transition-duration: 400ms;
  -webkit-transition-duration: 400ms;
}

#follow_fdf img:hover {
    transform:rotate(-10deg);
    -ms-transform:rotate(-10deg);
    -moz-transform:rotate(-10deg);
    -webkit-transform:rotate(-10deg);
    -o-transform:rotate(-10deg);
}
</style>

في الhtml الموجود بلوحه الأداره

ماتعرف وين هو صح ؟؟ :D