السبت، 7 سبتمبر 2013

ايقونات مواقع التواصل الاجتماعى متحركة بتقنية css




انسخ هذا الكود وضعه فى
 اداة Javascript وقم بالحفظ

<style>p#hb_socialicons img {
/* Spinning Social Icons Widget By HelperBlogger */
-moz-transition: all 0.4s ease-in-out;
-webkit-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
p#hb_socialicons img:hover {
-moz-transform: rotate(120deg);
-webkit-transform: rotate(120deg);
-o-transform: rotate(120deg);
-ms-transform: rotate(120deg);
transform: rotate(120deg);
}
/* Spinning Social Icons Widget By HelperBlogger */
</style>
<center><p id="hb_socialicons">
<a href=" رابط صفحة الفيس بوك ">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjI4TcbeckgtVqhlr7lhPbJVO75f1eOgUOpefS_MSwPR1EFYHzEF2Vp0vCleAH6ScGikC6tkod5241A_YznapHN6DKjyPYbo53z8-UZkOONX_Oj2_nk7pir8uPXliuNc-bAF84OSSw3sPU/s1600/helperblogger.com-facebook.png" /></a>
<a href="رابط حساب تويتر">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxQAMNvDe9rvuZ2juhN8ehlmXyB_DqjBsTLL3lGHSBRErwjJBJuzUNKsv04I_MGC1mHqbNy7rGs2Ivq9ykFcX6ARMhbh78ZB6XsMPScNYmATPOmhLr7bO0KnU267kxL2EG3uetcaHVt94/s1600/helperblogger.com-twitter.png" /></a>
<a href="رابط حساب جوجل بلس">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZWgM4JVc0Quv-x2RsS_CqL5ivuxYBelZ8fDnOgh0uF-Tx82eMZflamZb425swIBKiHErJ-oJIweTQuxWAfSuhvmca_hNHhvJaJ_tXjOOq8J4DZS7KMx8fpfdEe9elEO_0BGxnV3qcog4/s1600/helperblogger.com-google_plus.png" /></a>
<a href="رابط حساب الخلاصة ">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-AKSCkObwnUTyC73ZXpps8HKIc1tlvYHHmyE150Xk9zM-qmgBemPTff4s0wkQXacFfMe8YIG7epq_DqeeAj00oPGJM8x_fSCZw7a1jgjkQ-1CZg4XZhJzT_iKh5Znr7y1WLBZK_SN0eQ/s1600/helperblogger.com-rss.png" /></a>
<a href=" رابط قناة اليوتيوب ">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiuPVvAuRprr5V441bAq3_2C7x7h1XRizb7-0EZbiwj-HmAt5itri1qsmRAtO3gyAQxjfvpmjLWFZHxXyeix1hNfu4OwYBhGnL-HXAU8slH_ebqEFLPmF1b8LrHpd7NKAnfcEVhfTuNL8Q/s1600/helperblogger.com-youtube.png" /></a>
</p></center>

قم بتغيير الروابط الملونة بما يناسبك 
كلمة شكر فى تعليق اجمل تقدير لنا
من فضلك اضغظ لايك لمشاهدة لينك التحميل

2 التعليقات:

ملاحظة : للإبلاغ عن رابط محتوى لا يعمل المرجوا الضغط على " الاتصال السريع " في أسفل القائمة مباشرة لاصلاح الخطأ بسرعة : نحن نسعى دائما لرقي الموقع جميعا من أجل الاستقرار
جميع الحقوق محفوظة © 2014 مدونة ابداعاتىجميعا من أجل الاستقرار