منتدى محور التطوير

محور التطوير موقع شامل لتطوير المنتديات والمواقع والبرمجه والتصميم وتقديم المساعدات وتوفير بعض الخدمات المجانية والكثير يمكنك اكتشافها الان.
 
الرئيسيةالرئيسية  التسجيلالتسجيل  محرك بحث متطورمحرك بحث متطور  دخول  

تفضل بالمشاركة في احلى موضوع


شاطر
 

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

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

عدد المشاركات : 90
السمعة : 196
السٌّمعَة : 0
تاريخ التسجيل : 10/07/2016

 كيفية إضافة صندوق إعجاب صفحة الفيسبوك عائم - على طريقة PopUp Empty
مُساهمةموضوع: كيفية إضافة صندوق إعجاب صفحة الفيسبوك عائم - على طريقة PopUp    كيفية إضافة صندوق إعجاب صفحة الفيسبوك عائم - على طريقة PopUp Emptyالخميس يوليو 14, 2016 7:52 am

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

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

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

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

صورة للنافذة

 كيفية إضافة صندوق إعجاب صفحة الفيسبوك عائم - على طريقة PopUp Uo_ouo28


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

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

لوحة الادارة - مظهر المنتدى - التومبلايتات و القوالب - إدارة عامة - خيارات التومبلايتات و القوالب تفعيل - 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



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

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


انضموا إلى صفحة محور التطوير على الفيس بوك

انتهى الشرح موفقين يارب




الرجوع الى أعلى الصفحة اذهب الى الأسفل
Admin
مؤسس الموقع
مؤسس الموقع
Admin

عدد المشاركات : 99
السمعة : 176
السٌّمعَة : 0
تاريخ التسجيل : 19/06/2016
الموقع : العراق - بغداد

 كيفية إضافة صندوق إعجاب صفحة الفيسبوك عائم - على طريقة PopUp Empty
مُساهمةموضوع: رد: كيفية إضافة صندوق إعجاب صفحة الفيسبوك عائم - على طريقة PopUp    كيفية إضافة صندوق إعجاب صفحة الفيسبوك عائم - على طريقة PopUp Emptyالخميس يوليو 14, 2016 12:33 pm

تسلم يالغالي
موضوع في قمة الابداع


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

عدد المشاركات : 90
السمعة : 196
السٌّمعَة : 0
تاريخ التسجيل : 10/07/2016

 كيفية إضافة صندوق إعجاب صفحة الفيسبوك عائم - على طريقة PopUp Empty
مُساهمةموضوع: رد: كيفية إضافة صندوق إعجاب صفحة الفيسبوك عائم - على طريقة PopUp    كيفية إضافة صندوق إعجاب صفحة الفيسبوك عائم - على طريقة PopUp Emptyالخميس يوليو 14, 2016 2:11 pm

العفو يا مديرنا

وحاضرين لكم

وان شاءالله مستمرين بالافضل لاجل الجميع


 كيفية إضافة صندوق إعجاب صفحة الفيسبوك عائم - على طريقة PopUp 3dlat.com_14130312002
الرجوع الى أعلى الصفحة اذهب الى الأسفل
nourhyatk
عضو جديد
عضو جديد
nourhyatk

عدد المشاركات : 10
السمعة : 10
السٌّمعَة : 0
تاريخ التسجيل : 16/07/2016

 كيفية إضافة صندوق إعجاب صفحة الفيسبوك عائم - على طريقة PopUp Empty
مُساهمةموضوع: رد: كيفية إضافة صندوق إعجاب صفحة الفيسبوك عائم - على طريقة PopUp    كيفية إضافة صندوق إعجاب صفحة الفيسبوك عائم - على طريقة PopUp Emptyالسبت يوليو 16, 2016 12:21 pm

موضوع مفيد جزاكم الله خيرا شكرا
الرجوع الى أعلى الصفحة اذهب الى الأسفل
 
كيفية إضافة صندوق إعجاب صفحة الفيسبوك عائم - على طريقة PopUp
الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1

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