الويب العربي - الآن || سكربت الشاشة المنبثقة بكل سهولة على إنفنتي

الويب العربي (http://www.arabwebtalk.com/index.php)

- مجتمع ديموفنف (http://www.arabwebtalk.com/forumdisplay.php?f=73)

الآن || سكربت الشاشة المنبثقة بكل سهولة على إنفنتي

بسم الله الرحمن الرحيم

بناءاً على طلب الأعضاء الكرام و بعد التعديلات على أكواد الجافا لتتناسب و مجلة إنفنتي , و مساعدة أستاذتنا المبدعة م.هبة رزق .

أقدم لكم اليوم إضافة جميلة لإنفنتي و هي عبارة عن شاشة منبثقة ذات خلفية داكنة و شفافة تظهر عند تحميل الصفحة , حيث تعطي حيوية و جمال للموقع.

و يمكن إستغلالها في الإعلانات أو التنويهات أو الصور أو أي شيء تحب .

وهذا مثال حي لهذه الإضافة على مجلة إنفنتي ..

المجلة الالكترونية لركن إنفنتي

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

* - حمل المرفقات ....

* - أرفع ملفي popUp.js و popbox.css الموجودين في مجلد files في المرفقات , الى مجلد scripts على موقعك (في رئيسية إنفنتي) ..

و افتح ملف code.txt الموجود في المرفقات و عدل عليه بإضافة المحتويات التي ترغب بها من إعلانات أو صور أو فلاش أو أكواد HTML أو ما تشاء , و ذلك في المكان المحدد فقط ...

* - افتح قالب HEADERMAIN و ألصق الكود الذي عدلنا عليه أعلاه بعد وسم <BODY> مباشرة

* - إذا أردت أن تفتح الشاشة أيضاً في الصفحات الداخلية و ليس في الرئيسية فقط , إعمل نفس الخطوة السابقة على قالب HEADER أيضاً ..

إحفظ التعديلات و مبروك عليكم الإضافة الجميلة ...

و أي خدمة أنا موجود بحول الله ...

دعواتكم الحلوة...

يا سلامـ عليكـ يالغالي .. الله يديكـ العافية

وجعلك ذخرا لأهلكـ

دايما ما تتحفنا بالمميز ..

كل الشكر والتقدير لشخصك الكريمـ

يامال العافية
الله يوفقك

الله يعطيك العافية

ومشكور على الشرح الوافي

بارك الله فيك أخى الكريم

سأقوم بالتجربة ومعاودتكم بالنتيجة لاحقا إن شاء الله

أطيب الامانى للجميع بالتوفيق والعلم النافع والعمل الصالح المقبول

أطيب تحية

الله يعطيك العافية دائماً مبدع ومتميز

دمت بود

يعطيك الف عافيه

طيب الذي يريد يستخدمه في المنتديات vb

كيف الطريقه

شكراً لكم جميعاً على التشجيع و بارك الله فيكم ....

أخي مايهاب , مرورك فخر و شرف كبير لي .... كل الاحترام و التقدير لك أخي العزيز..

إقتباس:

اقتباس من مشاركة الفنون (المشاركة 682105)

يعطيك الف عافيه

طيب الذي يريد يستخدمه في المنتديات vb

كيف الطريقه

أنا جربت القالب على السيرفر المحلي لمنتدى إصدار 3.7.3 و اشتغلت 100% ...(لا أعتقد أنه يوجد فرق جوهري بالنسبة للإصدارات الأحدث)

و الطريقة بسيطة جداً ...

ضع الملفين popUp.js و popbox.css في مجلد جديد و سميه screen مثلاً , .... ثم إرفع المجلد الجديد الذي أسميناه screen الى مجلد المنتدى الرئيسي(مجلد vb على الاغلب) ..

ثم عدل على ملف الكود code.txt بإضافة ما تشاء من محتويات كما شرحنا سابقاً .... , ثم إنتبه أن تعدل مسار الملفين أيضاً من scripts الى screen ...

كود:

<head>

<link rel="stylesheet" href="scripts/popbox.css" type="text/css"> 

<script type="text/javascript" src="scripts/popUp.js"></script>

</head>

<div id="xxTempContainer" style="display:none;">

   <div class="headerbar"><a href="#" onClick="javascript:interstitialBox.closeit(); return false"> X إغلاق </a></div>

     

      <!-- 222222222222222222222222222222222222222222222222222222222222222 -->

      <!-- 2222222222222222222222 بداية محتويات الشاشة  2222222222222222222 -->

      

       فلاش أو اعلانات أو صور و ما تشاء ضع محتويات الشاشة المنبثقة هنا , سواء أكانت أكواد HTML أو

       

      <!-- 2222222222222222222222 نهاية محتويات  الشاشة  222222222222222222222 -->

      <!-- 222222222222222222222222222222222222222222222222222222222222222 -->

      

   <br/>

</div>

لا حظ اسم المجلد بالاحمر .... يجب أن نعدله من scripts الى screen لان المجلد الذي وضعنا به الملفات و رفعناه الى المنتدى اسمه screen ...

ثم بعد ذلك الخطوة الأخيرة .... من لوحة تحكم المنتدى >> الستايلات و القوالب >> التحكم بالاستايلات ,
افتح قالب header للتعديل .....

ثم إلصق الكود الذي عدلنا عليه أعلاه في أول نافذة القالب ... قبل الوسم  على ما أعتقد
ثم إحفظ التعديلات ...

و إذا يوجد ملاحظات من خبراء المنتديات , يصححوني إن أخطأت في شيء

و مبروك عليك.....

كل الشكر لك استاذي karakas

وتستحق الترشيح للوسام عن جدارة

والقسم يشهد لك بذلك ..فلا حرم الويب منك ومن امثالكم من المبدعين

الـ م / اسماء زميلتنا الجديدة كانت تجهز له كأوّل موضوع لها معكم وسبقتها انت :)

داائما سباق لكل خير

>>> بقوللها تدوّر هدية تعيين جديدة هى :)

