[BBcode] كود اضافه الفيسبوك وتويتر وجوجل بلص , شكل جديد social sharing box

ENG MUHAMED

[ADMIN]
طاقم الإدارة
25 فبراير 2008
10,079
43
48
support-ar.net
السلام عليكم ورحمة الله وبركاته

كود اضافه الفيسبوك وتويتر وجوجل بلص , شكل جديد


مثال للكود
Webstats7.Net- Check Website Domain Stats,Analysis,Ranking And Seo Report

صورة الاضافه

attachment.php


شرح تركيب الكود فى المنتدي
من البحث فى القوالب ابحث عن
ad_header_end

اضف فيه او نهايته الكود التالي مع تعديل مايناسبك بروابط الصفحات

كود:
<div id="social-sharing-box" class="like">
            <a class="facebook" href="http://www.facebook.com/webstats7com" rel="nofollow" target="_blank">facebook</a>
            <a class="twitter" href="https://twitter.com/intent/user?screen_name=webstats7" rel="nofollow" target="_blank">twitter</a>
            <a class="googleplus" href="https://plus.google.com/+Webstats7com" rel="publisher" target="_blank">googleplus</a>
    </div>

وايضا من التحكم بالاستايلات
اختر الاستايل الاساسي ثم اختار css رئيسي
انزل لنهايه الصفحه
تعاريف CSS الإضافية/Additional CSS Definitions

واضف الكود التالي

كود:
#social-sharing-box{display:none}@media all and (min-width:1245px){#social-sharing-box{position:fixed;display:block;right:20px;bottom:30px;overflow:hidden}#social-sharing-box a{display:block;float:right;position:relative;text-decoration:none;text-indent:-9999em;padding:0;margin:0;background:url(images/sharing-sprite.png) no-repeat -76px 0;width:81px;height:85px;vertical-align:top;z-index:110}#social-sharing-box a.twitter,#social-sharing-box a.linkedin,#social-sharing-box a.googleplus{background-position:-38px -49px;transition:margin 300ms;-webkit-transition:margin 300ms;width:37px;height:36px;margin:43px -49px 0 4px;z-index:105}#social-sharing-box a.googleplus{background-position:0 -49px}#social-sharing-box a.linkedin{background-position:-38px -6px;margin-left:0}#social-sharing-box:hover a.twitter,#social-sharing-box:hover a.linkedin,#social-sharing-box:hover a.googleplus{width:37px;margin:43px 0 0 4px}}

وايضا قم برفع الصورة المرفقه هذه الي مجلد images بداخل منتداك

attachment.php



وبالتوفيق للجميع 💕
 

المرفقات

  • 2014-09-24_22-26-12.jpg
    2014-09-24_22-26-12.jpg
    17.3 KB · المشاهدات: 472
  • sharing-sprite.png
    sharing-sprite.png
    7.1 KB · المشاهدات: 515

adel-salem

عضو جديد
29 سبتمبر 2014
8
0
0
www.adel-salem.com
جميل .. حياك الله.. اعجبني لكنه ام يعمل على الجيل3
 
التعديل الأخير: