| الدرس الثالث | .تصميم ستايل منتدى غير متمدد . [الأرشيف]

مشاهدة النسخة كاملة : | الدرس الثالث | .تصميم ستايل منتدى غير متمدد .

فاصله

10-02-2012, 09:06 PM

تصميم ستايل منتدى غير متمدد .

وهذا الاستايل ثابت من ناحية المقاسات ومتناسب مع جميع المقاسات ومن وجهة نظري هو الاسهل من ناحية التركيب والتصميم

يتكون ستايل المنتدى الغير متمدد من : | هيدر + جداول + فوتر + خلفية |

الهيدر :
هو التصميم الموجود في أعلى المنتدى | أعلى الإستايل |
ويتكون عادة من إسم المنتدى .. والتصميم المناسب لمضمون المنتدى .

الجداول :
وهو تصميم بسيط لجدآول المنتدى وهي الخاصة بــ | تأطير الأقسام |
ويتم رسمه بأداة رسم الاشكال الموجوده في أدوات الفوتوشوب
ويمكن الإستغناء عنه في التصميم ويتم تغيير إعدادات ألوان التأطير من خلال
إعدادات الاستآيل .
| على حسب ذوق المصمم |

الفوتر :
وهو التصميم الموجود أسفل المنتدى ... ويوجد به إسم المصمم ...
والبعض قد لآيحتاجه .
| على حسب ذوق المصمم أو صاحب المنتدى |

* حفظ الاستايل باللغة الانجليزية

شروط يجب توافرها في ستايلات المنتديات :
1 | تناسق الالوان .
2 | إختيار ألوان مريحة للعين .
3 | خلو التصميم مما يغضب الله عزوجل .
4 | وجود إسم الموقع + اسم المصمم لحفظ الحقوق .

فاصله

10-02-2012, 09:36 PM

الشرح :

1| http://www.alraidiah.org/up/up/32889795820120210.gif

2| http://www.alraidiah.org/up/up/32889876220120210.gif

وبعد ذلك حفظ التصميم كملف مفتوح لآننا بنستخدمه الاسبوع الجاي

* تصميم الجدول لكم حرية الاختيار في تصميمه دون مراعاة نقاط التمدد
لآن نقاط التمدد خاصة بالاستآيل المتمدد :biggrin:
لخبطت فيهم لآن مخي كان مشغول :redface:

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

كنت بحط لكم التقطيع معه بس يبي له تركيز وأجلته
للأسبوع الجاي :biggrin:

آسفة على التأخير وأخر يوم لاستلام التطبيقات لهذا الدرس يوم الجمعه

سبحان الله وبحمده سبحان الله العظيم

أبو رائد

11-02-2012, 01:26 AM

الله يعطيك العافية يا فاصله

وسلمتِ على هالدرس

وهذا تطبيقي :

http://www.alraidiah.org/up/up/32891274420120211.jpg

وولد الخفجي

11-02-2012, 03:28 AM

ابو رائد
صباح الخير
سبقتني ماشالله عليك

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

http://www.almlf.com/get-2-2012-almlf_com_bvr4w8tf2x.jpg

فاصله

11-02-2012, 02:16 PM

الله يعطيك العافية يا فاصله

وسلمتِ على هالدرس

وهذا تطبيقي :

http://www.alraidiah.org/up/up/32891274420120211.jpg

ابو رائد
صباح الخير
سبقتني ماشالله عليك

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

http://www.almlf.com/get-2-2012-almlf_com_bvr4w8tf2x.jpg (http://www.almlf.com/get-2-2012-almlf_com_bvr4w8tf2x.jpg)

تطبيق ممتآز لكن نآقص الجدول ..
لآزم تصممون الجدول لاننآ بنتعلم كيف نوزعه بالفرونت بيج + تركيبه
الافضل جدول رباعي | مثل جدولي |
لآني بشرح توزيع الرباعي فقط

8 من 10

وولد الخفجي

11-02-2012, 02:55 PM

طيب هذا تمااام
.
.
.
http://www.almlf.com/get-2-2012-almlf_com_jfyq4iqrms.jpg

فاصله

11-02-2012, 05:11 PM

تمام ...
بس هذا لون لو تضيف له باترن أو سكرابز بيكون شكل الجدول أجمل ..

بإنتظآر البقية ...

goree

12-02-2012, 04:40 PM

:::.

يسعدك ربي يآ عنوني

وهذآ تطبيقي

:redface:

http://www.alraidiah.org/up/up/32905396620120212.jpg

http://www.alraidiah.org/up/up/32905396620120212.jpg