اكرر شكري لك
اطيب تحية

مبدع بارك الله فيك - لنا الحق ان نفتخر بك -

للأسف لم يظهر معي شيء مع اني طبقت ما قلت بالضبط

ورفعت الملفات للمكان المحدد و اضفت التعديل على الهيدر مان

كود PHP:


		
			


<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 1.0 Transitional//EN" "http://www.w3.org/TR/html1/DTD/html1-transitional.dtd">

<html>

<head>

<meta http-equiv="content-language" content="{language}">

<meta name="generator" content="infinity  v{version} copyright 2008 by http://www.dci.net.sa">

<meta name="resource-type" content="document">

<meta http-equiv="content-type" content="text/html; charset={encoding}">

<meta name="keywords" content="{inftitle},{keywords}">

<meta name="page-type" content="online newspaper">

<meta name="robots" content="index,follow">

<meta name="description" content="{metadescription}">

<meta name="revisit-after" content="1 days">

<meta name="rating" content="{rating}">

<link rel="shortcut icon" href="{script_url}/favicon.ico" type="image/x-icon">

<title> {title} - {inftitle} - powered by Infinity</title>

<!--<meta http-equiv="Page-Enter" content="revealTrans(Duration=0.4,Transition=23)">-->

<link rel="stylesheet" href="{img_dir}/style.css" type="text/css">

<script language="JavaScript1.2">

var script_url = "{script_url}";

function infaction(f,a,module,id){

var reg = new RegExp("save");

if (reg.test(a)){

window.location=(script_url+"/"+f+".php?action="+a+"&m="+module+"&id="+id);

}else{

window.open(script_url+"/"+f+".php?action="+a+"&m="+module+"&id="+id, "print", "toolbar=no, scrollbars=yes, resizable=yes, width=750, height=450, top=50, left=50");

}

}

</script>

<script type="text/javascript">

