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

[محمد]

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

السلام عليكم ورحمة الله وبركاته

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



صورة الاضافه



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

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

<div id="social-sharing-box" class="like">             <a class="facebook" href="http://www.facebook.com/***stats7com" rel="nofollow" target="_blank">facebook</a>             <a class="twitter" href="https://twitter.com/intent/user?screen_name=***stats7" rel="nofollow" target="_blank">twitter</a>             <a class="googleplus" href="https://plus.google.com/+***stats7com" 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;-***kit-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 بداخل منتداك

المصدر: منتديات عراق الخير والمحبة - من قسم: تصميم المواقع وتطويرها