دورة تصميم ستايل احترافي من تصميمه الى تركيبه من عبد الله

[ساحر البسمة]

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

كيف حالكم إن شاء الله بخير [Link nur für registrierte Benutzer sichtbar]

احببت ان اضع هذه الدورة في المعهد ولا اريد سوى الدعاء لي [Link nur für registrierte Benutzer sichtbar]

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

نظره على دروس الدورة [Link nur für registrierte Benutzer sichtbar]

الدرس الأول تصميم ستايل وتقطيعه
الدرس الثاني تركيب الإستايل بالفرونت بيج+وضع روابط الموقع مثل الرئيسية وغيرهــآ+وتغيير روابط الصور لكي يراها المتصفحين +وتركيبه بالمنتدى +ورفع الصور الى الموقع [Link nur für registrierte Benutzer sichtbar]
الدرس الثالث (هديه مني لكم ايقونات مجانيه باللون البنفسجي للإستايل(المستخدم بالدرس)مني لكم ..وطريقة تركيبها بالإستايل وتغيير مسارهـآ
الدرس الرابع تغيير الوان المنتدى Css لكي يناسب لون الإستايل..
الدرس الرابع تصميم وتركيب بعض القوالب المهمه مثل (forumhome+forumdisplay+navbar)
الدرس الخامس استخراج ملف XML [Link nur für registrierte Benutzer sichtbar]
نبدأ على بركة الله تعالى

الدرس الأول تصميم ستايل وتقطيعه [Link nur für registrierte Benutzer sichtbar]

ملاحظة (هذا القسم للمحترفين يعني مو واحد يجيني ويقول كيف حرك اداة الباث [Link nur für registrierte Benutzer sichtbar] او غيرها لان )الدرس سهل مرة [Link nur für registrierte Benutzer sichtbar])


اول افتح برنامج الفوتوشوب(انا استخدم الثامن) وافتح المقاس التالي
[Link nur für registrierte Benutzer sichtbar]

اختر لون خفيف تحت واللي فوق ثقيل [Link nur für registrierte Benutzer sichtbar]

[Link nur für registrierte Benutzer sichtbar]

استخدم هذه الأداة لعمل الشكل التالي
[Link nur für registrierte Benutzer sichtbar]

هذا هو الشكل المطلوب [Link nur für registrierte Benutzer sichtbar]
[Link nur für registrierte Benutzer sichtbar]

الأن اعمل مثل ماهو موضح

[Link nur für registrierte Benutzer sichtbar]

الأن اذهب الى الاوبيشن [Link nur für registrierte Benutzer sichtbar]
[Link nur für registrierte Benutzer sichtbar]


ادخل على الحدود وضع الحد (1) واختر لون اعمق من لون الهيدر [Link nur für registrierte Benutzer sichtbar]
[Link nur für registrierte Benutzer sichtbar]


إعمل مثل هذا الشكل بأداة الباث المعروفه وضع اللون اغمق او اثقل من لون الهيدر
[Link nur für registrierte Benutzer sichtbar]

اذهب الى ماهو موضح
[Link nur für registrierte Benutzer sichtbar]

اذهب الى الحدود وضع الحد (1) واختر اللون اغمق من الشكل المطلوب

[Link nur für registrierte Benutzer sichtbar]



اداة تحريك عمل الباث للشكل المطلوب
[Link nur für registrierte Benutzer sichtbar]


انتبه جزاك الله خير في النقطه التاليه
[Link nur für registrierte Benutzer sichtbar]


اختر الأداة التاليه
[Link nur für registrierte Benutzer sichtbar]


واعمل مثل ماهو موضح
[Link nur für registrierte Benutzer sichtbar]


واختر هذه الأداة لعمل الدوائر كــزينـه للهيدر
[Link nur für registrierte Benutzer sichtbar]

انظر الى الدوائر على الجهة اليسرى والجهة اليمنى
[Link nur für registrierte Benutzer sichtbar]


