مطور Mtwer

ksalayer.com · #1 12-10-2009, 03:25 PM

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

الدرس الثالث سوف يكون عن طريقة تركيب التصميم على القوالب المهمه في السكربت اي القوالب التي تظهر للعميل والزائر + طريقة تغيير المحتوى للصفحه الرئيسية لاني نسيت ان اشرحه في الدرس الثاني ..

على بركة الله تعالى نبدء باسم الله .

في الدرس الاول والثاني من توزيع الهيدر والفوتر ,, تبقى لنا متغيران لم يتم اضافتهما , وهما متغيران

* متغير التسجيل .
* متغير البحث عن الدومينات .

طبعا لم اقم بشرح طريقة اضافتهم لاني راح اغير مكانهم وراح اعمل على اضافة تغيير بسيط على الصفحه الرئيسية أضف الى ذالك توزيع القوالب .
............................................................ ..........
لن اشرح طريقة توزيع الصور على الجداول لأنها طريقة بسيطه جدا , ولاكن سوف اشرح طريقة القوالب .

* إدارة أشكال الموقع
* مشاهدة قائمة القوالب

o اختر تصنيفًا :قوالب الصفحة الرئيسية

اقتباس:

interface

من أهم القوالب الي راح نتعامل معه بشكل كامل . يعني تقدر تغير شكل الموقع 360 درجه بالطريقة والمزاج الي يناسبك ويناسب طريقة توزيع الشركه الخاصه فيك , , تقدر تخليه على شكل قوالب , تقدر تخليه على شكل صوره كامل وتقطعها .

كود PHP:

<html dir="rtl"> <table width="100%" cellpadding="0" cellspacing="0" class="maintable" height="400"> <tr> <td width="630" valign="top"> <br> <table width="97%"><tr><td> $templatevar[interface_offers] <table width="100%" cellpadding="0" cellspacing="0"> <tr> <td valign="top" width="49%" class="$displayvar[interface_whythissite]">$templatevar[interface_whythissite]</td> <td width="2%" class="$displayvar[interface_whythissite]$displayvar[interface_news]"></td> <td valign="top" width="49%" class="$displayvar[interface_news]">$templatevar[interface_news]</td> </tr> </table> $templatevar[interface_products] $templatevar[interface_works] <table width="100%" cellpadding="0" cellspacing="0"> <tr> <td width="49%" height="100%" valign="top" class="$displayvar[interface_lessons]">$templatevar[interface_lessons]</td> <td width="2%" class="$displayvar[interface_requiredprograms]$displayvar[interface_lessons]"></td> <td width="49%" valign="top" height="100%" class="$displayvar[interface_requiredprograms]">$templatevar[interface_requiredprograms]</td> </tr> </table> </td></tr></table> </td> <td width="140" valign="top"> <br> $templatevar[interface_servicesplans] $templatevar[interface_specialcustomers] $templatevar[interface_projects] $templatevar[interface_recommends] $templatevar[interface_customers] $templatevar[interface_statistics] </td> </tr> </table>

وهذي شرح للمتغيرات كامله .

طيب طريقة العرض الي انا راح اشرحها راح تكون 3 أعمده

المثال يوضح موقع المجموعه الخاصه بنا هنا .
او الصوره توضح ذالك

الان عرفنا المتغير الرئيسي الي يغير لنا الصفحه الرئيسية على الشكل الي نباه .

الان باقي نعرف طريقة توزيع القوالب وبعدين راح ندخل مباشرة في توزيع الشكل الرئيسي .

______________

الان طريقة توزيع الجدول الى ثلاث أعمده ::::

هذا الصوره توضح ,. والكود الي يحتاجه ينسخه

الكود

كود PHP:

<html dir="rtl"> <table width="100%" cellpadding="0" cellspacing="0" class="maintable" height="400"> <tr> <td width="18%" valign="top"> <br> </td> <td width="62%" valign="top"> <div align="center"> <table width="97%" id="table1"><tr><td> $templatevar[interface_offers] <table width="100%" cellpadding="0" cellspacing="0" id="table2"> <tr> <td valign="top" width="49%" class="$displayvar[interface_whythissite]">$templatevar[interface_whythissite]</td> <td width="2%" class="$displayvar[interface_whythissite]$displayvar[interface_news]"></td> <td valign="top" width="49%" class="$displayvar[interface_news]">$templatevar[interface_news]</td> </tr> </table> $templatevar[interface_products] $templatevar[interface_works] <table width="100%" cellpadding="0" cellspacing="0" id="table3"> <tr> <td width="49%" height="100%" valign="top" class="$displayvar[interface_lessons]">$templatevar[interface_lessons]</td> <td width="2%" class="$displayvar[interface_requiredprograms]$displayvar[interface_lessons]"></td> <td width="49%" valign="top" height="100%" class="$displayvar[interface_requiredprograms]">$templatevar[interface_requiredprograms]</td> </tr> </table> </td></tr></table> </div> </td> <td width="100%" valign="top"> <br> $templatevar[interface_servicesplans] $templatevar[interface_specialcustomers] $templatevar[interface_projects] $templatevar[interface_recommends] $templatevar[interface_customers] $templatevar[interface_statistics] </td> </tr> </table>

لاحظ الجدول في جهة اليمين سوف نقوم بوضع المتغيران الباقيين متغير التسجيل + متغير البحث عن الدومينات .

في البداية نجهز القوالب المراد اضافتها ومن ثم ندهب الى اضافة قالب .

o اختر شكلاً : mtwer

إدارة أشكال الموقع
إضافة قالب جديد
- اختر شكلاً mtwer)
  اسم القالب ضع الأسم الي انت تشوفه مناسب ) ( mtwer.domin)
  محتوى القالب ( هذا البلوك الجاهز الي انت عملته للتصميم كمثال
  - أحفظ القالب
  - أسم القالب الان هو طريقة أضافته في الجدول تحتmtwer.domin
  - سوف يكون هكذا $templatevar[mtwer.domin] ضع هذا المتغير في أي مكان وسوف يظهر لك محتوى القالب مباشرة
  - صوره

الأكواد الخاصه بالتسجيل + الكود الخاص بالبحث عن الدومينا + جدول مجهز . كل ماعليك نسخه في الفرونت بيج والتعديل عليه بما يناسبك واضفاته كقالب في الصفحه الرئيسية

قالب التسجيل :

كود PHP:

 <table border="0" cellpadding="0" cellspacing="0" width="100%" id="table80"> <tr> <td width="1%">  </td> <td width="2%"> <div align="right"> </div></td> <td width="94%"> <table border="0" cellpadding="0" cellspacing="0" width="100%" id="table81"> <tr> <td> <table border="0" cellpadding="0" cellspacing="0" width="100%" id="table82"> <tr> <td> <p align="center"> <font face="Tahoma"><span style="font-size: 9pt" lang="ar-sa">منطقة العميل</span></font></td> </tr> <tr> <td> </td> </tr> </table> </td> </tr> </table> </td> <td width="3%"> <div align="left"> </div></td> <td width="5%">  </td> </tr> <tr> <td width="1%" background=""> </td> <td colspan="3"> <table border="0" cellpadding="0" cellspacing="0" width="100%" id="table83"> <tr> <td style="border: 1px dashed #C0C0C0"> $customerareabox </td> </tr> </table> </td> <td width="5%">  </td> </tr> <tr> <td width="1%">  </td> <td width="2%"> <div align="right"> </div></td> <td width="94%">  </td> <td width="3%"> <div align="left"> </div></td> <td width="5%">  </td> </tr> </table> 

قالب البحث عن دومينات

كود PHP:

 <table border="0" cellpadding="0" cellspacing="0" width="100%" id="table102"> <tr> <td width="1%">  </td> <td width="2%"> <div align="right"> </div></td> <td width="94%"> <table border="0" cellpadding="0" cellspacing="0" width="100%" id="table103"> <tr> <td> <table border="0" cellpadding="0" cellspacing="0" width="100%" id="table104"> <tr> <td> <p align="center"><span lang="ar-sa"> <font face="Tahoma" style="font-size: 9pt"> $lang[searchurdomain] </font></span></td> </tr> <tr> <td> </td> </tr> </table> </td> </tr> </table> </td> <td width="2%"> <div align="left"> </div></td> <td width="1%">  </td> </tr> <tr> <td width="1%"> </td> <td colspan="3"> <table border="0" cellpadding="0" cellspacing="0" width="100%" id="table105"> <tr> <td style="border: 1px dashed #C0C0C0"> <script> function CheckDomainsForm() { if(document.getElementById('domain').value=="") { document.getElementById('domain').focus(); return false; } var hextchecked = 0; for(i=1;i<=$extnums;i++) { if(document.getElementById('domainext'+i)) { if(document.getElementById('domainext'+i).checked==true) { hextchecked = 1; } } } if(hextchecked==0) { document.getElementById('domainext1').checked=true; } } </script> <table width="100%" cellpadding="0" cellspacing="0" dir="rtl" id="table106"> <tr> <td width="4"> <table width="109%" cellpadding="0" cellspacing="0" id="table107"> <form method="post" action="?a=domainsearch&s=search" onSubmit="return CheckDomainsForm();"> <tr> <td dir="ltr" class="global" align="center"> <table width="109%" cellpadding="0" cellspacing="0" id="table108"> <tr> <td width="100%" class="global"> <center> <table width="90%" cellpadding="0" cellspacing="0" id="table109"> <tr> <td align="$align2"> <p align="center"><input type="image" src="$imagevarvalue[search]" name="I1"></td> <td align="$align2"><div id="domainname" $var[fadestyle]> <p align="center"> <input onFocus="FadeIn('domainname',0);" onBlur="FadeOut('domainname',0);" id="domain" type="text" name="domainname" dir="ltr" style="width:59;height:19" value="$_POST[domainname]"></td> <td align="$align" dir="ltr"> <p align="center"><font class="special_font">www.</font></td> </center> </td> </tr> </table> </center> </td> </tr> </table> <table id="table110"> </table> </td> </tr> </form> </table></td> </tr> </table> </td> </tr> </table> </td> <td width="1%">  </td> </tr> <tr> <td width="1%">  </td> <td width="2%"> <div align="right"> </div></td> <td width="94%">  </td> <td width="2%"> <div align="left"> </div></td> <td width="1%">  </td> </tr> </table> 

لاتنسى أزالة

اقتباس:



وتغييرها حسب ماتريد

_______________________________............................. ........._________________

طريقة تأطير القوالب

من قوالب الصفحه الرئيسة الي راح نتعامل معه .

كود PHP:

interfaceslist

هذا القالب مختص كغيره من القوالب لوظيقه معينه :: عرض قائمة التصميمات في الصفحه الرئيسة ( ( البلوك الخاص بعرض التصميمات ) )

الصوره مقتبسة من موقع توب لاين الخط العالي ( لاني موقف هذه الخاصية )

............................................................ ...............................................

القوالب هي :
قوالب الصفحة الرئيسية

كامله او مايتسثنى منها :
interfaceslist
interface_customers
interface_lessons
interface_news
interface_offers
interface_products

القالب الي راح نشرح عليه هذا القالب : جديد الأخبار في القائمه الرئيسية

الكود ألاصلي :

كود PHP:

  <table width="100%" cellpadding="0" cellspacing="0" class="global">
<tr>
<td class="block_title" height="30">
<table width="95%" cellpadding="4" cellspacing="0">
<tr>
<td width="5%" align="$align2"><img border="0" src="$stylevar[imagefolder]/news_icon.gif"></td>
<td width="95%" class="block_title_text"><b>$lang[new] $settings[sitetitle]</b></td>
</tr>
</table>
</td>
</tr>
<tr><td height="13" align="$align2"><img border="0" src="$stylevar[imagefolder]/bottom_icon.gif"></td></tr>
<tr>
<td height="100" valign="top">
$news_list
</td>
</tr>
<tr>
<td class="table_bottom" align="$var[align2]">
[ <a href="?a=news">$lang[newsshow] </a> ]
</td>
</tr>
</table>

ويمكنك التعديل عليه بشكل مبسط جدا جدا

في البدايه ::
عنوان القالب

كود:

HTML clipboard$lang[new] $settings[sitetitle]

الصوره الخاصه بالخدمه

كود PHP:

  <img border="0" src="$stylevar[imagefolder]/news_icon.gif">

محتوى القالب ( يحتوي على الاخبار او او او ))

