السلام عليكم

كود لوضع ازرار الصفحات الاجتماعية بشكل رائع

مثال :



[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]


الكود



ضع هذا الكود في ورقة Css

.flt-wdt{
position:fixed;
margin-right:10px;
right:0;
top:40%;
}
.flt-wdt img{
float:right;
clear:right;
margin:5px;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.flt-wdt img:hover{
-moz-transform: scale(1.2) rotate(6deg);
-webkit-transform: scale(1.2) rotate(6deg);
-o-transform: scale(1.2) rotate(6deg);
-ms-transform: scale(1.2) rotate(6deg) translate(0px, 0px) skew(0deg, 0deg);
transform: scale(1.2) rotate(6deg);
}


ثم ضع هذا الكود في التشكيلات العامة
<div class="flt-wdt">

<a href="رابط صفحتك على الفيس بوك" target="_blank" title="Follow
Me on Facebook"><img alt="Follow Me on Facebook"
src="https://2img.net/h/oi54.tinypic.com/zwdwko.jpg" /></a>


<a href="رابط تويتر" target="_blank" title="Follow Me on
Twitter"><img alt="Follow Me on Twitter"
src="https://2img.net/h/oi56.tinypic.com/z7tz5.jpg" /></a>


<a href="خدمة Feedbaner" target="_blank" title="Subscribe to
DefenceDog by Email"><img alt="Subscribe to DefenceDog by Email"
src="https://2img.net/h/oi52.tinypic.com/se57r8.jpg" /></a>


<a href="التغذية" target="_blank" title="Subscribe to
RSS"><img alt="Subscribe to RSS"
src="https://2img.net/h/oi56.tinypic.com/1z498wo.jpg" /></a>



</div>