startList = function() {

// code for IE

if(!document.body.currentStyle) return;

var subs = document.getElementsByName('submenu');

for(var i=0; i<subs.length; i++) {

var li = subs[i].parentNode;

if(li && li.lastChild.style) {

li.onmouseover = function() {

this.lastChild.style.visibility = 'visible';

}

li.onmouseout = function() {

this.lastChild.style.visibility = 'hidden';

}}}}

window.onload=startList;

</script>

<script type="text/javascript" src="{script_url}/scripts/infinity_ax.js"></script>

</head>

<body>



<head>

<link rel="stylesheet" href="scripts/popbox.css" type="text/css">

<script type="text/javascript" src="scripts/popUp.js"></script>

</head>

<div id="xxTempContainer" style="display:none;">

   <div class="headerbar"><a href="#" onClick="javascript:interstitialBox.closeit(); return false"> X إغلاق </a></div>

     

      <!-- 222222222222222222222222222222222222222222222222222222222222222 -->

      <!-- 2222222222222222222222 بداية محتويات الشاشة  2222222222222222222 -->

      

       فلاش أو اعلانات أو صور و ما تشاء ضع محتويات الشاشة المنبثقة هنا , سواء أكانت أكواد HTML أو

       

      <!-- 2222222222222222222222 نهاية محتويات  الشاشة  222222222222222222222 -->

      <!-- 222222222222222222222222222222222222222222222222222222222222222 -->

      

   <br/>

</div>





<script language="JavaScript">function newWindow(mypage,myname,w,h,features) {  if(screen.width){  var winl = (screen.width-w)/2;  var wint = (screen.height-h)/2;  }else{winl = 0;wint =0;}  if (winl < 0) winl = 0;  if (wint < 0) wint = 0;  var settings = 'height=' + h + ',';  settings += 'width=' + w + ',';  settings += 'top=' + wint + ',';  settings += 'left=' + winl + ',';  settings += features;  win = window.open(mypage,myname,settings);  win.window.focus();}</script>

<div align="center">

<table class="tb" border="0" width="931" cellpadding="0" style="border-collapse: collapse">

<tr>

<td valign="top" rowspan="2">

<div class="search">

<p>{showdate}</p>

<form action="search.php?action=startsearch" method="POST" >

<script language="javascript">function clearf(object,text){ if (object.value == text) {  object.value = "";  object.focus(); }} function setf(object,text){ if(object.value == "") {  object.value = text;  this.focus(); }}</script>

<input name="keyword" size="17" value="... كلمة البحث هنا ..." onMouseover="clearf(this,'... كلمة البحث هنا ...')" onmouseout="setf(this,'... كلمة البحث هنا ...')">

<select size="1" name="searchin">

<!-- START BLOCK : searchmodule -->

<option value="{searchmodule}">في {searchname}</option>

 <!-- END BLOCK : searchmodule -->

</select>

<INPUT TYPE="submit" value="ابحث" name="submit">

</form>

</div>

</td>

<td valign="top" align="right">

<a href="{smaplink}"><img src="{img_dir}/sitemap.gif" alt="{sitemap}" border="0"></a>

<a href="javascript:document.all[0].style.behavior='url(#default#homepage)';document.all[0].setHomePage(location.href);"><img src="{img_dir}/homeh.gif" title="صفحة البداية" border="0"></a>

<SCRIPT language="JavaScript">

function Favorite(){

if(document.all){ window.external.AddFavorite(window.document.location,window.document.title);}

}

document.write('<a href="#" onclick="Favorite();"><img src="{img_dir}/favorit.gif" border=0 height=11 width=13 hspace=2 title="أضفنا لمفضلتك"></a>');

</SCRIPT>

<a href="mailbox.php?action=newmail"><img src="{img_dir}/e-mail.gif" title="راسلنـــــا" border="0"></a>

</td>

<td valign="top" align="right" rowspan="2" width="20">&nbsp;</td>

</tr>

<tr>

<td valign="top" align="right">

<a href="./"><img border="0" src="{img_dir}/logo.gif" alt="{infstitle}"></a>

</td>

</tr>

</table>

</div>

<table align="center" border="0" width="931" cellpadding="0" style="border-collapse: collapse">

<tr>

