أزرار المواقع الأجتماعية v2

الكاتب بتاريخ عدد التعليقات : 1
مرحبا بكم اصدقائي متابعين مدونة مهووسين الويب في إضافة جديدة وهي ازرار او ايقونات المواقع الاجتماعية v2 بعد ان قمنا "بوضع أزرار المواقع الإجتماعية بشكلها الجديد v1" وكانت مكونة من مجموعة من المواقع وهي فيسبوك وتويتر وجوجل+ ويوتيوب وخمسات وrss وهي نفسها الموجودة في هذه الإضافة ولكن بشكل أخر وتأثيرات أخرى اكثر إحترافية ☺
طريقة التركيب
  1. ادخل المدونة
  2. ثم التخطيط
  3.  ثم اضافة اداة html/gavascript
  4. وضع فيها الكود التالي
  5. <center><div class="hovergallery">
  1. <a href="http://fcebook.com/th3geekweb3" rel="nofollow"><img class="logo" src="https://cdn2.iconfinder.com/data/icons/social-flat-buttons-3/512/facebook-128.png"/></a>
  1. <a href="http://google.plus.com/+omranalharirigeek" rel="nofollow"><img class="logo" src="https://cdn2.iconfinder.com/data/icons/social-flat-buttons-3/512/google_plus-128.png" /></a>
  1. <a href="http://twitter.com/almahmod2013" rel="nofollow" style="margin-left: 0px;"><img class="logo" src="https://cdn2.iconfinder.com/data/icons/social-flat-buttons-3/512/twitter_letter-128.png" /></a></div>
  1. <div class="hovergallery">
  1. <a href="http://youtube.com/user/aboyazanllm3lomat" rel="nofollow"><img class="logo" src="https://cdn2.iconfinder.com/data/icons/social-flat-buttons-3/512/youtube_v2-128.png" /></a>
  1. <a href="http://khamsat.com/omran.alhariri" rel="nofollow" style="margin-left: 0px;"><img class="logo" src="http://store2.up-00.com/2015-08/1439051361462.png" /></a>
  1. <a href="http://feeds.feedburner.com/th3geekweb3" rel="nofollow"><img class="logo" src="https://cdn1.iconfinder.com/data/icons/metro-ui-dock-icon-set--icons-by-dakirby/128/RSS_Feed.png" /></a></div><style type="text/css"></style></center>
  1. <style type="text/css">
  1. img.logo {width: 95px;}
  1. .hovergallery img{-webkit-transform:scale(0.8); -moz-transform:scale(0.8);-o-transform:scale(0.8); -webkit-transition-duration: 0.5s;-moz-transition-duration: 0.5s;-o-transition-duration: 0.5s;opacity: 0.7; margin: 0 10px 5px 0;}
  1. .hovergallery img:hover{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);box-shadow:0px 0px 30px gray;-webkit-box-shadow:0px 0px 30px gray;-moz-box-shadow:0px 0px 30px gray;opacity: 1;}
  1.   </style>
  1. ثم قم بحفظ الاداة والذهاب للمعاينة واذا حصل اي خطأ فالتعليقات مفتوحه للجميع :)

1 تعليقات على موضوع " أزرار المواقع الأجتماعية v2 "

شكرا لك موضوع رائع :)

████ شروط التعليق ████
1- يجب على التعليق أن يكون بلا روابط إشهارية
2- أن يكون التعليق خاص بمحتوى التدوينة
3- لإضافة كود حوله أولاً بمحول الأكواد
4- لاستعمال خط عريض ضع الكود : <strong>النص هنا...</strong>
5- لاستعمال خط مائل ضع الكود : <em>النص هنا...</em>
6- لإضافة صورة ضعها بهذا الكود : <i rel="image"> ... رابط الصورة هنا ... </i>

الإبتسامات إخفاء