الويب العربي - صفحة اضافية تصلح لانفنيتى والكمبو ..ألغااز قابلة للتعديل والاضافة

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

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

صفحة اضافية تصلح لانفنيتى والكمبو ..ألغااز قابلة للتعديل والاضافة

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

دائما ما أرى أن للصفحات الاضافية بالمواقع والمنتديات نكهة خاصة تميّزها

صحيح انها تستغرق اوقاتا اكثر قليلا من تلك المأخوذة فى تعبئة الموقع بالطريقة التقليدية من لوحات التحكم

ولكنّها غالبا لمن يملك الوقت ستكون اوقاتا ممتعة للتعامل اكثر مع الموقع

ومع متغيّرات الاضافات والأكواد بطريقة تشعرك بكثير من الاحتراف

فوقع اختيارى على كود وجدته على الشبكة لصفحة الغاز جميلة

فكرتها وجود الغاز او احاجى فى جدول وبالضغط على الدائرة المجاورة تظهر الاجابة الصحيحة

سأدرج لكم الكود كاملا لمن يريد وضعه كما هو

وسأتبعه ان شاء الله بكيفية استبدال الألغاز الجاهزة الموجودة لاستغلاله من قبلكم بالطريقة التى تفيد وتناسب كل موقع

وأيضا ساقوم بشرح كيفية الاضافة أو الحذف منه

====================

كيفية انشاء صفحة اضافية فى انفنيتى

اتبع هذه الخطوات هنا

http://www.dciwww.com/infdoc/infinity/page.htm

مع ملاحظة الابقاء على كلا

كود:

كود:

محيطة بالكود كاملا للاحتفاظ بتنسيق الاستايل

شكل الصفحة المضافة

-------------------------------------

لاضافة صفحة اضافية بالكمبو يرجى اتباع الخطوات هنا

http://www.arabwebtalk.com/showthread.php?t=68822

مع ملاحظة الحفاظ على بداية الكود

كود:

$stylevar[htmldoctype]

<html dir="$stylevar[textdirection]" lang="$stylevar[languagecode]">

<head>

$headinclude

<title>$vboptions[bbtitle]</title>

</head>

<body>



$header

$navbar

ونهاية الصفحة الافتراضية

كود:

$footer

</body>

</html>

وذلك ايضا للحفاظ على تنسيق الاستايل

الشكل النهائى للصفحة

========================

الآن عليك نسخ الكود المرفق بداية ما بين الأكواد السابقة لمشاهدة النتيجة والاستمتاع بالصفحة الجديدة

وبامكانك متابعة الشرح فى المداخلة القادمة للتعامل مع الكود والتعديل عليه

لتفصيل الكود المرفق لمن يرغب فى التعديل عليه

بفتح الكود بواسطة اى برنامج مثل الفرونت بيج مثلا أو برنامج بسيط مثل المفكرة وملاحظة الآتى

----------------------------------------

احتفظ ببداية الكود وهو عبارة عن حدود الجدول وعناوينه الثابتة

كود:

<html>







<body bgcolor="#E7EEFB">



<div align="center">

  <center>

  <table id="AutoNumber1" style="border-collapse: collapse" borderColor="#111111" cellSpacing="0" cellPadding="0" width="100%" border="0">

    <tr>

      <td dir="ltr" width="100%">

      <div align="center">

        <center>

        <table style="border-collapse: collapse" height="211" cellSpacing="1" cellPadding="2" width="650" bgColor="#000080" border="0">

          <tr>

            <td align="middle" width="45" bgColor="#ffffff" height="1"><strong>

            <font style="font-size: 8pt" face="Tahoma" color="#000080">الإجابات</font></strong></td>

            <td align="middle" width="560" bgColor="#ffffff" height="1">

            <p align="center">

            <font style="font-weight: 700; font-size: 8pt" face="Tahoma" color="#000080">

            &nbsp;الغــــــــــــاز</font></td>

            <td align="middle" width="29" bgColor="#ffffff" height="1">

            <p align="center"><b><strong>

            <font style="font-size: 8pt" face="Tahoma" color="#000080">الرقم</font></strong></b></td>

          </tr>

وايضا لاحظ نهاية الكود لابد من الاحتفاظ بها

كود:

        </table>

        </center>

      </div>

      </td>

    </tr>

  </table>

  </center>

</div>

</body>



</html>

ما بين البداية والنهاية ستجد وحدة متكررة بعدد الأسئلة وخانات الجدول الموجودة

مثال لهذه الوحدة فى السؤال الأول

كود:

<tr>

            <td align="middle" width="45" bgColor="#ffffff" height="1"><strong>

            <font style="font-size: 8pt" face="Tahoma" color="#000080">

            <input onclick="alert(value)" type="radio" value="آية المداينة ـ سورة البقرة ـ" name="radio"></font></strong></td>

            <td align="middle" width="560" bgColor="#ffffff" height="1">

            <p align="center">

            <font style="font-weight: 700; font-size: 8pt" face="Tahoma" color="#000080">

            ماهي أطـول آية في القرآن ؟</font></td>

            <td align="middle" width="29" bgColor="#ffffff" height="1"><b>

            <strong><font style="font-size: 8pt" face="Tahoma" color="#000080">1</font></strong></b></td>

          </tr>

هو كود سطر كامل لسؤال بالدائرة المجاورة للإجابة

يمكنك استبدال السؤال بأى سؤال لديك
وتضع اجابته بدلا من الاجابة الموجودة

وهذا شكل الكود بالفرونت بيج

كما ويمكنك تكرار مثل تلك الوحدة المشار اليها كاملة لزيادة عدد الجداول

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

===================

ان شاء الله يكون الكود واااضح

واتمنى ان يفيد الجميع فى مواقعهم

أطيب تحيـ dci.net.sa ــــاتنا للجميـع

ماشاء الله عليك

فكره رائع وممكن نستغلها في اشياء حلوه ومفيده

وجاري التجربه

إقتباس:

اقتباس من مشاركة ولد_البحرين (المشاركة 412986)

ماشاء الله عليك

فكره رائع وممكن نستغلها في اشياء حلوه ومفيده

وجاري التجربه

ولد البحرين

هلا وغلا بك يالغالى

ومرورك وتواجدك هو الأروع دائما

وان شاء الله نشوف تطبيقك واستفادتك منه قريبا

اطيب تحياتى لك

فكره جميلة
بس عندي فكرة ثانية تخدم في موقعي كيف نخليه على شكل استبيان السؤال و3 خيارات

إقتباس:

اقتباس من مشاركة أبو طارق (المشاركة 413080)

فكره جميلة
بس عندي فكرة ثانية تخدم في موقعي كيف نخليه على شكل استبيان السؤال و3 خيارات

صباحك ورد اخى الكريم

على حسب امكانيات الكود يمكنك كتابة السؤال وبجانبه ال3 خيارات فى أقواس

وبالضغط على الدائرة تظهر النتيجة الصحيحة

فهو كود بسيط امكانياته محدودة

بالنسبة للاستفتاء العادى فموجود جاهز بواجهة انفنيتى

اطيب تحياتى لك