فاصله

12-02-2012, 05:07 PM

:::.

يسعدك ربي يآ عنوني

وهذآ تطبيقي

:redface:

http://www.alraidiah.org/up/up/32905396620120212.jpg (http://www.alraidiah.org/up/up/32905396620120212.jpg)

http://www.alraidiah.org/up/up/32905396620120212.jpg

ممتآز 10 | 10
بإنتظآر البقية ...

وولد الخفجي

13-02-2012, 07:56 AM

بعد التعديل

http://www.almlf.com/get-2-2012-almlf_com_v1z37epail.jpg

اخت فاصله ممكن الدرس اللي بعده

فاصله

13-02-2012, 10:17 PM

بعد التعديل

http://www.almlf.com/get-2-2012-almlf_com_v1z37epail.jpg (http://www.almlf.com/get-2-2012-almlf_com_v1z37epail.jpg)

اخت فاصله ممكن الدرس اللي بعده

جميل ...

آلية وضع الدروس وأوقاتها وآضحه للجميع

ĂИŦ’9ѓķ ŚЙẹęŃ

16-02-2012, 04:45 PM

فتحت آلعمل :biggrin:
لكن م دريت وش آسوي .؟ :confused:
وضحي شرحك آكثر . ترآ رآسي عورني.. :biggrin:

فاصله

16-02-2012, 07:04 PM

فتحت آلعمل :biggrin:
لكن م دريت وش آسوي .؟ :confused:
وضحي شرحك آكثر . ترآ رآسي عورني.. :biggrin:

لان شكلك ماقريتي الدرس بالاول فتحتي الشرح على طول :biggrin:
إقريه ... وبتفهمين المقصود بالدرس :wink:

صممي هيدر + فوتر + جدول ...

شوفي تطبيقي وتطبيق الاعضاء وبتوضح لك الفكره أكثر :rolleyes:

ĂИŦ’9ѓķ ŚЙẹęŃ

16-02-2012, 07:18 PM

قريتةةِ :biggrin: ولآ فهمتَ
ترآ انـآ مو مره بآلفتوشوبَ :biggrin:
آلسوآة ؟ آلحين ..!! :frown:

الجنة غايتي

16-02-2012, 08:09 PM

اختى فاصلة الدرس غير واضح
نرجوا شرح كيف نصمم هيدر وفوتر وجدول
واضح ان الاخوة لديهم خبرة فى تصميم الاستايلات
انا من ثلاث ايام احاول وما طلع معى

فاصله

16-02-2012, 08:27 PM

قريتةةِ :biggrin: ولآ فهمتَ
ترآ انـآ مو مره بآلفتوشوبَ :biggrin:
آلسوآة ؟ آلحين ..!! :frown:

اختى فاصلة الدرس غير واضح
نرجوا شرح كيف نصمم هيدر وفوتر وجدول
واضح ان الاخوة لديهم خبرة فى تصميم الاستايلات
انا من ثلاث ايام احاول وما طلع معى

بالعكس أشوف الدرس جدا وآضح وسهل
هو يعتمد على مهاراتكم بالفوتوشوب ...

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

اذا فتحتوا العمل ...
عبوه باللون اللي حابين واشتغلوا على الهيدر بالشكل اللي يعجبكم .. سواء عادي أو بأداة البن تول

مثلا ...
لما نصمم الهيدر اللي هو أعلى الاستايل أو أعلى المنتدى ... مثلا حابين نخلي التصميم بالوسط مع اسم المنتدى أو أيمن الهيدر
أو يساره

والتصميم يعتمد على مهاراتنا بالتصميم بالاول والاخير ...

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

الفوتر :

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

وحطيت مثال انا على الاستايل وهو تصميمي اللي بنشتغل عليه وموضحه شكل الهيدر والفوتر والجدول ...

وهذا أقصى حد لتبسيط الدرس :D
لو عندي زيادة والله ما أبخل عليكم

مو شرط ان اللي طبقوا عندهم خلفيه كلنا ماكان عندنا خلفية وتعلمنا وحاولنا ...
وهذا أسهل درس خلال الدورة :biggrin:
وش بتسوون بعدين أجل yd.885

أهم شي ركزوا وانتم تقرون الدرس مو تكونون مستعجلين

وأنتم تستطيعون ذلك

وأنتم تستطيعون ذلك

وأنتم تستطيعون ذلك

وأنتم تستطيعون ذلك

إنما العلم بالتعلم

فاصله

16-02-2012, 09:08 PM

شرح مقرب لتصميم الجدول ..

اللون الرمادي هذي خلفية الاستايل ..
والباقي هو الجدول

http://www.alraidiah.org/up/up/32941566420120216.png

امجاد

17-02-2012, 02:47 AM

http://http://up.arab-x.com/Jan12/AXH35903.jpg (http://http://up.arab-x.com/Jan12/AXH35903.jpg)

http://up.arab-x.com/Jan12/AXH35903.jpg (http://up.arab-x.com/)

srab

17-02-2012, 05:23 AM

http://www.alraidiah.org/up/up/32944529720120217.jpg

العذر منك

شغل سريع سريع

قبل تقفل التطبيقات

"الدانة"

17-02-2012, 10:13 AM

السلام عليكم ورحمة الله وبركاته
عذرًا لتأخري وهذا تطبيقي
[/URL][URL="http://im18.gulfup.com/2012-02-17/1329462687951.png"]http://im18.gulfup.com/2012-02-17/1329462687951.png (http://im18.gulfup.com/2012-02-17/1329462687951.png)

ĂИŦ’9ѓķ ŚЙẹęŃ

17-02-2012, 11:57 AM

ممكن م تقفلين الدرس اليوم .. yd.885
لآني مريضة جدآ جدآ جدآ yd.885 ويالله دخلت الحييـن .. yd.885

فاصله

17-02-2012, 12:08 PM

[/url]http://http://up.arab-x.com/jan12/axh35903.jpg (http://http://up.arab-x.com/jan12/axh35903.jpg)

[url="http://up.arab-x.com/jan12/axh35903.jpg"]http://up.arab-x.com/jan12/axh35903.jpg (http://up.arab-x.com/)

تطبيق ممتاز لكن ينقصه الجدول ... لازم تصممينه عشان تعرفين تقطيعه ...

8 | 10

فاصله

17-02-2012, 12:10 PM

http://www.alraidiah.org/up/up/32944529720120217.jpg (http://www.alraidiah.org/up/up/32944529720120217.jpg)

العذر منك

شغل سريع سريع

قبل تقفل التطبيقات

ولو :wink:
مايهمنا اللحين شكل التصميم بقد ماهو مهم أنكم فهمتو الدرس أو لآ ..
تطبيق جميل

10 | 10

فاصله

17-02-2012, 12:12 PM

