ط*طµط±ظٹط§ ظƒظˆط¯ طµظ†ط¯ظˆظ‚ ط§ظ„ط§ط¹ط¬ط§ط¨ ظ„ظ„ظپظٹط³ ط¨ظˆظƒ ظˆطھظˆظٹطھط± ظˆط¬ظˆط¬ظ„ ط¨ط¯ظˆظ† ظ…ط´ط§ظƒظ„ ظ‡ط¯ظٹظ‡ ظ„ظƒظ„ ط§ط¹ط¶ط§ط، طھط±ط§ظٹط¯ظ†طھ


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

اقدم لكم

كود code صندوق الاعجاب للفيس بوك وتويتر وجوجل GOOGLE بدون مشاكل هديه لكل اعضاء ديزاد باتنة

يعمل على الجيل الرابع VBULLETIN G4 والثالث

اولا : الصور








ثانيا : المثال المباشر من موقعى
Delta Prog دلتـ بروج ــا - برامج - تعريفات - شرح طريقة - كتب - العاب2014 - مراجعات امتحانات - تعليم

ثالثا : التركيب install

1 : نضع هذا الكود code فى الـ css

رمز Code:
/** * http://www.deltaprog.com/vb/forum.php * By Mahmmoudeid * */ #likebox_1 { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border:5px solid #3c95d9; background-color: #fff; position: fixed; display:block; } #likebox_1_1 { overflow: hidden; } #likebox_1 img { margin-left:-3px; position: absolute; top: 0px; cursor: pointer; } #likebox_1 iframe { border:0px; overflow: hidden; position: absolute; width:100%; height: 100%; } #polecam_1 { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border:5px solid #6CC5FF; background-color: #6CC5FF; position: fixed; display:block; } #polecam_1_1 { overflow: hidden; } #polecamy_img { position: absolute; top: 0px; border: 0; cursor: pointer; } #google_1 { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background-color: #006ec9; position: fixed; display:block; } #google_1_1 { overflow: hidden; } #google_img { position: absolute; top: 0px; border: 0; cursor: pointer; } #youtube_1 { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background-color: #fff; position: fixed; display:block; } #youtube_1_1 { overflow: hidden; } #youtube_1 img { position: absolute; top: 0px; overflow: hidden; cursor: pointer; } #linkedin_1 { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background-color: #4B88C0; position: fixed; display:block; } #linkedin_1_1 { overflow: hidden; } #linkedin_img { position: absolute; top: 0px; border: none; cursor: pointer; }

2- نضع هذا الكود code فى الهيدر header

