مطور Mtwer

ksalayer.com · #1 14-09-2009, 08:42 AM

clipboard

بسم الله الرحمن الرحيم والصلاة والسلام على اشرف الانبياء والمرسلين وعلى اله وصحبه أجمعين.

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

................................................ ***********........................................

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

نبدء على بركة الله تعالى ::

في بداية الامر سوف نعمل على ستايل غير الاستايل الافتراضي وسمه ماتشاء .

إدارة أشكال الموقع .
مشاهدة قائمة الأشكال .
الافتراضي .
تعديل .
أنسخ محتوى css الموجود في الاستايل الافتراضي .
- اذهب من جديد ألى (( إدارة أشكال الموقع . &nbsp)
- إضافة شكل جديد
- أكتب اسم الأستايل الجديد (( أسم الشكل )) مثلا mtwer
- الصق محتوى كود css الي تم نسخه من الأستايل الافتراضي .
- أدخل أسم ومكان مجلد الصور الي راح تتعامل معه في المنتدى . (( مجلد صور الشكل )) مثلا images/defaultاو غيره الا مايلزمك .. ( ولاكن عند تغييره يجب عليك نقل مجلدات الايقونات كلها الى المجلد الجديد )
- أظغط على القالب الافتراضي من (( نسخ القوالب من الشكل الموجود ))
- أظف شكل جديد
  - أذهب مرة اخرى الى (( إدارة أشكال الموقع &nbsp)
  - مشاهدة قائمة القوالب
  - اختر شكلاً : ( الشكل الجديد الي سميناه mtwer ))
  - اختر تصنيفًا : ( قوالب عامه )
  - أذهب الى قالب (( header ))
  - أنسخ محتواه وأبدء في الجد

أذهب بالقالب الى الفرونت بيج .
هذا هوه القالب كامل

كود PHP:

  <table width="100%" cellpadding="0" cellspacing="0">

<tr>

<td width="256">$imagevar[header_logo]</td>

<td width="200" align="center">

<center>

<table width="200" cellpadding="0" cellspacing="0" dir="rtl">

<tr>

<td background="$stylevar[imagefolder]/header_block_right.gif" height="88"  width="4"></td>

<td background="$stylevar[imagefolder]/header_block_bg.gif" height="88"  width="192">

$customerareabox

</td>

<td background="$stylevar[imagefolder]/header_block_left.gif" height="88"  width="4"></td>

</tr>

</table>

</center>

</td>

<td width="314" align="center">

$domain_search_form

</td>

</tr>

</table>

</td>

</tr>

 
<tr>

<td width="100%">

 
<center>

<table width="770" cellpadding="0" cellspacing="0" height="41" dir="rtl">

<tr>

<td background="$stylevar[imagefolder]/header_bar_right.gif" width="39"></td>

 
<td background="$stylevar[imagefolder]/header_bar_bg.gif" width="697"  valign="bottom">

$templatevar[headerbar]

</td>

 
<td background="$stylevar[imagefolder]/header_bar_left.gif" width="34"></td>

</tr>

</table>

</center>

$shopping_cart

راح نتكلم عن كل كود موجود فيه .

اللوقو الخاص بالموقع ( الشعار الي يكون موجود في الهيدر وهذي صورته )

كود PHP:

   clipboard$imagevar[header_logo]

المتغير الخاص بصندوق تسجيل الدخول

كود PHP:

   clipboard$customerareabox

المتغير الخاص ( بالبحث عن الدومينات )

كود PHP:

   clipboard$domain_search_form

,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,, ,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,
المتغير الخاص (( بالقائمه الموجوده في أسفل الهيدر ))
,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,, ,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,

كود PHP:

   clipboard$templatevar[headerbar]

متغير سلة التسوق

كود PHP:

   clipboard$shopping_cart

لاحظ عند حدفك لجميع الاكواد سوف تجد أكواد خاصه بالصور
هذه الكود هو لصورة الخلفيه الموجوده في خلف قالب (( التسجيل + قالب البحث عن الدومينات ))

كود PHP:

  $stylevar[imagefolder]/header_block_right.gif

كود PHP:

  header_block_left.gif

هذا الكود هو لـ خلفية قالب الهيدر بار ( الي هو الكود الخاص (( بالقائمه الموجوده في أسفل الهيدر )) ))

طبعا الى الان ماعملنا شي .. فقط شرح القوالب والمتغيرات الموجوده

طبعا اهم المتغيرات الي راح نستخدمها في تصميم الهيدر هي .

clipboard $customerareabox

clipboard $domain_search_form

clipboard $templatevar[headerbar]

clipboard $shopping_cart

لن احتاج الى متغير clipboard $imagevar[header_logo] كوني سوف أعتمد في تصميمي على الحر
,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,, ,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,
الان راح نشرح متغيرات قالب الفوتر . footer
,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,, ,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,

كود PHP:

   clipboard$lang[rights] $var[year] © - $settings[sitetitle]

هذا الكلام ...

الحقوق الخاصه بموقعك

اقتباس:

المتغير الخاص بـــ تغيير الاستايلات .

كود PHP:

   clipboard$var[stylesmenu]

المتغير الخاص بعرض عدد الزوار

كود PHP:

   clipboard$lang[visits] : $var[visits]

عدد الزوار : 100000

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

clipboard
$lang[termspage]
الاتفاقيه
clipboard $lang[banktransfer]
الحولات البنكيه
clipboard $lang[contactus]
الدعم الفني
clipboard $lang[support]
طاقم العمل
clipboard $lang[staff]
من نحن
clipboard $lang[aboutus]

يمكنك اضافة اشياء اخرى على سبيل المثال لا الحصر .
clipboard $lang[domain_name]
البحث عن الدومينات

clipboard $lang[sitedesign]

خدمة التصميم
الخ ........................................................

,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,, ننتقل الى قالب headerbar ,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,

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

او يكون على هيئة صور انت تضيفها عليه كمثال /:

متغير خاص بعرض الصفحات الاضافيه او ( اخرى )
clipboard $pagesmenu $lang[other] $imagevar[other]

متغير الصفحه الرئيسة
clipboard $lang[mainpage]

متغير استضافة المواقع
clipboard $lang[sitehosting]

متغير تصميم المواقع
clipboard $lang[sitehosting]

متغير برمجة المواقع
clipboard $lang[sitedevelopment]

اضف الى ذالك البقية ........................................................

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

طريقة توزيع التصميم وتركيبه عن طريق الفرونت بيج الاعمده ((( الطريقه الممله المعتمده على الجداول )))

يمكنك تصفح الفلاش

الاول هنا

الثاني هنا

أي استفسار او سؤال لاتتردد عزيزي
اتمنى من الاخوان رفع الملفات على سيرفر مطور للتأكد من بقائها لفتره طويلة

آخر تعديل بواسطة ksalayer.com ، 14-09-2009 الساعة 08:43 AM سبب آخر: تغيير بعض الاخطاء

توب لاين · #2 15-09-2009, 09:32 PM

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

مطور · #3 15-09-2009, 09:40 PM

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

الف شكر عزيزي شرح جدا مميز ما شاء الله تبارك الله

وعملاء المنظم جميعهم بحاجة لمثل هذه الدروس

تقبل تحياتي

توقيعي

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

الخفاق · #4 18-10-2009, 08:48 PM

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

لا للاحباط ..

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

ولا كنت أعرف أنه في هذه الدروس .. إلا بعد قراءة الرسالة

جزاك الله خير

ksalayer.com · #5 18-10-2009, 10:07 PM

اقتباس:

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

لا للاحباط ..

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

ولا كنت أعرف أنه في هذه الدروس .. إلا بعد قراءة الرسالة

جزاك الله خير

حياك الله اخي ... الهدف بارك الله فيك وصول الفكره للجميع .,,

وأي استفسار حاظر

توقيعي

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

AWLSTYLE · #6 13-11-2009, 01:15 AM

ما شاء الله
الله يوفقك ويجزاك كل خير
شرح اسهل من السهولة
وإبداع رائع من اخ كريم
وفقك الله يالغالي

توقيعي

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

ksalayer.com · #7 13-11-2009, 03:56 PM

اقتباس:

ما شاء الله
الله يوفقك ويجزاك كل خير
شرح اسهل من السهولة
وإبداع رائع من اخ كريم
وفقك الله يالغالي

جزاك الجنه يالغالي

توقيعي

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

علي ناجم · #8 18-07-2010, 06:57 PM

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

وبالتوفيق لك درس أكثر من رائع

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

المواضيع المتشابهه
الموضوع	كاتب الموضوع	المنتدى	مشاركات	آخر مشاركة
دروس تصميم استايلات منتديات، (إضافة للدرس الثانى ) تعلم فنون التقطــيع وشرح الدرس الثانى	vista-design	دورة تصميم ستايلات منتديات الفي بي vBulletin	58	25-07-2011 08:58 AM
((حصرى))الدرس الثانى سد و ترقيع جميع الثغرات و حماية المنتدى (الدرس الثانى)	معشوق الجماهير	حماية المواقع و سد ثغرات المنتديات	11	20-07-2011 09:43 PM
الدرس الاول تصميم المنظم	ksalayer.com	سكربت استضافة المواقع الاسطورة المنظم 2 Almnzm	15	17-07-2011 05:37 AM
الدرس الثالث تصميم المنظم	ksalayer.com	سكربت استضافة المواقع الاسطورة المنظم 2 Almnzm	17	04-02-2010 02:34 AM

مطور Mtwer

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

روابط مهمة

من خدماتنا

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