كود PHP:

  HTML clipboard$news_list

أنظر للتفاصيل

كود PHP:

  HTML clipboard[ $lang[newsshow]  ]

صورة مبسطة :

القالب المعدل والجاهز

كود PHP:

  <!-- By:ksalayer.net -->
<html dir="rtl">

<table border="0" cellpadding="0" cellspacing="0" width="100%" id="table1">
    <tr>
        <td width="1%">
        &nbsp;</td>
        <td width="2%">
        <div align="right">&nbsp;</div></td>
        <td width="94%">
        <table border="0" cellpadding="0" cellspacing="0" width="100%" id="table3">
            <tr>
                <td>
                <table border="0" cellpadding="0" cellspacing="0" width="100%" id="table4">
                    <tr>
                        <td>
        <p align="center">
        <b><font face="Tahoma"><span style="font-size: 9pt">$lang[new] $settings[sitetitle]</span></font> </b></td>
                    </tr>
                    <tr>
                        <td> </td>
                    </tr>
                </table>
                </td>
            </tr>
        </table>
        </td>
        <td width="3%">
        <div align="left">&nbsp;</div></td>
        <td width="1%">
        &nbsp;</td>
    </tr>
    <tr>
        <td width="1%"> </td>
        <td colspan="3">
        <table border="0" cellpadding="0" cellspacing="0" width="100%" id="table2">
            <tr>
                <td style="border: 1px dashed #C0C0C0">$news_list<p><p>[ <a href="?a=news">$lang[newsshow] </a> ]
</td>
            </tr>
        </table>
        </td>
        <td width="1%">
        &nbsp;</td>
    </tr>
    <tr>
        <td width="1%">
        &nbsp;</td>
        <td width="2%">
        <div align="right">&nbsp;</div></td>
        <td width="94%">
        &nbsp;</td>
        <td width="3%">
        <div align="left">&nbsp;</div></td>
        <td width="1%">
        &nbsp;</td>
    </tr>
</table>
<!-- By:ksalayer.net -->

لاتنسى أزالة

اقتباس:



وتغييرها حسب ماتريد
وأي سؤال او استفسار لاتتردد .. شكرا للأخوه في الدعم الفني على توضيح بعض الاشياء , وجزاهم الله خير الجزاء .
وفقكم الله والى لقاء في الشرح الاخير

توقيعي

إسم الشركــــة : السعودية لاير لخدمات وحلول الويب
بريد الشركـة : admin@ksalayer.net
خدمات الشركة : استضافه - تصميم - دعم فني - ريسلرات - سيرفرات
هاتف الشركــة : من داخل السعودية / 0535088397 ( sms )
الدعم الفنـــــي : http://www.ksalayer.net/support

مطور · #2 12-10-2009, 05:55 PM

بارك الله فيك يا ksalayer.com

درس متعوب عليه ومميز جدا ما شاء الله تبارك الله

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

توقيعي

‏مُطوِّرْ
خطوتك الأولى من مستخدم إلى مطور

مُجَاهِد · #3 12-10-2009, 07:07 PM

مجهود رائع ..
ودرس مميز ..

بارك الله فيك على المجهود ..

توقيعي

حصري لمطور [Product] منع أعضاء محددين من تعديل البريد // كلمة المرور

حصري لمطور [Product] منع تعديل المشاركات الا بعد عدد من المشاركات

حصري لمطور [Product] أخبار المنتدى المتحركة بالجى كويري jQuery

حصري لمطور [Product] منع إضافة الكلمات الدلالية tag الا بعد عدد من المشاركات

حصري لمطور [Product] اعلانات ادسنس أو أي اعلان في الملف الشخصي للعضو

[ Product ] منع رفع المواضيع - منع الردود المتتالية لنفس العضو - الإصدار 2 الثاني (حصري لمطور mtwer)

[ Product ] منتج شريط جريدة الرياض الإخباري ! (حصري لمطور mtwer)

حصري لمطور [ Product ] الروابط الإضافية في الفوتر Footer

بو مجاهد

أبو جنى · #4 13-10-2009, 06:36 AM

يعطيكم العافية يالسعودية لاير

جهد جبار وشرح مفصل واكثر من رائع

بارك الله في جهودكم وجعلها في موازين اعمالكم

توقيعي

مدير شركة توب لاين - فرع جدة
http://www.tl4s.com.sa
00966-2-6527954

ksalayer.com · #5 15-10-2009, 12:01 AM

اقتباس:

ارك الله فيك يا ksalayer.com

درس متعوب عليه ومميز جدا ما شاء الله تبارك الله

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

اقتباس:

مجهود رائع ..
ودرس مميز ..

بارك الله فيك على المجهود ..

اقتباس:

يعطيكم العافية يالسعودية لاير

جهد جبار وشرح مفصل واكثر من رائع

بارك الله في جهودكم وجعلها في موازين اعمالكم

منورين الله يعطيكم الف عافيه , وهدا قليل من كثير عندكم .. لاهنتم

توقيعي

إسم الشركــــة : السعودية لاير لخدمات وحلول الويب
بريد الشركـة : admin@ksalayer.net
خدمات الشركة : استضافه - تصميم - دعم فني - ريسلرات - سيرفرات
هاتف الشركــة : من داخل السعودية / 0535088397 ( sms )
الدعم الفنـــــي : http://www.ksalayer.net/support

توب لاين · #6 19-10-2009, 07:29 PM

يعطيك العافية على الدرس المميز وتم التثبيت.

ksalayer.com · #7 20-10-2009, 01:54 PM

اقتباس:

يعطيك العافية على الدرس المميز وتم التثبيت.

الله يعافيك , لاهنت

توقيعي

إسم الشركــــة : السعودية لاير لخدمات وحلول الويب
بريد الشركـة : admin@ksalayer.net
خدمات الشركة : استضافه - تصميم - دعم فني - ريسلرات - سيرفرات
هاتف الشركــة : من داخل السعودية / 0535088397 ( sms )
الدعم الفنـــــي : http://www.ksalayer.net/support

AWLSTYLE · #8 13-11-2009, 01:31 AM

درس رائع وموفق اخوي الغالي
لازلت متابع دروسك استاذي الغالي

توقيعي

أسم الشركـــه : شبكة أول ستايل لخدمات الويب
صاحب الشركه : علي حسن علي حسن
أداء الشركـــه : تصميم
بريد الشركـــه : admin@awlstyle.com
هاتف الشركه : من داخل مصر (0107077720) من خارج مصر (0020107077720)
الدعم الفنــــي : http://www.awlstyle.com/support

ksalayer.com · #9 13-11-2009, 03:55 PM

اقتباس:

درس رائع وموفق اخوي الغالي
لازلت متابع دروسك استاذي الغالي

قليل من كثير لديكم

