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

محمّد نور · #1 12-12-2007, 05:30 PM

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

كود:

<!-- INCLUDE BLOCK : header -->

كود:

<!-- INCLUDE BLOCK : footer -->

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

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

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

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

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>

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

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

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

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

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

محمّد نور · #2 12-12-2007, 05:43 PM

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

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

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

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

كود:

<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 ــــاتنا للجميـع

مشاعركم · #3 13-12-2007, 09:45 AM

يعطــــيك ربي العافيه

المعروف · #4 13-12-2007, 02:00 PM

مبدع يا استاذ محمد ،،

كل الشكر والتقدير لك ،،

على هذا الجهد الرائع ،،

تسلم يدك ما قصرت يالغلا ،،

تحياتي لك
المعروف

الموج الهادئ · #5 13-12-2007, 03:30 PM

تسلم والله يعطيك العافية

الصفحة اكثر من رائعة

محمّد نور · #6 13-12-2007, 03:55 PM

مشاعركم

المعروف

الموج الهادئ

يسلمووووووو

واحمد الله انها نالت اعجابكم

وان شاء الله تفيد الجميع

تحيــــــــــاتى لكم