<td width="4" valign="top"><img border="0" src="{img_dir}/tlc.gif"></td>

<td align="center" valign="top">

<center>

<div class="pro_linedrop">

<ul class="select">

<li class="current"><a href="./"><b>الرئيسية</b></a></li>

<li><a href="../vb"><b>المنتديات</b></a></li>

<!-- START BLOCK : topnavmodel -->

<li><a href="{hlmodel}"><b>{model}</b></a></li>

<!-- END BLOCK : topnavmodel -->

</ul>

</div>

</center>

<div class="nav"></div>

</td>

<td width="4" valign="top"><img border="0" src="{img_dir}/trc.gif"></td>

</tr>

</table>

<table align="center" class="bodyin" border="0" width="931" cellpadding="0" style="border-collapse: collapse">

<tr>

<td width="4" valign="top" background="{img_dir}/frbgl.gif"></td>

<td valign="top">

<div id="top"></div>

<br>

<!-- START BLOCK : tickers -->

<table align="center" class="tborder" border="0" cellspacing="1" width="98%">

<!-- START BLOCK : ticker -->

<tr>

<td class="infticker2">{ticker}</td>

<td class="infticker1">جديد {tickertitle}</td>

</tr>

<!-- END BLOCK : ticker -->

</table>

<!-- END BLOCK : tickers -->

</td>

<td width="4" valign="top" background="{img_dir}/frbgr.gif"></td>

</tr>

<tr>

<td width="4" background="{img_dir}/frbgl.gif">&nbsp;</td>

<td>

<br>

<table align="center" border="0" cellpadding="0" class="tb" width="99%">

<tr>

<td width="1%" valign=top align="center">

الله يجزاك الخير ودائما مبدع ياغالي وتستاهل الف وسام بدال الواحد لابداعاتك

www.naltqi.com

شكرا لك اخي الكريم

لو تذكرلنا بارك الله فيك كيفية عرض الاخبار المثبتة كما هي موجودة في ركزن انفنيتي
بارك الله فيك

إقتباس:

اقتباس من مشاركة أبو عمر2 (المشاركة 682231)

للأسف لم يظهر معي شيء مع اني طبقت ما قلت بالضبط

ورفعت الملفات للمكان المحدد و اضفت التعديل على الهيدر مان

أبو عمر ..... جرب إحذف الكوكيز و شوف النتيجة

إقتباس:

اقتباس من مشاركة عماد سعدالدين (المشاركة 682239)

الله يجزاك الخير ودائما مبدع ياغالي وتستاهل الف وسام بدال الواحد لابداعاتك

www.naltqi.com

شكراً جزيلاً لك أخ عماد , وانشاء الله نكون عند حسن ظنكم ....

إقتباس:

اقتباس من مشاركة etqaan.com (المشاركة 682258)

شكرا لك اخي الكريم

لو تذكرلنا بارك الله فيك كيفية عرض الاخبار المثبتة كما هي موجودة في ركن انفنيتي
بارك الله فيك

هذا قالب الأخبار المثبتة المتحركة الشهير .... أنا فقط غيرت بطريقة العرض و إتجاهه , إضافة الى تعديلات على قالب الccontent ليبدو على هذا الشكل .

إقتباس:

اقتباس من مشاركة د.نجلاء نور الدين (المشاركة 682216)

شكراً لمرورك اكريم يا دكتورة و كل التحية و الاحترام ...

بالنسبة للمهندسة أسماء .....و الله لا أدري ماذا أقول ... :!: :mad:

كل التحية و التقدير للجميع ...

شكرا لك اخي الكريم على الرد
ان امكن ان تذكر لنا طريقة عمل ذلك - الاخبار المثبتة

وان لم يكن ذل ممكنا ان تذكر لي كيفية عمل صور الخبر الثابت كلها بحجم ثابت 90*65

وبارك الله فيك

شكرا لك لكن فقط اريد

ان امكن ان تذكر لي كيفية عمل صور الخبر كلها بحجم ثابت 90*65
وايضا صورة الخبر المثبت

وبارك الله فيك

وهذه الصورة توضح مقصدي

أخوي

هذا قالب hEADERMAIN

كود:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 1.0 Transitional//EN" "http://www.w3.org/TR/html1/DTD/html1-transitional.dtd">

<html>

<head>

<meta http-equiv="content-language" content="{language}">

<meta name="generator" content="infinity  v{version} copyright 2008 by http://www.dci.net.sa">

<meta name="resource-type" content="document">

<meta http-equiv="content-type" content="text/html; charset={encoding}">

<meta name="keywords" content="{inftitle},{keywords}">

<meta name="page-type" content="online newspaper">

<meta name="robots" content="index,follow">

<meta name="description" content="{metadescription}">

<meta name="revisit-after" content="1 days">

<meta name="rating" content="{rating}">

<link rel="shortcut icon" href="{script_url}/favicon.ico" type="image/x-icon">

<title> {title} - {inftitle} - powered by Infinity</title>

<!--<meta http-equiv="Page-Enter" content="revealTrans(Duration=0.4,Transition=23)">-->

<link rel="stylesheet" href="{img_dir}/style.css" type="text/css">

<script language="JavaScript1.2">

var script_url = "{script_url}";

function infaction(f,a,module,id){

var reg = new RegExp("save");

if (reg.test(a)){

window.location=(script_url+"/"+f+".php?action="+a+"&m="+module+"&id="+id);

}else{

window.open(script_url+"/"+f+".php?action="+a+"&m="+module+"&id="+id, "print", "toolbar=no, scrollbars=yes, resizable=yes, width=750, height=450, top=50, left=50");

}

}

</script>

<script type="text/javascript">

startList = function() {

// code for IE

if(!document.body.currentStyle) return;

var subs = document.getElementsByName('submenu');

for(var i=0; i<subs.length; i++) {

var li = subs[i].parentNode;

if(li && li.lastChild.style) {

li.onmouseover = function() {

this.lastChild.style.visibility = 'visible';

}

li.onmouseout = function() {

this.lastChild.style.visibility = 'hidden';

}}}}

window.onload=startList;

</script>

<script type="text/javascript" src="{script_url}/scripts/infinity_ax.js"></script>

</head>

<body>{infclosed}





<script language="JavaScript">function newWindow(mypage,myname,w,h,features) {  if(screen.width){  var winl = (screen.width-w)/2;  var wint = (screen.height-h)/2;  }else{winl = 0;wint =0;}  if (winl < 0) winl = 0;  if (wint < 0) wint = 0;  var settings = 'height=' + h + ',';  settings += 'width=' + w + ',';  settings += 'top=' + wint + ',';  settings += 'left=' + winl + ',';  settings += features;  win = window.open(mypage,myname,settings);  win.window.focus();}</script>

<table align="center" class="bodyin" border="0" width="931" cellpadding="0" style="border-collapse: collapse">

<tr>

<td>

<div id="top" align="left">

&nbsp;</div>

<center>

<div class="pro_linedrop">

<ul class="select">

<li class="current"><a href="./"><b>الرئيسية</b></a></li>

<li><a href="../vb"><b>المنتديات</b></a></li>

<!-- START BLOCK : topnavmodel -->

<li><a href="{hlmodel}"><b>{model}</b></a></li>

<!-- END BLOCK : topnavmodel -->

</ul>

</div>

</center>

<div class="nav"></div>

<!-- START BLOCK : tickers -->

<table align="center" class="tborder" border="0" cellspacing="1" width="98%">

<!-- START BLOCK : ticker -->

<tr>

<td class="infticker2">{ticker}</td>

<td class="infticker1">جديد {tickertitle}</td>

</tr>

<!-- END BLOCK : ticker -->

</table>

<!-- END BLOCK : tickers -->

<br>

<table align="center" border="0" cellpadding="0" class="tb" width="99%">

<tr>

<td width="1%" valign=top align="center">

إاذا ما عليك أمر تعدل لي إياه لكي تعمل معاي الإطارات المنبثقه بهذا الكود

كود:



<head>

<link rel="stylesheet" href="scripts/popbox.css" type="text/css">

</head>



<BODY style="text-align: center"> 













<div id="xxTempContainer" style="display:none;">

   <div class="headerbar">

        <p align="center"><a href="#" onClick="javascript:interstitialBox.closeit(); return false"> X إغلاق </a>

        </p>

        <p align="center"><font color="#0099CC" face="Tahoma">

        <span style="background-color: #000000" lang="ar-sa">حياكم الله وبياكم في 

        موقع قرية المفارجة الرسمي </span></font></p>

        <p align="center"><font color="#0099CC" face="Tahoma">

        <span style="background-color: #000000" lang="ar-sa">الذي دُشن في عام 1429 

        هـ بيد عريفة قرية المفارجة </span></font></p>

        <p align="center"><font color="#0099CC" face="Tahoma">

        <span style="background-color: #000000" lang="ar-sa">الشيخ محمد بن علي أطال 

        الله بعمره</span></font></p>

        <p align="center"><font color="#0099CC" face="Tahoma">

        <span style="background-color: #000000" lang="ar-sa">دُشن الموقع عفي فضاء 

        الإنترنت في عام 1428 هـ</span></font></div>

     

</div>



<p align="center"><font color="#0099CC" face="Tahoma"><span lang="ar-sa">

<span style="background-color: #000000">و مازال ينبض بالحب و الإخاء حتى هذه 

اللحظه</span></span></font></p>

<p align="center"><font color="#0099CC" face="Tahoma">

<span style="background-color: #000000" lang="ar-sa">في ظل تواجد أبناء القريه 

الكرام</span></font></p>

<p align="center"><font color="#0099CC" face="Tahoma">

<span style="background-color: #000000" lang="ar-sa">للتواصل أو الإستفسار أو 

الشكاوي يرجى زيارة الرابط</span></font></p>

<p align="center"><span lang="ar-sa">

<a href="http://www.almufarjah.net/mj/mailbox.php?action=newmail">

<font color="#0099CC" face="Tahoma"><span style="background-color: #000000">

http://www.almufarjah.net/mj/mailbox.php?action=newmail</span></font></a></span></p>

<p align="center"><font color="#0099CC" face="Tahoma">

<span style="background-color: #000000" lang="ar-sa">تقبلوا تحيات فريق العمل 

لموقع قرية المفارجة الرسمي</span></font></p>

<p align="center"><font color="#0099CC" face="Tahoma">

<span style="background-color: #000000" lang="ar-sa">2007- 2009</span></font></p>

تحياتي لك

اشتغل الكود لكن كبير يغطي كامل الصفحة

كيف أغير المساحة يكون مربع صغير مثلاً 400*400 ؟

وفقكم الله تعالى

اشتغل مرة ثم لم يظهر مرة اخرى

كذلك لم يظهر ما كتبت

وفقكم الله تعالى

فعلنا كانت المشكلة في الكويكز حذفتها ومشت الطريقة معي
لكن في متصفح قوقل كروم اما إكسبلور 6 لم تنفع

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

كود PHP:


		
			
var interstitialBox={

//1) list of files on server to randomly pick from and display

displayfiles: ['/popup/bizbitspop09.html', '/popup/bizbitspop09.html'],



//2) display freqency: ["frequency_type", "frequency_value"]

displayfrequency: ["cookie", "10"],



//3) HTML for the header bar portion of the interstitial box

defineheader: '<div><a href="#" onClick="javascript:interstitialBox.closeit(); return false">إغلاق X&nbsp;&nbsp;</a></div>',



//4) cookie setting: ["cookie_name", "cookie_path"]

cookiesetting: ["displaycookie", "path=/"],



//5) bust caching of pages fetched via Ajax?

ajaxbustcache: true,



//6) Disable browser scrollbars while interstitial is shown (Only applicable in IE7/Firefox/Opera8+. IE6 will just auto scroll page to top)?

disablescrollbars: false,



//7) Auto hide Interstitial Box after x seconds (0 for no)?

autohidetimer: 0,