توقيعي

إسم الشركــــة : السعودية لاير لخدمات وحلول الويب
بريد الشركـة : admin@ksalayer.net
خدمات الشركة : استضافه - تصميم - دعم فني - ريسلرات - سيرفرات
هاتف الشركــة : من داخل السعودية / 0535088397 ( sms )
الدعم الفنـــــي : http://www.ksalayer.net/support

larsahost.com · #10 14-11-2009, 07:08 PM

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

توقيعي

لارسا هوست

ksalayer.com · #11 15-11-2009, 12:45 AM

اقتباس:

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

الله يرضى عليك

توقيعي

إسم الشركــــة : السعودية لاير لخدمات وحلول الويب
بريد الشركـة : admin@ksalayer.net
خدمات الشركة : استضافه - تصميم - دعم فني - ريسلرات - سيرفرات
هاتف الشركــة : من داخل السعودية / 0535088397 ( sms )
الدعم الفنـــــي : http://www.ksalayer.net/support

temoinlove · #12 25-01-2010, 02:00 AM

ازاى اخلى المنظم بعرض الشاشة كلها مثل موقع حضراتكم

SH3A3-Q · #13 25-01-2010, 07:54 PM

صار لي ثلاث شهور ادور وافتر على ها الثلاث دروس ولا عرفت شي

على العموم بارك الله فيك ومشكور على المجهود الرائع

توقيعي

أســــم الشركـــه : شعاع فور هوست
خدمات الشركــه : استضافة - رسلرات - VPS - دعم فني - تراخيص منتديات - تراخيص سكربتات
موقــع الشركــة : شعاع فور هوست
الـــبـــريـــــــــــد : sales@sh3a34host.org
هاتـف الشركــه : من داخل السعودية 0566683395 من خارج السعودية 00966566683395

ksalayer.com · #14 27-01-2010, 10:22 AM

اقتباس:

ازاى اخلى المنظم بعرض الشاشة كلها مثل موقع حضراتكم

أفضل شي من خلال css

ويمكنك من خلال ملف interface

اقتباس:

صار لي ثلاث شهور ادور وافتر على ها الثلاث دروس ولا عرفت شي

على العموم بارك الله فيك ومشكور على المجهود الرائع

مالشي الذي لم تفهمه عزيزي , ولك الي تباه

وفقكم الله

توقيعي

إسم الشركــــة : السعودية لاير لخدمات وحلول الويب
بريد الشركـة : admin@ksalayer.net
خدمات الشركة : استضافه - تصميم - دعم فني - ريسلرات - سيرفرات
هاتف الشركــة : من داخل السعودية / 0535088397 ( sms )
الدعم الفنـــــي : http://www.ksalayer.net/support

temoinlove · #15 27-01-2010, 11:50 AM

هل ممكن تعطينى السى اس اس
لهذا العرض

أدوات الموضوع
مشاهدة صفحة طباعة الموضوع أرسل هذا الموضوع إلى صديق
انواع عرض الموضوع
العرض العادي الانتقال إلى العرض المتطور الانتقال إلى العرض الشجري

المواضيع المتشابهه
الموضوع	كاتب الموضوع	المنتدى	مشاركات	آخر مشاركة
الدرس الاول تصميم المنظم	ksalayer.com	سكربت استضافة المواقع الاسطورة المنظم 2 Almnzm	15	17-07-2011 05:37 AM
الدرس الثاني تصميم المنظم	ksalayer.com	سكربت استضافة المواقع الاسطورة المنظم 2 Almnzm	7	18-07-2010 06:57 PM
الدرس الثالث من دوره تصميم قوالب ورد بريس وعمل التوينات واظهارها	قناص جوبا	تطوير المواقع العام	2	01-07-2010 12:22 PM

مطور Mtwer

روابط مفيدة ننصح بزيارتها

روابط مهمة

من خدماتنا

خيارات الاعضاء والزوار