منتديات ملوك النوبه
عزيزى الزائر / عزيزتى الزائرة : يرجى التكرم بتسجيل الدخول اذا كنت عضو معنا فى منتديات ملوك النوبه أو التسجيل معنا إذا كنت وترغب فى الانضمام
الى اسرة منتديات ملوك النوبه ونتشرف بتسجيلك ونرحب بقدومك إلينا

منتديات ملوك النوبه

أهلا وسهلا بك يا زائر في منتديات ملوك النوبه
 
الرئيسيةالبوابةس .و .جالتسجيلدخولالمنشورات
ادارة منتديات ملوك النوبه ترحب بجميع الزوار ونتمنى لهم الإنتساب إلينا وكذالك نرحب بالأعضاء اللذين منتسبين لدينا
ونأمل أن يستمتعوا معنا ويستفيدومن المنتدى ويفيدوا منتدانا مع خالص تحياتى * إدارة المنتدى *

شاطر | 
 

 كيفية إضافة صندوق إعجاب صفحة الفيسبوك عائم

اذهب الى الأسفل 
كاتب الموضوعرسالة
ملك النوبة
ادارى
ادارى
avatar

الجنس : ذكر
الدولة : مصر

الهواية : المطالعة
السٌّمعَة : 1
المساهمات : 92
نقاط : 2168
تاريخ التسجيل : 06/03/2017

مُساهمةموضوع: كيفية إضافة صندوق إعجاب صفحة الفيسبوك عائم   الجمعة مارس 10, 2017 10:30 pm

اسعد الله اوقاتكم بكل خير 

طريقة وضع نافذة مستقله تقفل بزر × وهي عبارة عن اعجابات الفيس بوك

صورة للنافذة 

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

النافذة متحركة مع نزل او طلوع المتصفح او الموقع

طريقة التركيب

لوحة الادارة - مظهر المنتدى - التومبلايتات و القوالب - إدارة عامة - خيارات التومبلايتات و القوالب تفعيل - overall_header 

نبحث عن 


الكود:
</head>



ونضيف فوقة مباشرتا الكود الاتي

الكود:
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js" type="text/javascript"></script>



ثم نذهب الى التشكيلات العامة ونضيف هالكود

الكود:
<style type="text/css">
#makingdifferentpopup{
position:absolute;
top:100px;
z-index:999;
display:none;
padding:0px;
right:600px;
border:10px solid #3B5998;
-webkit-border-radius:8px 8px 8px 8px;
-moz-border-radius:8px 8px 8px 8px;
border-radius:8px 8px 8px 8px;
width:400px;
height:360px;
overflow:hidden;
}
#makingdifferentpopup h1{
background:#6d84b4 url(http://1.bp.blogspot.com/-hfFF_iqgPoc/URO-pUhRY9I/AAAAAAAAClE/oquSyaOMmX0/s1600/%5Bwww.afkarpro.blogspot.com%5Dh1.png) 98% no-repeat;
border:1px solid #3b5998 !important;
color:#FFFFFF !important;
font-size:20px !important;
font-weight:700 !important;
padding:5px !important;
margin:0 !important;
font-family:'"lucida grande",tahoma,verdana,arial,sans-serif !important;overflow:hidden !important;
}
.htmlarea{
font-size:12px !important;
font-weight:normal !important;
height:265px !important;
padding:1px !important;
background:#fff !important;
border-bottom:2px solid #ddd;
overflow:hidden !important;
}
#mdfooter{
background:#F2F2F2 !important;
height:56px !important;
padding:10px 10px 10px 10px !important;
overflow:hidden !important;
}
#mdclose{
float:right;
background-color:#eee !important;
border:1px solid #ccc !important;
color:#111 !important;
font-weight:bold !important;
padding:5px 8px 5px 8px !important;
text-decoration:none !important;
display:inline-block !important;
font-family:'"lucida grande",tahoma,verdana,arial,sans-serif !important;
outline:none !important;
position:relative !important;
font-size:14px !important;
margin:1px !important;
}
#mdclose:active{
top:1px;
left:1px;
}
.htmlarea span{
bottom:80px;
font:8px "lucida grande",tahoma,verdana,arial,sans-serif;
position:absolute;
right:6px;
text-align:right;
z-index: 99999;
}
.htmlarea span a{
color: #000;
text-decoration:none;
}
.htmlarea span a:hover{
text-decoration:underline;
}
</style><script type="text/javascript">
jQuery(document).ready(function() {
function makingdifferent_ppopup()  {
var mdwh = jQuery(window).height();
var mdpph = jQuery("#makingdifferentpopup").height();
var mdfromTop = jQuery(window).scrollTop()+50;
 jQuery("#makingdifferentpopup").css({"top":mdfromTop});
}jQuery(window)
.scroll(makingdifferent_ppopup)
.resize(makingdifferent_ppopup)
//alert(jQuery.cookie('sreqshown'));
//var mdww = jQuery(window).width();
//var mdppw = jQuery("#makingdifferentpopup").width();
//var mdleftm = (mdww-mdppw)/2;
var mdleftm = 500;
//var mdwh = jQuery(window).height();
//var mdpph = jQuery("#makingdifferentpopup").height();
//var mdfromTop = (jQuery(window).scrollTop()+mdwh-mdpph) / 2;
jQuery("#makingdifferentpopup").animate({opacity: "1", left: "0" , left:
 mdleftm}, 0).show();
    jQuery("#mdclose").click(function() {
jQuery("#makingdifferentpopup").animate({opacity: "0", left: "-5000000"}, 1000).show(); });});
</script>
<div id="makingdifferentpopup">
               
   <h1>
                انضموا إلى صفحة الابداع العربي على الفيس بوك       
   </h1>
               
   <div class="htmlarea">
              <iframe src="//www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2Fibda3araby&width=400&colorscheme=light&show_faces=true&border_color=%23fff&stream=false&header=false&height=250" frameborder="0" scrolling="no" style="border: currentColor; border-image: none; width: 400px; height: 250px; overflow: hidden;" allowtransparency="true"> </iframe><span>By <a target="_blank">JAR7</a> / <a a="" this!<="" +get="" target="_blank"></a></span><a a="" this!<="" +get="" target="_blank">      </a>
   </div><a a="" this!<="" +get="" target="_blank">            </a>
   <div id="mdfooter">
      <a a="" this!<="" +get="" target="_blank">        </a><a id="mdclose" onclick="return false;" href="#">إغلاق</a>      
   </div>
</div>



ابحث عن 
اقتباس :
ibda3araby

وغيرة باسم حسابك ,,

وغير العبارة الاتية كما تحب 
اقتباس :
انضموا إلى صفحة الابداع العربي على الفيس بوك

انتهى الشرح موفقين يارب
الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://kingnubia.yoo7.com
 
كيفية إضافة صندوق إعجاب صفحة الفيسبوك عائم
الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
منتديات ملوك النوبه :: **تطوير المواقع والمنتديات** :: الهاكات والأيقونات والأكواد-
انتقل الى: