قوالب الموديلات

قوالب الموديلات

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

تنقسم القوالب الى قسمين

قوالب المواد

قوالب الاقسام

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

نبدأ بقوالب الاقسام

وهي قالبين فقط

cat * واحد اجباري وهو عرض الاقسام * واحد اختياري upcat وهو راس الجدول لاقسام

قبل الشرح سوف اعرض لك اشكال متعددة لاقسام

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

ويحتوي على الكود

html

<tr>

<td>

</tr>

<tr>

<td>

<p align="center"><a class=linktable href='{urlcat}'>{namecat}</a></td>

</tr>

<tr>

<td>

<p align="center"><font align='center' class='fonttable'>{lag_plays_name} : <font align='center' class='fonttable2'>{numplay}</font></td>

</tr>

<tr>

<td>

<p align="center">الاقسام<font align='center' class='fonttable'> : <font align='center' class='fonttable2'>{numcat}</font></td>

</tr>

<tr>

<td>

<p align="center">الزوار<font align='center' class='fonttable'> : <font align='center' class='fonttable2'>{counter}</font></td>

</tr>

<tr>

<td>

<p align="center">التعليق على القسم<font align='center' class='fonttable'> : <font align='center' class='fonttable2'>

{comment}</font></td>

</tr>

</table>

اللون الاحمر متغيرات ثابتة

{urlcat}=رابط القسم

{ imagecat }=رابط صورة القسم

{ namecat }=اسم القسم

{ lag_plays_name }=اسم مسمى المادة

{ numplay }=عدد المواد داخل القسم

{ numcat }=عدد الاقسام الفرعية ادخل القسم

{ counter }=عدد الزوار

{ comment }= التعليق على القسم

يمكن الاستغاء عن بعض االمتغيرات مو اجبارية مثل عدد المواد او التعليق على المواد او عدد الزوار وغيرها

او يمكن وضع فقط صورة للقسم من غير اسم القسم وافكار تقدر تسوي على كيفك

يمكن تعديل الجدول بالطريقة اتي تريدها بالفرونت بيج ثم ارجاع الكود الى مكانه

مثال

يمكن تغير طريقة عرض الصورة وجعلها جانية

وعلى الطبيعة

وطرق العرض كثيرة اذا وصلت الفكرة تعددت الطرق

اما بالسبة للاختياري up cat وهو ثابث فوق الاقسام

انتهينا من طريقة عرض الاقسام وطرق الافكار فيها

قوالب المواد

ناتي الى اهم شي واهو المواد قوالب المواد كثيرة منها اجبارية او اختيارية

القوالب الاجبارية

· قالب admin وهو قالب اضافة المادة في لوحة التحكم او في عن طريق ساهم بنا

· قالب play وهو قالب عرض الماة او التلاوة كاملة داخل صفحة plat.php?catsmktba=???

· قالب block وهو قالب عرض المواد داخل البلوكات الجانبية (اليمين واليسار) ويكون تحت بعض

· قالب upplay وهو راس الجدول داخل عرض المواد في صفحة catplay.php عند عرض المواد

· قالب catplay وهو قالب عرض المواد داخل القسم

القوالب الاختيارية

· قالب addplay هو قالب اضافة من ساهم بنا واذا كانت فاضية نستخدم قالب admin

· قالب upplayindex وهو راس الجداول لعرض المواد بالرئيسية اذا كان في بلوك متقدم اما اذا كان لايوجد يستخدم قالب catplay

· قالب catplayindex وهو عرض المواد داخل الصفحة الرئيسية اذا كان يوجد بلوك متقدم موديل

· قالب RSS هو خاصية يمكن اضافة انواع مثل الصفة للمادة نرجع لها

· قالب newplayوهي طريقة عرض المواد داخل عرض المادة داخل صفحة play.php

نبدأ بقالب admin

وهو ذ تقريبا اهم قالب في الموديلات ويعتبر اضافة المادة داخل الاقسام او الموديلات المتفرقة يعني حقول ادخال البيانات الى القاعده

ومن ثم الاستعلام عنها

مثلا اسم التلاوة , وصلة التلاوة , التعليق على التلاوة وغيرها من الحقول

انا راح ابدأ بكل الحقول التي تقدر من خلالها االاضافة فمثلا

في الطبيعة

في الفرونت بيج

الكود هتمل

html

<input type='text' name='name{co}' value='{edit_name}' size='37' <p align='left'><font class='fonttable2'>  اسم  {play}   {cod}  

في متغيرات ثابتة وغير ثابته

الثابته

{co} يعني عدد الحقول الاضافة ماعليك منه عشان التكرار وكذلك {cod} للتكرار

{play} يعني مسمى المادة الواحدة ثابت مثل التلاوة

المتغيرات غير ثابته

حق حقل الاضافة

name='name{co}' يعني اسم الحقل في القاعدة ونستخلصه منه فقط name

value='{edit_name}' وعند التعديل بس name

لاحظ اللون الازرق ثابت يعني مثل تبي تضيف حقل جديد مثلا وصلة التلاوة

html

<input type='text' name='url{co}' value='{edit_url}' size='37' <p align='left'><font class='fonttable2'>  وصلة  {play}   {cod}  

تضيف بدال name حقل جديد url اللي هو حق اضافة وصلة التلاوة

وتقدر تستخدم اشياء كثيرة مثل نبي تضيف التعليق على التلاوة

والنو ع هذا textarea

html

<textarea name='comm{co}' rows=6 cols=37 wrap='off'>{edit_comm}</textarea> التعليق على {play} {cod}  

الكود كامل مع اضافة جداول للترتيب

html

<td width='58%' align="right"><textarea name='comm{co}' rows=6 cols=37 wrap='off'>{edit_comm}</textarea></td> <td width='41%' valign="top"> <p align='left'><font class='fonttable2'><div align='left'>تعليق على  {play}   {cod}</div></td> </tr></table>

والناتج بالفرونت بيج

واما على الطبيعية

ويمكن استخدام كثير من الحقول وتقدر تضيف مثل وصلة mp3 او حجم الملف وتضيف اشياء كثير

والمتغيرات اللتي يمكن استخدامها

المتغير	نوعه	طريقة الادخال للتخزين والاستعلام
name	type='text'	{name}
url	type='text'	{url}
image	type='text'	{image}
comm	type='text'& textarea	{comm}
comment	type='text'& textarea	{comment}
comm2	type='text'& textarea	{comm2}
comm3	type='text'& textarea	{comm3}
comm4[0]	type='text'& textarea	{comm4[0]}
comm4[1]	type='text'& textarea	{comm4[1]}
comm4[2]	type='text'& textarea	{comm4[2]}
comm4[3]	type='text'& textarea	{comm4[3]}
comm4[4]	type='text'& textarea	{comm4[4]}
ويمكن 15 حقل comm4[15]	type='text'& textarea	ويمكن 15 حقل {comm4[15]}

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

html

<tr>

<td width='58%' align="right"> <input type='text' name='url{co}' value='{edit_url}' size='37' ></td> <td width='41%'> <p align='left'><font class='fonttable2'>  <span lang="ar-kw">حقل

2</span>  {play}   {cod}</span>   </span></td>

</tr>

<tr>

</tr>

<tr>

4  {play}   {cod}</span>   </span></div></td>

</tr>

<tr>

5  {play}   {cod}</span>   </span></div></td>

</tr>

<tr>

<font class='fonttable2'><div align='left'><span lang="ar-kw">حقل 6

</span>  {play}   {cod}</span>   </span></div></td>

</tr>

{play}   {cod}</span>   </span></div></td> </tr>

<tr>

</tr>

<tr>

</tr>

<tr>

</tr>

<tr>

</tr>

</table>

الحين انتهينا من الاضافة والتعديل

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

يعني طريقه عرضها وطريقة تصميم الجداول واالالوان وغيرها

البلوكات

المتغيرات اللي تنضاف عن طريق قالب block

المتغير	طريقةالاستدعاء
name	{name}
url	{url}
image	{image}
comm	{comm}
comment	{comment}
comm2	{comm2}
comm3	{comm3}
comm4[0]	{comm4[0]}
comm4[1]	{comm4[1]}
comm4[2]	{comm4[2]}
comm4[3]	{comm4[3]}
comm4[4]	{comm4[4]}
ويمكن 15 حقل comm4[15]	ويمكن 15 حقل {comm4[15]}

متغيرات لايمكن التحكم بها وهي ثابتة

المتغير	طريقةالاستدعاء	الشرح
data	{ data}	تاريخ اضافة المادة
namecat	{ namecat }	اسم القسم
counter	{ counter }	عدد الزيارات او الزوار للمادة
byadd	{ byadd }	اضيفة بواسطة صاحب الاضافة
urlplay	{ urlplay }	رابط المادة مثل play.php?catsmktba=???

الحين الى الاستدعاء

نفرض نحط الكود بدون أي اضافات

html

اسم التلاوة :{nameplay} <br>

نحطها في البلوك كمثال بسيط

بدون أي رابط او غيره خطوة خطةوة نمشي عشان نتسوي أي موديل مستقبلا

والطبيعة

لاحظ اسم nameplay متغير اسم التلاوة

نبي نضيف الرابط للمادة

html

اسم التلاوة : <a href='{urlplay}'> {nameplay}</a><br>

{urlplay} رابط المادة تلقائي ثابت

والحين اعطيك امثلة وانتم تشوفون الفرق مع التجربة

html

<table border="0" dir={dir} width="90%" id="table1" cellspacing="0" cellpadding="0"> <tr> <td width="100%"> <p align="{align}" dir="{dir}"> <a class=blocklink href='{urlplay}'> {nameplay}</a></span></td> <td dir="{dir}" align="center" valign="top"> <p align="center"><B> <a class='linktable' href ="#" onclick="window.open('play.php?catsmktba={id}&action=a3lan','window','width=550,height=400');" > <IMG alt="Real Palyer استماع" src="images/Listenrm.gif" align=absMiddle border=0 width="17" height="16" style= "CURSOR: hand" </B></td> </tr> </table>

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

html

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

html

<table border="0" dir={dir} width="100%" id="table1" cellspacing="0" cellpadding="0"> <tr> <td valign="middle" align="{align}"> <p ><a class=blocklink href='{urlplay}'> {nameplay}</a></td> <td valign="top" width="5%" > <p align="{align}"><a href='{urlplay}' > <img border='0' src='images/cat/articles.gif'></a></td> </tr> </table>

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

html

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

html

<table border="0" width="100%" cellspacing="0" cellpadding="0"> <tr> <td width="100%" align="center"><img border="0" src="{image}" width=100 height=100></td> </tr> <tr> <td width="100%" align="center"><font class='fontblock2'>{nameplay}</td> </tr> <tr> <td width="100%" align="center"><a href="{url}" class='blocklink'>تحميل</a></td> </tr> </table>

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

نبدأ بعرض المواد في قالبين upplay & catplay

وهذي امثله عليها

بعد طرح الامثلة ناتي الى الشرح المفصل

في القالب upplay وهو راس الجدول للعرض المواد

يمكن استخدام المتغيرات

المتغير	طريقةالاستدعاء	الشرح
lag_name_play	{ lag_name_play}	مسمى المادة
lag_name_plays	{ lag_name_plays}	مسمى المواد
sumplay	{ sumplay}	عدد المواد
comment	{ comment}	التعليق على القسم
countercat	{ countercat}	عدد زيارات القسم
datath	{ datath}	اخر تحديث لاخر مادة بالقسم
imagecat	{ imagecat}	صورة للقسم

مثل هذا القسم اللي هو الاناشيد

وناتي الى المتغيرات قالب catplay

المتغيرات اللي تنضاف عن طريق قالب catplay ويمكن استخدامها

المتغير	طريقةالاستدعاء
name	{name}
url	{url}
image	{image}
comm	{comm}
comment	{comment}
comm2	{comm2}
comm3	{comm3}
comm4[0]	{comm4[0]}
comm4[1]	{comm4[1]}
comm4[2]	{comm4[2]}
comm4[3]	{comm4[3]}
comm4[4]	{comm4[4]}
ويمكن 15 حقل comm4[15]	ويمكن 15 حقل {comm4[15]}

متغيرات لايمكن التحكم بها وهي ثابتة

المتغير	طريقةالاستدعاء	الشرح
data	{ data}	تاريخ اضافة المادة
namecat	{ namecat }	اسم القسم
counter	{ counter }	عدد الزيارات او الزوار للمادة
byadd	{ byadd }	اضيفة بواسطة صاحب الاضافة
urlplay	{ urlplay }	رابط المادة مثل play.php?catsmktba=???

راح اعطيكم مثال وهو المستخد في الخطب والدورس

طبعا هذا كامل القالبين

على الطبيعة

والكود حق upplay

html

<table border="1" cellpadding="0" cellspacing="2" style="border-collapse: collapse" bordercolor="#DDDDDD" width="95%" id="AutoNumber1" dir="rtl"> <tr> <TD dir=rtl align=middle width="75%" class='playup'> <font class='fonttitletable1'>{lag_name_play}</font></span></a></TD> <TD dir=rtl align=middle class='playup'> <font class='fonttitletable1'>استماع و تحميل</font></span></a></TD><tr>

والكود حق catplay

html

<td dir="rtl" align="center"> <a class=linktable href='{urlplay}'>{nameplay}</a></span></td><td><table border="0" cellspacing="1" style="border-collapse: collapse" bordercolor="#111111" width="100%" cellpadding="1" id="AutoNumber1" dir="ltr"><tr><td ><p align="center"><b><a href="{comment}"><img src="images/down-mp3.gif" align="absMiddle" border="0" ></a></b></td> <td > <p align="center"><b> <p align="center"><b><a href="{url}"> <img style="cursor: hand" src="images/download.gif" align="absMiddle" border="0" width="16" height="16"></b></td> <td > <td > <p align="center"><B> <a class='linktable' href ="#" onclick="window.open('play.php?catsmktba={id}&action=a3lan','window','width=550,height=400');" >

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