هذه هي أداة الباث (ومن اراد ان يحترف هذه الأداة الذهاب لدرس الأخAHMOD
[Link nur für registrierte Benutzer sichtbar]


اعمل مثل هذا الشكل واعتقد انه سهل ولاحظ انه استخدم كزينه للهيدر واجناب للتصميم
[Link nur für registrierte Benutzer sichtbar]

دبل لاير للشكل واعكس اتجاهه وضعه يسار التصميم
[Link nur für registrierte Benutzer sichtbar]

لعكس اتجاه التصميم اذهب الى التالي

[Link nur für registrierte Benutzer sichtbar]


[Link nur für registrierte Benutzer sichtbar]


[Link nur für registrierte Benutzer sichtbar]
[Link nur für registrierte Benutzer sichtbar]


الان اذكر يوم سوينا شكل للهيدر فوق روح وسوي له دبل لاير واعكس اتجاهه
[Link nur für registrierte Benutzer sichtbar]

طريقة عكس الأتجاه ليصبح (فوتر) في الإستايل
[Link nur für registrierte Benutzer sichtbar]


طالع الشكل اللحين ^_^
[Link nur für registrierte Benutzer sichtbar]

اللحين هذا هو شكل الإستايل المطلوب عمله(جاء دورك هالحيين لإظافة الأشكال التجميليه وتغيير الألوان وإظافة الأزرار وغيره على حسب خبرتك ) [Link nur für registrierte Benutzer sichtbar]
[Link nur für registrierte Benutzer sichtbar]

اللحين انا اظفت الوان (هذا افضل لون شفته وبحياتي ) [Link nur für registrierte Benutzer sichtbar] وازرار وصور وغيرها والصورة توضح
[Link nur für registrierte Benutzer sichtbar]

اللحين هذا هو التقطيع والحمد لله ان اسهل شيء هو التقطيع خاصه انه من دون منحنيات

[Link nur für registrierte Benutzer sichtbar]

الان احفظ العمل بعد تقطيعه في مجلد مع الصور المقطعه وضروري اسم الإستايل يكون بالإنجليزي
مثال (tdreb)

الحمد لله انتهينا من تصميم الإستايل وتقطيعه وهو الدرس الأول من الدوره

واي استفسار انا حاظر [Link nur für registrierte Benutzer sichtbar]

[ساحر البسمة]

[Link nur für registrierte Benutzer sichtbar]

السلام عليكم ورحمة الله وبركاته ..
الدرٍس الثاني اعتماد الإستايل بالفرونت بيج وتركيبه على المنتدى

بسم الله .توكلنا على الله

افتح برنامج الفرونت بيج
[Link nur für registrierte Benutzer sichtbar]



تعليمات برمجيه
[Link nur für registrierte Benutzer sichtbar]

احذف الكود

[Link nur für registrierte Benutzer sichtbar]

اتجه الى كلمه تصميم

[Link nur für registrierte Benutzer sichtbar]

الخصائص
[Link nur für registrierte Benutzer sichtbar]

^_^

[Link nur für registrierte Benutzer sichtbar]

ازرع الجداول الموضحه
[Link nur für registrierte Benutzer sichtbar]

خصائص الجدول

[Link nur für registrierte Benutzer sichtbar]

^_^

[Link nur für registrierte Benutzer sichtbar]

ادراج صورة

[Link nur für registrierte Benutzer sichtbar]
توضح ^_^

[Link nur für registrierte Benutzer sichtbar]

اللحين ادرجنا الصور نبي انتباه شوي
[Link nur für registrierte Benutzer sichtbar]

اضغط على الصور العلويه اليمنى
[Link nur für registrierte Benutzer sichtbar]

اتبع
[Link nur für registrierte Benutzer sichtbar]


بعد مارعت موافق..ارجع له ثاني مرة تحصل القيمه (3) ضعهــــــــــآ (0)
[Link nur für registrierte Benutzer sichtbar]


شوف اللحين
[Link nur für registrierte Benutzer sichtbar]

تم التوزيع
[Link nur für registrierte Benutzer sichtbar]

الصورة تشرح نفسهـآ’
[Link nur für registrierte Benutzer sichtbar]

الصورة تشرح نفسهـآ’
[Link nur für registrierte Benutzer sichtbar]

الصورة تشرح نفسهـآ’

[Link nur für registrierte Benutzer sichtbar]

الصورة تشرح نفسهـآ’

[Link nur für registrierte Benutzer sichtbar]

الصورة تشرح نفسهـآ’
[Link nur für registrierte Benutzer sichtbar]


الصورة تشرح نفسهـآ’

[Link nur für registrierte Benutzer sichtbar]


الصورة تشرح نفسهـآ’
.
[Link nur für registrierte Benutzer sichtbar]

^_^

[Link nur für registrierte Benutzer sichtbar]

^_^

[Link nur für registrierte Benutzer sichtbar]


^_^

[Link nur für registrierte Benutzer sichtbar]
^_^

[Link nur für registrierte Benutzer sichtbar]

شد الأطراف اللحين
[Link nur für registrierte Benutzer sichtbar]

انظر بعد شد الأطراف!
[Link nur für registrierte Benutzer sichtbar]

التقسيم للخلاياا
[Link nur für registrierte Benutzer sichtbar]
3 اعمده
[Link nur für registrierte Benutzer sichtbar]

^_^
[Link nur für registrierte Benutzer sichtbar]


&_&
[Link nur für registrierte Benutzer sichtbar]
افعل مثل مافعلنا بالهيدر
[Link nur für registrierte Benutzer sichtbar]

اللحين ادرج صورة على اليمين

[Link nur für registrierte Benutzer sichtbar]


وروح للخصائص
[Link nur für registrierte Benutzer sichtbar]

مثل قبل شوي يوم قلنا غير القيمه الى 0
[Link nur für registrierte Benutzer sichtbar]


^_^

[Link nur für registrierte Benutzer sichtbar]

ضع الماوس هناك وادرج صورة يسرى
[Link nur für registrierte Benutzer sichtbar]


هذه هي الصورة
[Link nur für registrierte Benutzer sichtbar]

خصائص الصورة نفس اللي قبل شوي
[Link nur für registrierte Benutzer sichtbar]


يسار ^_^

[Link nur für registrierte Benutzer sichtbar]

[Link nur für registrierte Benutzer sichtbar]

اللحين جاء دورك سوي نفس العمليه السابقه بالفوتر
[Link nur für registrierte Benutzer sichtbar]

ادرج رابط

[Link nur für registrierte Benutzer sichtbar]

الرئيسية
[Link nur für registrierte Benutzer sichtbar]


التسجيل
[Link nur für registrierte Benutzer sichtbar]


التحكم
[Link nur für registrierte Benutzer sichtbar]

الخروج
[Link nur für registrierte Benutzer sichtbar]


اظافة الحقوق
[Link nur für registrierte Benutzer sichtbar]
^_^
[Link nur für registrierte Benutzer sichtbar]

اللحين سوي توسيط للمنتدى
[Link nur für registrierte Benutzer sichtbar]

هذا بعد ماسوينا توسيط

[Link nur für registrierte Benutzer sichtbar]


ازالة روابط سطح المكتب
[Link nur für registrierte Benutzer sichtbar]





استبدــ’آل
[Link nur für registrierte Benutzer sichtbar]


اتركه فاضي
[Link nur für registrierte Benutzer sichtbar]

تمم ^_^
[Link nur für registrierte Benutzer sichtbar]

هذا هو الهيدر
[Link nur für registrierte Benutzer sichtbar]


الفوتر
[Link nur für registrierte Benutzer sichtbar]

اذهب الى لوحة التحكم ..التحكم بالإستايلات
[Link nur für registrierte Benutzer sichtbar]

من تحت اظافة ستايل جديد
[Link nur für registrierte Benutzer sichtbar]

انا سميته tdreb
[Link nur für registrierte Benutzer sichtbar]

اللحين اذهب الى القوالب الشائعه
[Link nur für registrierte Benutzer sichtbar]

هذا قال الهيدر ..الصق القالب اللي بالفرونت بيج فيه
[Link nur für registrierte Benutzer sichtbar]

هذا هو القالب اللي بالفرونت بيج
[Link nur für registrierte Benutzer sichtbar]


هذا هو القالب بعد اظافته
[Link nur für registrierte Benutzer sichtbar]


هذا اعتبره مو موجود ^_^
[Link nur für registrierte Benutzer sichtbar]


هذا هو قالب الفوتر..نذهب الى اخر القالب
[Link nur für registrierte Benutzer sichtbar]

نلصق هذا الكود بآآخر قالب الفوتر

[Link nur für registrierte Benutzer sichtbar]


هذا هو الكود بعد اظافته
[Link nur für registrierte Benutzer sichtbar]


نذهب لبرنامج الإف تي بي ftp ندخل على مجلد الفي بي vb ..
[Link nur für registrierte Benutzer sichtbar]

بعد مادخلنـآ لمجلد الفي بي vb نذهب من الخيار اليسار الى مكان مجلد الصور ويمين الماوس ونرفع المجلد ليصلح المسار
vb/tdreb
[Link nur für registrierte Benutzer sichtbar]

واللحين روح للمنتدى وشوف اللإستايل
وسأضع لكم ايقونات خاصه بالإستايل المستخدم ^_^

واي شيء انا حاظر

[الشاكي((خالد))]

درس رااائع ومتكاامل يعطيك العاافيه

[mehait]

درس رااائع ومتكاامل يعطيك العاافيه

[عبـ الوجدان ـير]

[Link nur für registrierte Benutzer sichtbar]

مشكووور اخوي
يعطيك العافية
جزاك الله خير
دمت بخير

[Link nur für registrierte Benutzer sichtbar]

[أمجـد]

جزاااك الله الف .. خير

حأحاول أطبقها بإذن الله

مشكووووووور

[IllusioN]

مشكوور على الموضوع ,,..

يعطيك العافية :)

[ماجد]

مشكور شرح وافي كافي ..

[The king]

مشكوور