الخميس، 29 أغسطس، 2013

اضافة مواقع التواصل الاجتماعى بشكل فريد من نوعه


عدت لكم وبعد طول غياب عن التدوين فى مجال اضافات البلوجر الاحترافية باضافة جميلة جدا ومميزة للغاية وهى اضافة مواقع التواصل الاجتماعى بشكل بسيط ومميز جدا وبتقنية css فهى عبارة عن أزرار جميلة بمجرد الوقوف عليها تتحول لمربعات منتظمة بشكل جميل والآن مع الشرح
لتذهب لمعاينة سريعة من هنا 
شرح التركيب 
اذهب للوحة التحكم >> التخطيط >> اضافة أداة >> جافا سكربت 
ضع بها الكود التالى
<style>
 .myebd3at {
border-radius: 50%; /* الحدود الدائرية  */
box-shadow: 0px 0px 15px #000; /* الظل*/
padding:0;
border:0;
-moz-transition: all 1s;
-webkit-transition: all 1s;
-o-transition: all 1s;
}
.myebd3at:hover {
box-shadow: 0; /* لحذف الحدود الدائرية عند مرور المأشر */
border-radius: 0; /* لحذف الظل عند مرور المأشر */
-moz-transition: all 1s;
-webkit-transition: all 1s;
-o-transition: all 1s;
cursor:pointer;
}
</style>
<div class="myebd3at-center">
<a href=" رابط الفيسبوك هنا " target="_blank" title=" فيس بوك "><img class="myebd3at" src="http://1.bp.blogspot.com/-ZKoFaeP1f2s/UBceZWyke8I/AAAAAAAABE0/d_0vqj43WyI/s1600/sus-Ayoub-Etmaiti-facebook.png" /></a>
<a href=" رابط تويتر هنا " target="_blank" title=" تويتر "><img class="myebd3at" src="http://3.bp.blogspot.com/-TJH_umUcQDY/UBceanQhoAI/AAAAAAAABFA/Mg0ILCRrwHM/s1600/sus-Ayoub-Etmaiti-twitter.png" /></a>
<a href=" رابط يوتوب هنا " target="_blank" title=" يوتيوب "><img class="myebd3at" src="http://1.bp.blogspot.com/-BTGMZZ-SDSg/UBcebFves8I/AAAAAAAABFI/AMmlhLKM6Bg/s1600/sus-Ayoub-Etmaiti-youtube.png" /></a>
<a href=" رابط الخلاصة هنا " target="_blank" title=" الخلاصة "><img class="myebd3at" src="http://2.bp.blogspot.com/-HcaATl1ylms/UBceaMdkJsI/AAAAAAAABE4/qLlINjLE7nY/s1600/sus-Ayoub-Etmaiti-rss.png" /></a>
</div>

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

4 التعليقات:

  1. (h) جميلة جدا (h)

    شكرا لك يا استاذ محمود

    ردحذف
    الردود
    1. الشكر للـــــــــــــــه يا أخى

      نرجو التعليـــــــــــــــــق بالاسم بعد ذلك

      حذف

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