said
10-30-2013, بتوقيت غرينيتش 11:17 PM
http://www.dzbatna.com/images/icons/iconrote.gif ط*طµط±ظٹط§ ظƒظˆط¯ طµظ†ط¯ظˆظ‚ ط§ظ„ط§ط¹ط¬ط§ط¨ ظ„ظ„ظپظٹط³ ط¨ظˆظƒ ظˆطھظˆظٹطھط± ظˆط¬ظˆط¬ظ„ ط¨ط¯ظˆظ† ظ…ط´ط§ظƒظ„ ظ‡ط¯ظٹظ‡ ظ„ظƒظ„ ط§ط¹ط¶ط§ط، طھط±ط§ظٹط¯ظ†طھ (http://www.dzbatna.com/t2071723/)
السلام عليكم ورحمة الله وبركاته
اقدم لكم
كود code صندوق الاعجاب للفيس بوك وتويتر وجوجل GOOGLE بدون مشاكل هديه لكل اعضاء ديزاد باتنة
يعمل على الجيل الرابع VBULLETIN G4 والثالث
اولا : الصور
http://www.dzbatna.com/attachments/638153d1333500511-1.png
http://www.dzbatna.com/attachments/638154d1333500511-2.png
http://www.dzbatna.com/attachments/638155d1333500511-3.png
http://www.dzbatna.com/attachments/638156d1333500511-4.png
ثانيا : المثال المباشر من موقعى
Delta Prog دلتـ بروج ــا - برامج - تعريفات - شرح طريقة - كتب - العاب2014 - مراجعات امتحانات - تعليم (http://www.deltaprog.com/vb/forum.php)
ثالثا : التركيب 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="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script><script src="https://apis.google.com/js/plusone.js"></script> <link href="https://plus.google.com/115186977390697025912" rel="publisher" /><script type="text/javascript"> window.___gcfg = {lang: 'en_GB'}; (function() {var po = document.createElement("script"); po.type = "text/javascript"; po.async = true;po.src = "https://apis.google.com/js/plusone.js"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(po, s); })();</script> <script type="text/javascript"> jQuery.noConflict(); jQuery(function (){ jQuery(document).ready(function() { jQuery.noConflict(); jQuery(function (){ jQuery("#likebox_1").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("#likebox_1").stop(true,false).animate({rig ht: -300}, 500); }); jQuery("#polecam_1").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("#polecam_1").stop(true,false).animate({rig ht: -256}, 500); }); jQuery("#google_1").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("#google_1").stop(true,false).animate({righ t: -310}, 500); }); jQuery("#youtube_1").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("#youtube_1").stop(true,false).animate({rig ht: -310}, 500); }); jQuery("#linkedin_1").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("#linkedin_1").stop(true,false).animate({ri ght: -374}, 500); }); });}); }); </script> <div id="likebox_1" style="right:-300px;top: 100px;"/><div id="likebox_1_1" style="width:290px;height:400px;"/><a class="open" id="fblink" href="#"></a><img style="left:-59px;" src="http://www.deltaprog.com/vb/images/rfacebook.png" alt="" /><iframe src="http://www.facebook.com/plugins/likebox.php?href=https://www.facebook.com/deltaprog&locale=en_GB&width=293&height=403&colors cheme=light&show_faces=true&border_color&stream=&h eader=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:293px; height:403px;" allowTransparency="true"></iframe></div></div> <div id="polecam_1" style="top:100px; right:-256px;"/><div id="polecam_1_1" style="width:246px;height:353px;""/><a class="open" id="twlink" href="#"></a><img style="left:-61px;top:56px;" id="polecamy_img" src="http://www.deltaprog.com/vb/images/rtwitter.png"> <script src="http://widgets.twimg.com/j/2/widget.js"></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="google_1" style="top: 213px;right:-310px; border-left:4px solid #303030;border-top:5px solid #303030;border-bottom: 5px solid #303030;border-right:5px solid #303030;" /><div id="google_1_1" style="width:300px;height:111px;"/><a class="open" id="glink" href="#"></a><img style="left:-61px;" id="google_img" src="http://www.deltaprog.com/vb/images/rgoogle.png"> <div><g:plus href="https://plus.google.com/102599793370177637919" width="300" height="181" theme="light"></g:plus> </div></div></div> <script type="text/javascript" src="http://jqueryjs.googlecode.com/files/jquery-1.3.2.js"></script> <script type="text/javascript" src="/modules/mod_mini_socialhub/tmpl/js/facebook.like.box.class.js"></script> <script type="text/javascript" src="/modules/mod_mini_socialhub/tmpl/js/jquery.tabs.js"></script> <!-- / Facebook deltaprog.com by mahmmoudeid-->
ملحوظة : لتغير صفحة الفيس بوك ابحث عن
https://www.facebook.com/deltaprog
لتغير يوزر تويتر ابحث عن
mahmmoudeid
لتغير صفحة جوجل GOOGLE ابحث عن
https://plus.google.com/102599793370177637919
ارجوا عدم ازالة الحقوق
اى مشكله انا موجود
مرفق لكم الاكواد
ارجوا لو فى اى اخطاء فى كتابة الموضوع ياريت الادارة تعدلها
التعديل الأخير كان بواسطة mahmmoudeid; 04 - 04 - 2014 الساعة 04:14
ألعاب الأندرويد مجانا و حصريا (http://www.apotox.info/forum)
الملفات المرفقة
http://www.traidnt.net/vb/images/attach/txt.gif css.txt (http://www.traidnt.net/vb/attachments/638159d1333501828-css.txt) (1.7 كيلوبايت, عدد مرات المشاهدة 99 مرة)
http://www.traidnt.net/vb/images/attach/txt.gif header.txt (http://www.traidnt.net/vb/attachments/638160d1333501828-header.txt) (4.9 كيلوبايت, عدد مرات المشاهدة 111 مرة)
https://fbcdn-sphotos-d-a.akamaihd.net/hphotos-ak-ash4/482113_236967293114455_1193518507_n.png (http://www.dzbatna.com)
©المشاركات المنشورة تعبر عن وجهة نظر صاحبها فقط، ولا تُعبّر بأي شكل من الأشكال عن وجهة نظر إدارة المنتدى (http://www.dzbatna.com)©
السلام عليكم ورحمة الله وبركاته
اقدم لكم
كود code صندوق الاعجاب للفيس بوك وتويتر وجوجل GOOGLE بدون مشاكل هديه لكل اعضاء ديزاد باتنة
يعمل على الجيل الرابع VBULLETIN G4 والثالث
اولا : الصور
http://www.dzbatna.com/attachments/638153d1333500511-1.png
http://www.dzbatna.com/attachments/638154d1333500511-2.png
http://www.dzbatna.com/attachments/638155d1333500511-3.png
http://www.dzbatna.com/attachments/638156d1333500511-4.png
ثانيا : المثال المباشر من موقعى
Delta Prog دلتـ بروج ــا - برامج - تعريفات - شرح طريقة - كتب - العاب2014 - مراجعات امتحانات - تعليم (http://www.deltaprog.com/vb/forum.php)
ثالثا : التركيب 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="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script><script src="https://apis.google.com/js/plusone.js"></script> <link href="https://plus.google.com/115186977390697025912" rel="publisher" /><script type="text/javascript"> window.___gcfg = {lang: 'en_GB'}; (function() {var po = document.createElement("script"); po.type = "text/javascript"; po.async = true;po.src = "https://apis.google.com/js/plusone.js"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(po, s); })();</script> <script type="text/javascript"> jQuery.noConflict(); jQuery(function (){ jQuery(document).ready(function() { jQuery.noConflict(); jQuery(function (){ jQuery("#likebox_1").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("#likebox_1").stop(true,false).animate({rig ht: -300}, 500); }); jQuery("#polecam_1").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("#polecam_1").stop(true,false).animate({rig ht: -256}, 500); }); jQuery("#google_1").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("#google_1").stop(true,false).animate({righ t: -310}, 500); }); jQuery("#youtube_1").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("#youtube_1").stop(true,false).animate({rig ht: -310}, 500); }); jQuery("#linkedin_1").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("#linkedin_1").stop(true,false).animate({ri ght: -374}, 500); }); });}); }); </script> <div id="likebox_1" style="right:-300px;top: 100px;"/><div id="likebox_1_1" style="width:290px;height:400px;"/><a class="open" id="fblink" href="#"></a><img style="left:-59px;" src="http://www.deltaprog.com/vb/images/rfacebook.png" alt="" /><iframe src="http://www.facebook.com/plugins/likebox.php?href=https://www.facebook.com/deltaprog&locale=en_GB&width=293&height=403&colors cheme=light&show_faces=true&border_color&stream=&h eader=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:293px; height:403px;" allowTransparency="true"></iframe></div></div> <div id="polecam_1" style="top:100px; right:-256px;"/><div id="polecam_1_1" style="width:246px;height:353px;""/><a class="open" id="twlink" href="#"></a><img style="left:-61px;top:56px;" id="polecamy_img" src="http://www.deltaprog.com/vb/images/rtwitter.png"> <script src="http://widgets.twimg.com/j/2/widget.js"></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="google_1" style="top: 213px;right:-310px; border-left:4px solid #303030;border-top:5px solid #303030;border-bottom: 5px solid #303030;border-right:5px solid #303030;" /><div id="google_1_1" style="width:300px;height:111px;"/><a class="open" id="glink" href="#"></a><img style="left:-61px;" id="google_img" src="http://www.deltaprog.com/vb/images/rgoogle.png"> <div><g:plus href="https://plus.google.com/102599793370177637919" width="300" height="181" theme="light"></g:plus> </div></div></div> <script type="text/javascript" src="http://jqueryjs.googlecode.com/files/jquery-1.3.2.js"></script> <script type="text/javascript" src="/modules/mod_mini_socialhub/tmpl/js/facebook.like.box.class.js"></script> <script type="text/javascript" src="/modules/mod_mini_socialhub/tmpl/js/jquery.tabs.js"></script> <!-- / Facebook deltaprog.com by mahmmoudeid-->
ملحوظة : لتغير صفحة الفيس بوك ابحث عن
https://www.facebook.com/deltaprog
لتغير يوزر تويتر ابحث عن
mahmmoudeid
لتغير صفحة جوجل GOOGLE ابحث عن
https://plus.google.com/102599793370177637919
ارجوا عدم ازالة الحقوق
اى مشكله انا موجود
مرفق لكم الاكواد
ارجوا لو فى اى اخطاء فى كتابة الموضوع ياريت الادارة تعدلها
التعديل الأخير كان بواسطة mahmmoudeid; 04 - 04 - 2014 الساعة 04:14
ألعاب الأندرويد مجانا و حصريا (http://www.apotox.info/forum)
الملفات المرفقة
http://www.traidnt.net/vb/images/attach/txt.gif css.txt (http://www.traidnt.net/vb/attachments/638159d1333501828-css.txt) (1.7 كيلوبايت, عدد مرات المشاهدة 99 مرة)
http://www.traidnt.net/vb/images/attach/txt.gif header.txt (http://www.traidnt.net/vb/attachments/638160d1333501828-header.txt) (4.9 كيلوبايت, عدد مرات المشاهدة 111 مرة)
https://fbcdn-sphotos-d-a.akamaihd.net/hphotos-ak-ash4/482113_236967293114455_1193518507_n.png (http://www.dzbatna.com)
©المشاركات المنشورة تعبر عن وجهة نظر صاحبها فقط، ولا تُعبّر بأي شكل من الأشكال عن وجهة نظر إدارة المنتدى (http://www.dzbatna.com)©
