نافذة POP-UP الثلاثية ,,, تظهر للزائر لعمل اشتراك SUBSCRIBE في اخر المواضيع ,, كود يستحق المشاهدة

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

نافذة POP-UP الثلاثية ,,, تظهر للزائر لعمل اشتراك SUBSCRIBE في اخر المواضيع ,, كود يستحق المشاهدة

الموضوع السابق الموضوع التاليمركز رفع الصور
Posted By

Moh'd S Hammoudeh


انشرالموضوع
الرد عن طريق الفيس بوك
الابلاغ عن الموضوع




مواقع صديقة
All Tricks And Tips
Entertainment
أضف موقعك هنا
أضف موقعك هنا


صفحات فيسبوكية رائعة
All Tricks And Tips
Entertainment
المحاسبين
موقع جنتل الاردن
أضف صفحتك هنا
أضف صفحتك هنا


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

صفحتنا الرسمية على تويتر



الإثنين مارس 11, 2013 12:25 am ساندنا على الفيس بوك  ساندنا على اليوتيوب ساندنا على تويـــــــتر







السلام عليكم

نافذة POP-UP الثلاثية ,,, تظهر للزائر لعمل اشتراك SUBSCRIBE في اخر المواضيع ,, كود يستحق المشاهدة




مميزات الكود :

- نافذة مع ظل ابيض مميز جدا
- شكل وتصميم جدميل جدا
- تعمل جيدا
- زيادة المشتركين مضمونة
- سريعة التحميل جدا جدا وسهلة التركيب
- لن تؤثر على السرعة لانها تعمل من خلال CSS وليست جافا
- تعمل على جميع المتصفحات


اولا تركيب الكود في المدونات :

1.) اذهب الى blogger
2) افتح مدونتك التي ترغب ان تضيف لها الكود .
3) اذهب إلى انسيق.
4) انقر على "إضافة أداة" حيث تريد إضافتا
5) انتقل الآن إلى <"HTML-JAVASCRIPT">
6) انقر على "+" رمز لإضافته.
7) الآن انسخ الرمز أدناه والصقه إلى هناك. أترك عنوان فارغ.
9 انقر فوق.) حفظ،


الرمز:

<!-- http://www.algantel.com -->
<style type="text/css">
* html #exestylepopupdiv {position:absolute;}
#exestylepopupdiv {z-index: 999;display:block; top:0px; left:0px; width:100%; height:100%; position:fixed; background-image:url('https://lh3.googleusercontent.com/-rUv4L_9nz-8/T9sfSSJaZNI/AAAAAAAACf0/ETEgFKt-rR4/s128/exeideasopacity0.5.png');margin:0; overflow-y:auto;}
.exestylepopup {width:490px; height:625px; position:fixed; top:50%; left:50%; margin-top:-312.5px; margin-left:-245px;}
#exestylepopup{overflow:none; background-image: url(http://i69.servimg.com/u/f69/14/82/58/44/11100.jpg) ; background-repeat: no-repeat; }
form#exestylepopup{display:block; margin:0;}
form#exestylepopup #exefield{padding:5px; position:absolute; top:441px; left:79px; width:290px; font-size:16px; border:none; background:transparent;}
form#exestylepopup #exebutton{position:absolute; left:72px; top:487px; width:345px; height:43px; border:none; background:transparent;}
</style>
<!--[if lte IE 6]>
<style type="text/css">
/*<![CDATA[*/
html {overflow-x:auto; overflow-y:hidden;}
/*]]>*/
</style>
<![endif]-->
<div id="exestylepopupdiv">
<div id="exestylepopup" class="exestylepopup">
<center style="color:#000;cursor:pointer;float:right;margin-right:-10px;margin-top:-20px;" onmouseup="document.getElementById('exestylepopupdiv').style.display='none'">
<img src="https://lh6.googleusercontent.com/-uSW_8HWcJII/T9shJ_kvWwI/AAAAAAAACgI/9xs1KMJtUtc/s40/exeideasclose.png"/>
</center>
<form id="exestylepopup" action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=AlgantelOfJordan', 'popupwindow', 'scrollbars=yes, width=600, height=550'); return true">
<input type="hidden" value="AlgantelOfJordan" name="uri"/>
<input type="text" id="exefield" name="email" value="Enter Your E-Mail Here..."  />
<input type="hidden" name="loc" value="en_US" />
<input type="image" src="https://lh4.googleusercontent.com/-tzQ8hBB6E18/T7dTe4L1CeI/AAAAAAAACKs/YEn0n2rxIVA/s128/exeideasblank.gif" id="exebutton" />
</form>
</div>
</div>
<!-- http://www.algantel.com -->



ثانيا: تركيب الكود في المواقع :

- اولا افتح الجزء الخاص بال html
- انسخ الكود التالي والصقه في جزء ال body
- احفظ السابق

الرمز:

<!-- http://www.algantel.com -->
<style type="text/css">
* html #exestylepopupdiv {position:absolute;}
#exestylepopupdiv {z-index: 999;display:block; top:0px; left:0px; width:100%; height:100%; position:fixed; background-image:url('https://lh3.googleusercontent.com/-rUv4L_9nz-8/T9sfSSJaZNI/AAAAAAAACf0/ETEgFKt-rR4/s128/exeideasopacity0.5.png');margin:0; overflow-y:auto;}
.exestylepopup {width:490px; height:625px; position:fixed; top:50%; left:50%; margin-top:-312.5px; margin-left:-245px;}
#exestylepopup{overflow:none; background-image: url(http://i69.servimg.com/u/f69/14/82/58/44/11100.jpg) ; background-repeat: no-repeat; }
form#exestylepopup{display:block; margin:0;}
form#exestylepopup #exefield{padding:5px; position:absolute; top:441px; left:79px; width:290px; font-size:16px; border:none; background:transparent;}
form#exestylepopup #exebutton{position:absolute; left:72px; top:487px; width:345px; height:43px; border:none; background:transparent;}
</style>
<!--[if lte IE 6]>
<style type="text/css">
/*<![CDATA[*/
html {overflow-x:auto; overflow-y:hidden;}
/*]]>*/
</style>
<![endif]-->
<div id="exestylepopupdiv">
<div id="exestylepopup" class="exestylepopup">
<center style="color:#000;cursor:pointer;float:right;margin-right:-10px;margin-top:-20px;" onmouseup="document.getElementById('exestylepopupdiv').style.display='none'">
<img src="https://lh6.googleusercontent.com/-uSW_8HWcJII/T9shJ_kvWwI/AAAAAAAACgI/9xs1KMJtUtc/s40/exeideasclose.png"/>
</center>
<form id="exestylepopup" action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=AlgantelOfJordan', 'popupwindow', 'scrollbars=yes, width=600, height=550'); return true">
<input type="hidden" value="AlgantelOfJordan" name="uri"/>
<input type="text" id="exefield" name="email" value="Enter Your E-Mail Here..."  />
<input type="hidden" name="loc" value="en_US" />
<input type="image" src="https://lh4.googleusercontent.com/-tzQ8hBB6E18/T7dTe4L1CeI/AAAAAAAACKs/YEn0n2rxIVA/s128/exeideasblank.gif" id="exebutton" />
</form>
</div>
</div>
<!-- http://www.algantel.com -->


توجد بالكود السابق كلمة "AlgantelOfJordan" مرتين استبدلها ببإسم حسابك على FEEDBURNER >>>>

لا مانع من النقل لكن مع ذكر المصدر











جميع المواضيع و الردود تعبر عن رأي صاحبها ولا تعبر عن رأي إداره موقع جنتل الاردن بــتــاتــآ
الرجوع الى أعلى الصفحة اذهب الى الأسفل
 

الموضوع السابق الموضوع التالي
صفحة 1 من اصل 1








جميع الحقوق محفوظة لبوابة جنتل الاردن © 2013