الدورة الرمضانية – تصميم – توزيع – برمجة

بسم الله والصلاة والسلام على رسول الله ..

اهلا بالجميع بالدرس الرابع من سلسلة الدورة الرمضانية

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

كان الدرس الاول مقدمة

وبعده درس التصميم

ثم درس بناء HTML و ملف css

ودرس اليوم هو /

3 – تعلم طريقة توزيع نفس التصميم وبنفس ملف css على المنتدى والسكربتات الاخرى بسهولة وبدون تعقيد ..

حمل الدرس مع الملفات المرفقه للدرس من هذا الرابط .

http://www.badr4.com/up/ramadan-tt.zip

رابط اضافي :

ramadan-tt.zip – 4shared.com – online file sharing and storage – download

واي استفسار انا موجود ان شاء الله …

بالتوفيق للجميع .

عبدالرحمن قال:

17/08/2011 الساعة 3:26 ص

مشكور عزيزي .. لكن بسألك , !!
س/ هل توزيع الواجهه بالـ css نفس توزيع الاستايل بالـ css

رد

badr قال:

17/08/2011 الساعة 12:06 م

هلا فيك ..

مثل ماشرحنا بالدورة . نفس ملف css نوزعه على الواجهه والمنتدى .

رد

17/08/2011 الساعة 5:37 ص

بالإنتظار لكن واجهتني مشكله
توني بادي في التوزيع لكن انا استخدم الـ الاكسبريشين ويب 4
بس لما اضيف css وابغى اعدل عليه
فيه الدريم ويفر لما اضيف css وابغى اعدل يجيني
@charset “utf-8″;
/* CSS Document */

في الاكسبريشين ويب

يجني صفحه بيضاء هل يؤثر ذلك ام لا ..

badr قال:

17/08/2011 الساعة 12:07 م

هلا فيك .

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

بالنسبه للكود :
/* CSS Document */

هذا تعليق لافائدة منه .. اضفته ام لا لايهم .

اما الكود التالي :
@charset “utf-8″;

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

رد

17/08/2011 الساعة 8:11 م

اوك ثبت الدريم ويفر .. cs4
لكن واجهتني مشكله وهي ,,
التمدد يطلع معي حلو وكمان الـ body
لكن صوره يمين ويسار اضيف يمين ماعندك مشكله لكن لما اضيف اليسار تذهب اليمين او يكون فيه تلخبط وانا راجعت شرحك للهيدر كذا مره وبنفس توزيعك لكن مدري شالسالفه
ياريت تكلمني 26e8843f

17/08/2011 الساعة 11:36 م

عزيزي كل شيء معي 100% .. ماشاء الله شرحك وايد حلو
لكن عندي مشكله بالـ …. التأطير .. وهي ..

انت كودك

——

#z{ background:url(images/design1_12.jpg) repeat-y right;}
#z .zcenter{ background:url(images/design1_10.jpg) repeat-y left;}
#z .zcenter .zin{ margin: 0 10px; background:#dbdbdb;}

#z .ztop{ background:url(images/design1_07.jpg) repeat-x #dbdbdb; height:26px;}
#z .ztop .right{ background:url(images/design1_08.jpg) no-repeat; width:62px ; height:26px; float:right;}
#z .ztop .left{ background:url(images/design1_06.jpg) no-repeat; height:26px; width:63px; float:left;}

#z .zdown{ background:url(images/design1_14.jpg) repeat-x #dbdbdb; height:32px;}
#z .zdown .right{ background:url(images/design1_15.jpg) no-repeat; width:281px; height:32px; float:right;}
#z .zdown .left{ background:url(images/design1_13.jpg) no-repeat; width:267px ; height:32px; float:left; }

—

لكن ابغى مامعنى الـ z لاني انا اسمي كل صوره لإسم مخصص
مثلا
الهيدر
نقطه التمدد header-bg
يمين header-right
يسار header -left

بإنتظارك ابغى لو اعطيك المسميات توضحها لي .. ! بمسمياتي ,