3 اشكال ازرار التواصل الاجتماعي بتأثير hover

شارك الموضوع
Omar Shiriyani 5:15 ص


ازرار المتابعة عبر شبكات التواصل الاجتماعي هي من اهم الاضافات للمدونات أو مواقع لكسب جماهير للصفحات الخاصة بالموقع ولأنتشار مواضيع الموقع بشكلين بتأثير اشكال من ازرار التواصل الاجتماعي اساسها مدفوعة ولكن معنا مجانا استمتع بمظهر احترافي لمدونتك أو موقعك وبطريقة سهلة التركيب 

اولا قم ببحث عن <head>
وتضع تحت هذا الكود 

<link href='https://googledrive.com/host/0Bwq2NE-tHynqcDB4Vlh4c0t1NmM' rel='stylesheet' type='text/css'/>


  1. الشكل الاول ميترو 


الكود 

<div id="social-wrapper">
<a class="fb" href="https://facebook.com/USER_NAME" target="_blank">
<i class="fa fa-facebook"></i>
</a>
<a class="gp" href="https://plus.google.com/USER_NAME" target="_blank">
<i class="fa fa-google-plus"></i>
</a>
<a class="yt" href="https://youtube.com/USER_NAME" target="_blank">
<i class="fa fa-youtube"></i>
</a>
<a class="tw" href="https://twitter.com/USER_NAME" target="_blank">
<i class="fa fa-twitter"></i>
</a></div>

   2. الشكل الثاني القائمة العمودية



الكود

<div class="widget_social_apps">
<div class="app_social facebook">
<a href="https://www.facebook.com/USER_NAME" target="_blank">
<span class="app_icon"><i class="fa fa-facebook"></i></span>
</a></div>
<div class="app_social twitter">
<a href="https://www.twitter.com/USER_NAME" target="_blank">
<span class="app_icon"><i class="fa fa-twitter"></i></span>
</a></div>
<div class="app_social pinterest">
<a href="https://www.pinterest.com/USER_NAME" target="_blank">
<span class="app_icon"><i class="fa fa-pinterest"></i></span>
</a></div>
<div class="app_social google">
<a href="https://www.google.com/USER_NAME" target="_blank">
<span class="app_icon"><i class="fa fa-google-plus"></i></span>
</a></div>
</div>




   3. الشكل الثالث القائمة العمودية بتحرك اكثر احترافية



الكود 

<a href="#" class="icon icon-border facebook">facebook</a>
<a href="#" class="icon icon-border twitter">twitter</a>
 <a href="#" class="icon icon-border googleplus">google+</a>


 * لايسمح نقل من دون ذكر مصدر *
مواضيع اخرى
اسم الكاتب