رمز Code:
<!-- Facebook deltaprog.com by mahmmoudeid --> </script><br/> <script type=&quot;text/javascript&quot; src=&quot;http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js&quot;></script><script src=&quot;https://apis.google.com/js/plusone.js&quot;></script> <link href=&quot;https://plus.google.com/115186977390697025912&quot; rel=&quot;publisher&quot; /><script type=&quot;text/javascript&quot;> window.___gcfg = {lang: 'en_GB'}; (function() {var po = document.createElement(&quot;script&quot; po.type = &quot;text/javascript&quot;; po.async = true;po.src = &quot;https://apis.google.com/js/plusone.js&quot;; var s = document.getElementsByTagName(&quot;script&quot[0]; s.parentNode.insertBefore(po, s); })();</script> <script type=&quot;text/javascript&quot;> jQuery.noConflict(); jQuery(function (){ jQuery(document).ready(function() { jQuery.noConflict(); jQuery(function (){ jQuery(&quot;#likebox_1&quot.hover(function(){ jQuery('#likebox_1').css('z-index',9999999); jQuery(this).stop(true,false).animate({right: 0}, 500); }, function(){ jQuery('#likebox_1').css('z-index',10000); jQuery(&quot;#likebox_1&quot.stop(true,false).animate({right: -300}, 500); }); jQuery(&quot;#polecam_1&quot.hover(function(){ jQuery('#polecam_1').css('z-index',9999999); jQuery(this).stop(true,false).animate({right: 0}, 500); }, function(){ jQuery('#polecam_1').css('z-index',10000); jQuery(&quot;#polecam_1&quot.stop(true,false).animate({right: -256}, 500); }); jQuery(&quot;#google_1&quot.hover(function(){ jQuery('#google_1').css('z-index',9999999); jQuery(this).stop(true,false).animate({right: 0}, 500); }, function(){ jQuery('#google_1').css('z-index',10000); jQuery(&quot;#google_1&quot.stop(true,false).animate({right: -310}, 500); }); jQuery(&quot;#youtube_1&quot.hover(function(){ jQuery('#youtube_1').css('z-index',9999999); jQuery(this).stop(true,false).animate({right: 0}, 500); }, function(){ jQuery('#youtube_1').css('z-index',10000); jQuery(&quot;#youtube_1&quot.stop(true,false).animate({right: -310}, 500); }); jQuery(&quot;#linkedin_1&quot.hover(function(){ jQuery('#linkedin_1').css('z-index',9999999); jQuery(this).stop(true,false).animate({right: 0}, 500); }, function(){ jQuery('#linkedin_1').css('z-index',10000); jQuery(&quot;#linkedin_1&quot.stop(true,false).animate({right: -374}, 500); }); });}); }); </script> <div id=&quot;likebox_1&quot; style=&quot;right:-300px;top: 100px;&quot;/><div id=&quot;likebox_1_1&quot; style=&quot;width:290px;height:400px;&quot;/><a class=&quot;open&quot; id=&quot;fblink&quot; href=&quot;#&quot;></a><img style=&quot;left:-59px;&quot; src=&quot;http://www.deltaprog.com/vb/images/rfacebook.png&quot; alt=&quot;&quot; /><iframe src=&quot;http://www.facebook.com/plugins/likebox.php?href=https://www.facebook.com/deltaprog&amp;locale=en_GB&amp;width=293&amp;heigh t=403&amp;colorscheme=light&amp;show_faces=true&am p;border_color&amp;stream=&amp;header=false&quot; scrolling=&quot;no&quot; frameborder=&quot;0&quot; style=&quot;border:none; overflow:hidden; width:293px; height:403px;&quot; allowTransparency=&quot;true&quot;></iframe></div></div> <div id=&quot;polecam_1&quot; style=&quot;top:100px; right:-256px;&quot;/><div id=&quot;polecam_1_1&quot; style=&quot;width:246px;height:353px;&quot;&quot;/><a class=&quot;open&quot; id=&quot;twlink&quot; href=&quot;#&quot;></a><img style=&quot;left:-61px;top:56px;&quot; id=&quot;polecamy_img&quot; src=&quot;http://www.deltaprog.com/vb/images/rtwitter.png&quot;> <script src=&quot;http://widgets.twimg.com/j/2/widget.js&quot;></script> <script> new TWTR.Widget({ version: 2, type: 'profile', rpp: 3, interval: 1000, width: 246, height: 265, theme: { shell: { background: '#63BEFD', color: '#FFFFFF' }, tweets: { background: '#FFFFFF', color: '#000000', links: '#47a61e' } }, features: { loop: false,live: true, scrollbar: false,hashtags: false,timestamp: true,avatars: true,behavior: 'all' } }).render().setUser('mahmmoudeid').start(); </script> </div></div> <div id=&quot;google_1&quot; style=&quot;top: 213px;right:-310px; border-left:4px solid #303030;border-top:5px solid #303030;border-bottom: 5px solid #303030;border-right:5px solid #303030;&quot; /><div id=&quot;google_1_1&quot; style=&quot;width:300px;height:111px;&quot;/><a class=&quot;open&quot; id=&quot;glink&quot; href=&quot;#&quot;></a><img style=&quot;left:-61px;&quot; id=&quot;google_img&quot; src=&quot;http://www.deltaprog.com/vb/images/rgoogle.png&quot;> <div><glus href=&quot;https://plus.google.com/102599793370177637919&quot; width=&quot;300&quot; height=&quot;181&quot; theme=&quot;light&quot;></glus> </div></div></div> <script type=&quot;text/javascript&quot; src=&quot;http://jqueryjs.googlecode.com/files/jquery-1.3.2.js&quot;></script> <script type=&quot;text/javascript&quot; src=&quot;/modules/mod_mini_socialhub/tmpl/js/facebook.like.box.class.js&quot;></script> <script type=&quot;text/javascript&quot; src=&quot;/modules/mod_mini_socialhub/tmpl/js/jquery.tabs.js&quot;></script> <!-- / Facebook deltaprog.com by mahmmoudeid-->

ملحوظة : لتغير صفحة الفيس بوك ابحث عن
https://www.facebook.com/deltaprog

لتغير يوزر تويتر ابحث عن
mahmmoudeid

لتغير صفحة جوجل GOOGLE ابحث عن
https://plus.google.com/102599793370177637919

ارجوا عدم ازالة الحقوق
اى مشكله انا موجود

مرفق لكم الاكواد
ارجوا لو فى اى اخطاء فى كتابة الموضوع ياريت الادارة تعدلها








التعديل الأخير كان بواسطة mahmmoudeid; 04 - 04 - 2014 الساعة 04:14

الملفات المرفقة [TR]
css.txt (1.7 كيلوبايت, عدد مرات المشاهدة 99 مرة) [/TR]
[TR]
header.txt (4.9 كيلوبايت, عدد مرات المشاهدة 111 مرة) [/TR]



©المشاركات المنشورة تعبر عن وجهة نظر صاحبها فقط، ولا تُعبّر بأي شكل من الأشكال عن وجهة نظر إدارة المنتدى©