المساعد الشخصي الرقمي

مشاهدة النسخة كاملة : طريقة جديدة لعمل فتحة إجبارية لكل المدونات



salima
11-01-2013, بتوقيت غرينيتش 07:59 AM
السلام عليكم ورحمة الله وبركاته

طبعا الموضوع ظاهر للعيان من عنوانه الا وهو تركيب install اضافه مفادها ان من يدخل على مدونتك ستفتح له نافذه اجباريه صغيره لطيفة الشكل لموقع أو مدونة blog http://www.dzbatna.com/images/smilies/cupidarrow.gif

ما يميز هده الفتحة أنها تخلي الزائر يتصفح صفختك والصفحة الأخرى أليا ولي أنت عامل ليها الفتحة في نفس الوقت http://www.dzbatna.com/images/smilies/shiny01.gif


http://2.bp.blogspot.com/-2Hc8Ur8quU4/TyvIY__pkwI/AAAAAAAAANU/D_gh1bt3b0I/s1600/Sans+titre+3.jpg


أولا لمعاينة هده الفتحة من هنا (http://jeusef.blogspot.com)

...لتطبيق الطريقه اتبع التالي
* قم بالذهاب الي لوحة تحكم مدونتك.
* ثم قم بالذهاب الي تصميم ثم الي تحرير HTML.

اضغط علي خانه توسيع القالب template
ابحث عن الكود code التالي

</head>
وضع قبله الكود code الذي بالاسفل


رمز Code:
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'></script> <script type='text/javascript'> jQuery(document).ready(function() { function on_Scroll_Resize() { var wh = jQuery(window).height(); var pph = jQuery(&quot;#popupslider&quot;).height(); var fromTop = jQuery(window).scrollTop()+50; jQuery(&quot;#popupslider&quot;).css({&quot;top&quot;:fromTop}); } jQuery(window) .scroll(on_Scroll_Resize) .resize(on_Scroll_Resize) //alert(jQuery.cookie('sreqshown')); //var ww = jQuery(window).width(); //var ppw = jQuery(&quot;#popupslider&quot;).width(); //var leftm = (ww-ppw)/2; var leftm = 0; //var wh = jQuery(window).height(); //var pph = jQuery(&quot;#popupslider&quot;).height(); //var fromTop = (jQuery(window).scrollTop()+wh-pph) / 2; jQuery(&quot;#popupslider&quot;).animate({opacity: &quot;1&quot;, left: &quot;0&quot; , left: leftm}, 1000).show(); jQuery(&quot;#closepp&quot;).click(function() { jQuery(&quot;#popupslider&quot;).animate({opacity: &quot;0&quot;, left: &quot;-300&quot;}, 1000).show(); }); }); </script>

الان قم بحفظ قالب template مدونتك.

مره اخرى اذهب الي عناصر تصميم الصفحه

* من المفترض انك هنا ---->>>> تصميم.

* اذهب اولا الي القائمه الجانبيه في عناصر تصميم الصفحه.

* اختر اداه جديده من هذا النوعHTML/javascript.

ضع فيها الكود code الذي بالاسفل ولا تقم بوضع اسم للاداه


رمز Code:
<b:if cond='data:blog.pagetype == 'item'> <div id=&quot;popupslider&quot; style=&quot;position: absolute;width:600px;height:175px;background:#tran sparent;top:50px;border:1px solid #transparent;z-index:999;display:none;padding:1px;left:-300px;&quot;> <p style=&quot;font-size:12px;font-weight:bold;color:green!important;&quot;><a style=&quot;color:#00FF00!important;&quot;></a> <a href=&quot;#&quot; id=&quot;closepp&quot; style=&quot;color:red!important;&quot; onclick=&quot;return false;&quot;> <img src=&quot;http://www.nynjpaweather.com/wordpress/wp-content/plugins/follow-me/images/close.png&quot; align=&quot;right&quot; /> </a></p> <iframe id=&quot;tabiframe&quot; src=&quot;http://al3ajaib.blogspot.com&quot; width=&quot;98%&quot; height=&quot;600px&quot;></iframe> </div id=&quot;popupslider&quot;></b:if>


يمكنك التحكم في حجم النافدة بتعديلك للأرقام الملون بلون الأحمر مع تغيير رابط المدونة blog بالموقع أو المدونة blog المراد عمل معاها هده الفتحة





وشكرا







https://fbcdn-sphotos-d-a.akamaihd.net/hphotos-ak-ash4/482113_236967293114455_1193518507_n.png (http://www.dzbatna.com)
©المشاركات المنشورة تعبر عن وجهة نظر صاحبها فقط، ولا تُعبّر بأي شكل من الأشكال عن وجهة نظر إدارة المنتدى (http://www.dzbatna.com)©

استعمل مربع البحث في الاسفل لمزيد من المواضيع


سريع للبحث عن مواضيع في المنتدى