ازرار المواقع الاجتماعيه بشكل جميل جداً مع تأثير التكبير رائع !
https://www.techpointblog.com/2013/01/etro-style-social-sharing-widget-for.html
السلام عليكم!
يسرني ان اقدم لكم اليوم اداة للاضافات الاجتماعيه مع تأثير التكبير عن تحريك الماوس
فوق احدا الايقونات الاداه منقوله و مترجمه بالتصرف من مدونه بلوجر تيراكس
الان اترككم مع كيفية التركيب:
- اذهب للوحة تحكم مدونتك .
- تخطيط.
- اضف اداة HTML/JavaScript'
- الصق الكود التالي بداخلها:
<style> /* blogger-archive */ .bubblewrap{ list-style-type:none; margin:0; padding:0; } .bubblewrap li{ display:inline; width: 60px; height:60px; } .bubblewrap li img{ width: 50px; /* width of each image.*/ height: 50px; /* height of each image.*/ border:0; margin-right: 4px; /*spacing between each image*/ -webkit-transition:-webkit-transform 0.1s ease-in; /*animate transform property */ -o-transition:-o-transform 0.1s ease-in; /*animate transform property in Opera */ } .bubblewrap li img:hover{ -moz-transform:scale(1.8); /*scale up image 1.8x*/ -webkit-transform:scale(1.8); -o-transform:scale(1.8); }</style> <br /> <center> <br /> <ul class="bubblewrap"> <li><a href="http://www.plus.google.com/ElectrN"><img src="http://icons.iconarchive.com/icons/graphics-vibe/classic-3d-social/48/google-icon.png" title="Add to Facebook" /></a></li> <li><a href="http://www.facebook.com/ElectrN"><img src="http://icons.iconarchive.com/icons/graphics-vibe/classic-3d-social/48/facebook-icon.png" title="Add to Facebook" /></a></li> <li><a href="http://www.twitter/BloggerArchive"><img src="http://icons.iconarchive.com/icons/graphics-vibe/classic-3d-social/48/twitter-icon.png" title="Add to Twitter" /></a></li> <li><a href="http://feeds2.feedburner.com/electrn"><img src="http://icons.iconarchive.com/icons/graphics-vibe/classic-3d-social/48/rss-feed-icon.png" title="Add RSS Feed" /></a></li> </ul></center>
العدل ماهو ملون في الكود بالمطلوب :)
واضغط حفظ.
واضغط حفظ.
و اي استفسار يمكنك وضعه في تعليق و ايضا ارجو منك متابعتي على تويتر
و الاشتراك في المدونه
تحياتي..