السلام عليكم ورحمة الله وبركاته
عذرًا لتأخري وهذا تطبيقي
[/url][url="http://im18.gulfup.com/2012-02-17/1329462687951.png"] (http://im18.gulfup.com/2012-02-17/1329462687951.png)http://im18.gulfup.com/2012-02-17/1329462687951.png (http://im18.gulfup.com/2012-02-17/1329462687951.png)

تطبيق ممتاز
10 | 10

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

الجنة غايتي

17-02-2012, 03:33 PM

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

http://im14.gulfup.com/2012-02-17/1329481935381.gif

فاصله

17-02-2012, 04:04 PM

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

http://im14.gulfup.com/2012-02-17/1329481935381.gif (http://im14.gulfup.com/2012-02-17/1329481935381.gif)

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

تطبيق ممتاز للهيدر والفوتر ...
بس وين الجدول ؟!
اذا كان هو الازرق فما ينفع لازم يكون بعيد عن الهيدر والفوتر عشان تقدرين
تقصينه بعدين ...

أنتظر التعديل ...

الجنة غايتي

17-02-2012, 05:33 PM

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

http://im15.gulfup.com/2012-02-17/1329489186751.gif

فاصله

17-02-2012, 05:56 PM

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

http://im15.gulfup.com/2012-02-17/1329489186751.gif (http://im15.gulfup.com/2012-02-17/1329489186751.gif)

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

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

:101:

ĂИŦ’9ѓķ ŚЙẹęŃ

18-02-2012, 06:35 PM

شوفيِ ي مزيوونةةَ :biggrin:
عقب م خف التعب عني . وجيت بكل حمـآس للآبتوب علشآن اسوي الستآيل وآفتك. من آلحوسة ذي :biggrin:
فتحت آلفتوشوبَ . وطلع لي ذآ كل م جيت بآلون الخلفيه علشـآن آسوي الهدر.. :D

http://im18.gulfup.com/2012-02-18/1329579204221.jpg

وش آلسوآة .؟ وآول مره يطلع لي ذآ الشي آلغريب جدآ ... :confused::biggrin:

c-u

الجنة غايتي

18-02-2012, 07:05 PM

السلام عليكم ورحمة الله وبركاته
ويش رأيك
http://www.alraidiah.org/up/up/32958104220120218.gif

فاصله

19-02-2012, 07:30 PM

فاصله

19-02-2012, 07:32 PM

السلام عليكم ورحمة الله وبركاته
ويش رأيك
http://www.alraidiah.org/up/up/32958104220120218.gif (http://www.alraidiah.org/up/up/32958104220120218.gif)

أيوه كذا صح عليك برافو ...
ملاحظه بسيطه لوحابه أضيفي سكرابز او فرشه في أطراف الجدول ... عشان تحسين بشكله وانتي تثبتين الاستايل
وهذا الشيء راجع لك

ĂИŦ’9ѓķ ŚЙẹęŃ

20-02-2012, 03:37 PM

http://im9.gulfup.com/2012-02-20/1329741212301.jpg

كيف ؟
هو عآدي يجي صغير كبير .؟ :frown:

فاصله

20-02-2012, 06:18 PM

http://im9.gulfup.com/2012-02-20/1329741212301.jpg

كيف ؟
هو عآدي يجي صغير كبير .؟ :frown:

وعليكم السلام ورحمة الله وبركاته ..
أول شي ممنوع نقل الاستايلات من مواقع ثآنيه يجب يكون من تصميمك الشخصي
عشان تكونين فاهمه كيف تقسيم الاستايل وايش يحتاج ...

ستايلك هذا ملغي مع كامل أسفي ...:redface:

ثآنيا : مافهمت سؤالك وايش تقصدين فيه ؟!!

ĂИŦ’9ѓķ ŚЙẹęŃ

20-02-2012, 06:25 PM

فاصله

20-02-2012, 07:13 PM

آولآ :biggrin: وش تبيني أسوي م رضى الفتوشوب يخلي استهبـآلة .:biggrin:
ثآنيـآ انا فآهمه الدرس وعرفت شلون لكن حظرت جنـآب الفوتوشوب . مو رآضي يشتغل yd.885
ثآلثـآ انـآ أنسحب :biggrin: . دآم الستآيل ملغي لانه منقول :redface:
رآبعـآ مآلة دآعي آوضح سؤآلي دآمني آنسحبت . :biggrin:

c-u

حتى لو قبلت الاستايل ,,, مازلت عندك مشكلة الفوتوشوب لآزم تحلينها لانها الاساس
كيف بتقصين وكيف بتصممين ملحقات الاستآيل ؟!!
كلآمي كله لمصلحتك أولا وأخرا ...:biggrin:

رآجعي قرارك ...
مآبي أخسر أحد من طلآبي ...

ĂИŦ’9ѓķ ŚЙẹęŃ

20-02-2012, 07:23 PM

ي طويلة العمر فآصلة:biggrin:
الفتوشوب عندي تمـآم التمـآم :D
حتى الوعآء هذآ لاجيت فتحت صوره والونها بآلوعآء تتلون
لكن مدري وش فية لفتحت عمل جديد م يلونهـآ مع انه قبل يلووون معآي وعآدي
والقص وكل شي تمـآم :biggrin:
مآلعمل .؟! :biggrin::D

ĂИŦ’9ѓķ ŚЙẹęŃ

20-02-2012, 07:34 PM

فاصله

20-02-2012, 08:34 PM

عرفت الفوتوشوب لية يستهبل . :biggrin:

لان الظآهر م يجي آسوي هذا افتح عمل جديد يكون كبير :biggrin: << حسيت كأني آفهم هندي وش ذآ :eek:
شوفي الصورة وانـآ آختك يمكن تفهمين :biggrin:
http://im16.gulfup.com/2012-02-20/1329755410851.jpg

بس اذا حطيته العرض والارتفاع 300 او 500 كذآ
يتلون معي .. :biggrin:
وش آسوي الحين .؟ ! :D

أها ...
دامنا مانعرف حل لهذه المشكله ... كملي على الاستايل اللي جبتيه بس شيلي الرابط ..
وطبقي الدرس الرابع
+
ارسمي الجدول في الاستايل ...

العرض 600 والطول 300
اللي تشوفينه مناسب ...

:biggrin:

خرآفة

25-02-2012, 09:06 PM

أعتذر جدآ جدآ جدآ عن تأخري بالتطبيق و ذلك لإنشغالي الشديد
تفضلي تطبيقي أستاذة فآصلة ..

http://sub3.rofof.com/img4/02pcogj25.png (http://sub3.rofof.com/img4/02pcogj25.png)

^ أي ملاحظة ع الستايل قبل م أطبق الدرس الرآبع =)