الخميس، 11 سبتمبر 2014

أزرار الصفحات الإجماعية بشكل أنيق و متحرك

بقلم: BR MED يوم الخميس، 11 سبتمبر 2014 القسم : 1 التعليقات
 السلام عليكم ورحمة الله وبركاته
في هذه التدوينة أحبابي في الله إخترت طرح إضافة إجتماعية رائعة هي أزرار للصفحات والمواقع الإجتماعية و الخلاصات بحلة أنيقة و إحترافية و قد إخترت هذه الإضافة لكون الإضافات الإجتماعية هي الأكثر إنتشارا على واجهات المواقع أو المواضيع سواء كانت أزرار مشاركة أو تعرض المواقع فقط أو حتى المنشورات و المميز في هذ الإداة اليوم هو أنها خفيفة متحركة عند تمرير الماوس
طريقة تركيب الإضافة
1- الذهاب الى لوحة التحكم
2- انقر على تخطيط
3- اختار اضافة اداة
4- اختر اداة الـ html/javascript
بعدها ضع الكود التالي في الإطار تم قم بالحفظ

    <div dir="rtl" style="text-align: right;" trbidi="on">
    <style> #social a:hover {background-color: transparent;opacity:0.7;} #social img { -moz-transition: all 0.8s ease-in-out; -webkit-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; -ms-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out; } #social img:hover { -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); } </style> <br />
    <center>
    <div id="social">
    <!--Start Rss Icon--> <a href="http://feeds.feedburner.com/warch-mo" rel="nofollow" target="_blank" title="إشترك في خلاصة المواضيع"><img alt="Icon" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhP-8RPypvewoiaItFeLI-lGGEjQkozDWILPai-kkeD1qn1S6mxhA15l25yANanGu1P6mmL5MEW_oCyWRa9K3XXNCQlCyz4c6oORQlgXZYi8HZGjhpJ0Jui0gBYSOUyqXauIapvNlZC-ds/s128/rss_11-20110811163952-00001.png" style="margin-right: 1px;" /></a> <!--End Rss Icon--> <!--Start Email Rss Icon-->  <!--End Email Rss Icon--> <!--Start Facebook Icon--> <a href="https://www.facebook.com/magriblook" rel="nofollow" target="_blank" title="تابعنا على الفيس بوك"><img alt="Icon" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCh3pO1-w4P0CE8Y_7fvzGoQuMD6f4oz6IT-vHbZiyJCTbpEBixiClp0-Yg0V1RW5uU5RDVBn9LNqiMi3IFTTkovMONgxGD9hIzllAmEDAq2muBkuq19nI_pZMbo22TopKuw_oA2BwE4g/s128/facebook_11-20110809213253-00001+%25281%2529.png" style="margin-right: 1px;" /></a> <!--End Facebook Icon--> <!--Start Twitter Icon--> <a href="https://twitter.com/motofbix" rel="nofollow" target="_blank" title="تابعنا على تويتر"><img alt="Icon" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiA7zZ3ipfA0UEMHTt7g2s1cLvaBsxBcsV3-iDyb96XdqTDIbCZ6I5S0C8MRYw2f5wGOGwEl4GKZcYhOg1pHLGF1R2quikgx5wyC-JTSwZVt8hDll9Ras01hGRz09dme2V2Jrc8svlrc_4/s128/twitter_11-20110811174544-00001.png" style="margin-right: 1px;" /></a> <!--End Twitter Icon--> <!--Start Google+ Icon--> <a href="https://plus.google.com/u/0/104753369012716009644" rel="nofollow" target="_blank" title="تابعنا على جوجل+"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJfHZgvBHB6B3yjEHvVUFEQqz4HA7eBBY2ZFHtPL3icxVa7oiazJ_Ga6IDhDpm0ma7vc8xjQ-9boJwrXu6fJoPfPWwTCfievxqAhrKCLGAXbhYjx-zBI1slv-qAs-l-J35tc9nICkia7E/s128/google_plus11-20110926163833-00001.png" style="margin-right: 1px;" /></a> <!--End Google+ Icon-->  </div>
    <!--Start Feed Count Button--> <!--End Feed Count Button--> </center>
    </div>
لا تنسى تغير الروابط الحمراء بروابط صفحاتك
هذا كل ما في الأمر أتمنى أن تجبكم الإضافة دمتم بود في أمان الله

هناك تعليق واحد:

  1. شكرا على الموضوع واتمنى منك زيارة موقعي
    :http://m-misr.blogspot.com/

    ردحذف

يسعدنا تفاعلكم بالتعليق , أما لو لديك سؤال خارج الموضوع يرجى استخدام ركن الأسئلة ولإضافة كود قم بتحويله أولابمحول الأكواد , ويمكنك ان تستخدم الإبتسامات بالوقوف عليها لمعرفة الكود
=q =w =s =d =f =g =h =t =y =u =z =x =c =v =b =n =m =a =e =r