منتديات احلي اصحاب
اهلا ومرحبا بكم
والله منورين



 
الرئيسيةالرئيسية  البوابة*البوابة*  س .و .جس .و .ج  بحـثبحـث  المجموعاتالمجموعات  التسجيلالتسجيل  دخولدخول  تسجيل دخول الاعضاءتسجيل دخول الاعضاء  تسجيلتسجيل  

شاطر | 
 

 عايز تصمم استايل احترافي لمنتداك؟ ادخل هنا

استعرض الموضوع السابق استعرض الموضوع التالي اذهب الى الأسفل 
كاتب الموضوعرسالة
Admin
Admin
Admin
avatar

ذكر
عدد المساهمات : 425
نقاط : 25333
السٌّمعَة : 2
تاريخ التسجيل : 05/06/2011

مُساهمةموضوع: عايز تصمم استايل احترافي لمنتداك؟ ادخل هنا    الإثنين يونيو 13, 2011 11:02 pm

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

طبعاً الدروس تختلف عن كل دروس الإستايلات السابقة من المصممين
وسأوضح لك كيفية تحكمك في وضع تممد أو بدون تمدد
والدروس بنيت على طريقتي في تصميم الإستايلات
:::::::::::::::::
الآن نقوم باختيار الألوان المناسبة للإستايل
وسنقوم الآن بتصميم استايل معهد فوكس الجديد معاً
فأرجوا مراعاة الألوان
نقوم الآن برسم البنر
طبعاً الطريقة بدون نقط تمدد
ويمكننا الحصو على أشكال مميزة بأداة الباث
رسمت وطلع معي هالشكل مثلاً

نقوم بتدبيل الشكل
كالآتي
باضغط على الير بالزر الأيمن

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

ستخرج لنا نافذة
إذهب إلى هذه الخيارات

كرر الخطوات السابقة
حتى ينتج لك شكل مقبول

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

تابع وأضف الأزرار
وما يحتاج شرح في دروس كثيرة بخصوص الأزرار
شوف كيف طلع معي

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


الآن نقوم بتصميم أهم وزبدة الموضوع
وهي تصميم اطارات جداول المواضعيع
والناف بار وغيره ..
نقوم برسم مستطيل كالتالي

طبعاً بنفس المقاسات السابقة
نقوم بهذه الإعدادات

لاحظ اللمعة .. والتجسيم

بعد ذلك نقوم بإذافة الصور والداخلات
ويمكنك التحكم في ذلك عن طريق
CTRL+G
لاحظ

نقوم بعمل الأعمدة
ارسم مستطيلاً داخل الأول
ونقوم بوضعه عند الحافة

قم بالدخول على
استايل الطبقة
واختر التدرج اللوني

ثم كرر نفس الخطوات من الجهة الأخرى
وكذلك كرر خطوات
الإطار العلوي
شاهد ما نتج لدي

أما الآن نجي لتقطيع
سهل وما يحتاج اي شي
شوف الصورة



قم باختيار الأداة كما في الصورة التالية



وقم بتقطيعه بالشكل التالي



وقم بحفظه من القائمة

file/save for web

ستفتح هذه النافذة

وقمت بالتطرق إليها .. للتقليل من حجم الصورة ..مع مراعاة الجودة



1 : هذه عدد الألوان المستخدمة يمكنك تقليل الحجم إلى 200 أو 128 بس أنتبه
للجودة

2: يمكنك زيادتها بنسبة قلية جداً كـ 3%

ويمكنك ملاحظة الحجم كما هو محدد في الصورة

بعدها سوي حفظ وتكون انحفظت

::::::::::::::::::::::::::::::::

(( القســم البرمجـــــي ))

سنبدأ من أعحلى المنتدى إلى أسفل بإذن الله

وهو كالآتي :

1-header

2-navbar

3-forumhome

4-foter

ثم ننتقل للصفحات الداخية

forumdisplay

:::::::::::::::::::::::::::::::::

أولاً الهيدر ...

افتح برنامج الفرونت بيج

وافتح عمل جديد



واضغط على التعيمات البرمجية كما هو موضح بالصورة

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

كما بالصورة



الآن توجه ...إلى قائمة الجداول

وقم بعمل جدول 1 في 1



الآن قم بالضغط على الجدول بالزر الأيمن

واختر خيارات الجدول .. انتبه ( وليس خيارات الخلية )



ستفتح لنا نافذة باشكل التالي



قم باستبدال .. التغيرات كما في الصورة الثانية



بعد ذلك

قم بإضافة الصورة داخل الجدول ( صورة البنر )

لاحظ...



اييه .. الحين جينا للشغل ..

بتقول كيف بنضيف أكثر من رابط على صورة وحدة

بقولك ..سوي مثل ما أسوي ...



قم باختيار الأداة الموضحة.. ثم قم برسم .. مستطيل أو مربع حسب شكل الزر..

أول ما تخلص رسم راح تطلع لك هذه النافذة تلقائياً



حط فيها الكود على حسب الزر ...

وتفضل يا حبيبي ..كل الأكواد اللي تحتاجها في الهيدر


الرئيسيه


كود:
$vboptions[forumhome].php?$session[sessionurl]




المكتب ( لوحة تحكم العضو )


كود:
usercp.php?$session[sessionurl]




التسجيل


كود:
register.php?$session[sessionurl]




البحث


كود:
search.php?$session[sessionurl]




التعليمات ( لا أنصح به .. إلا بعد ترقيع ثغرة faq.php )


كود:
faq.php?$session[sessionurl]




قائمة الاعضاء ( لا أنصح به .. إطلاقاً )


كود:
memberlist.php?$session[sessionurl]



التقويم ( لا أنصح به .. لحين صدور النسخة التي تلي 3.5.4 )


كود:
calendar.php?$session[sessionurl]



الخروج... ( لا أنصح به علشان الأعضاء لا يطعوا ..... أمزح وياكم )


كود:
login.php?$session[sessionurl]do=logout





::::::::::::::::::

وبعد انتهائك من جميع الأزرار عى حسب الهيدر

اذهب إلى التعليمات البرمجية في الفرونت بيج



لاحظ
وقم بمحس كل المجلدات .. واترك فقط اسم الصورة

مثلاًُ هذا الكود

file:///F:/AppServ/www/vb2/style-fo...x-fox84_bnr.gif

نقوم بمسح .. المجلدات ..( المسارات )

ونذهب إلى داخل vb وننشيء ملف جديد (ملف صور الإستايل )

مثلاً أنا سميته style-fox84

فيصبح رابط الصورة كالتالي

style-fox84/fox-fox-fox84_bnr.gif

ولا تنسى تحط الصورة داخل المجلد اللي سويته ..

وبعدها انسخ الكود ...

وروح به إلى تمبت header

وامسح كل اللي فيه وضع الكود اللي أنشأته أنت باستخدام الفرونت بيج

وهكذا تكون قد أنهيت تركيب البنر .. وروابطه .. على تمبت الهيدر

لاحظ الصورة



:::::::::::::::::::

الحين نجي لشريط آخر عشر مواضيع عشــآن نخلص من الهيدر مرةوحدة

تذكرون ..يوم حفظنا تصميم .. شريط آخر عشر مواضيع ..

أنا سميته sddd.html

وراح أفتحه بالفرونت بيج ...

شوف



الحين فتحناه بالفرونت بيج ..

أبيك تصحصح ..وياي شوي .. الحين

شوف يا عزيزي

اضغط على الصفحة بعد فتحها بالزر الأيمن..

وقم بالتالي



وراح تطلع لك نافذة مثل هاذي

إذاهب إلى القائمة none

وعدلها للتالي



شوف شو صار ...

كل شي انقلب وخرب ؟؟

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

شوف الصورة



فهمت كيف ...

حنا ويش بنسوي بنرجع الصور كل وحدة لمكانها .. نجي مثلاًُ

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



ونضع بدل الصورة اللي شكلها مقلوب .. الصورة الأصلية ..



شفت كيف رجعت مثل ماكانت ...

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

الحين بتقول فوكس ليش مسوي هاذي الزحمة كلها ؟؟

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

بتلاقي الدنيا عفسة اليمين يسار واليسار يمين...

فهمت كيف ..

الحين بنروح لشي مهم مرة

نروحج للصورة اللي في النص ..

اللي مفروض يتحرك فيها النص (آخر عشر مواضيع )

وامسحها شوف الصورة

لاحول ولا قوة إلا بالله ..

صارت لنا مشكلة ثانية ..

لا تخاف حلها عندي ...

وطرقت إلى هذه المشكلة لأن الكثر يعاني منها فهذه طريقة قمت بابتكارها بعد العذاب الذي

كنت أواجهه

شوف ياقلبي .. رجع كل اللي سويته .. (يعني الصورة اللي مستحهتا رجعها )

اضغط ctrl+z

طيب حدد على الصورة وخش وبعدها اضغط بازر اليمين عيها ..

واختار خصائص الخلية



بعدها ستخرج لنا نافذة كهذه

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

حقتها



وعطه أوكي

الحين نخش على التعيمات البرمجية

شوف



الحين انسخ المحدد عندك في الصورة الجاية



ونقوم بلصقه .. في كود الخلفية

من بداية

images

بالشكل هذا



ونقوم بحذفكود الصورة

الحين نخش على التصميم في الفرونت بيج شوف كيف ظابت وحليو ماشاء الله

والمكان كأن مافيه صورة

أقدر أضيف عيه كود آخر عشر مواضيع وأنا مرتاح .. وأكتب عليه



ثم نذهب للتعليمات البرمجية

ونضغط على زري ctrl+f لكي نقوم بالبحث عن المسارات الغير المرغوب بها واستبدالها

باللتي نريد بكل سهولة

شوف الصورة



ثمكما فعلنا مع الهيدر اضغط بالزر اليمين .. ثم خصائص الجدول.. وعطه نفس
الإعدادات اللي سويناها علشان يومتركبه في المنتدى .. يكون ظابط (جاي في
النص )

::::::::::

ثم ننسخ الأكود من بداية

<div align="center">
<TABLE WIDTH=780 BORDER=0 CELLPADDING=0 CELLSPACING=0>


إلى نهاية

</TABLE>
</div>

وضعها في آخر سطر في الهيدر

وهكذا نكون قد تمكن من الإنتهاء من الهيدر بشكل عام

::::::::::::::::::::::::::::

مذا تستفيد من هذا الدرس ؟

1 - بهذه الطريقة تتمكن من اضافة اي شي.. في المنتدى ( أوسمة- إعلانات )

وبطريقة مميزة .

2 - قمت في الدرس بالتطرق إلى المشاكل التي تواجهة المصممين في العادة ذللك تبدوا الخطوات طويلة..

إلى أنها في منتهى السهولة ..وتستطيع القيام بها في وقت قياسي ... إذا تمكنت
من اجتياز تلك المشاكل ( الأخطاء )

وهذه الأخطاء تنتج عن .. ( نسيان المصمم لخطوات اساسية قبل البدأفي التصميم )

قبل أن تبدأ في تصميم استايل

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

_________________

[
الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://mazen.openu2.com
hajar fassia
عضو جديد
عضو جديد
avatar

عدد المساهمات : 25
نقاط : 24025
السٌّمعَة : 0
تاريخ التسجيل : 29/06/2011

مُساهمةموضوع: رد: عايز تصمم استايل احترافي لمنتداك؟ ادخل هنا    الخميس يونيو 30, 2011 4:10 pm

شكرا
انا فعلا كنت محتاجة ها الموضوع

وها المساعدة زالشرح الرائع
يسلموا
كتيررررررر
الرجوع الى أعلى الصفحة اذهب الى الأسفل
Admin
Admin
Admin
avatar

ذكر
عدد المساهمات : 425
نقاط : 25333
السٌّمعَة : 2
تاريخ التسجيل : 05/06/2011

مُساهمةموضوع: رد: عايز تصمم استايل احترافي لمنتداك؟ ادخل هنا    الجمعة يوليو 01, 2011 2:29 pm

hajar fassia كتب:
شكرا
انا فعلا كنت محتاجة ها الموضوع

وها المساعدة زالشرح الرائع
يسلموا
كتيررررررر

اي خدمه ويارب اكون افتك

نورتي الموضوع

_________________

[
الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://mazen.openu2.com
parting tear
عضو مميز
عضو مميز
avatar

عدد المساهمات : 100
نقاط : 24060
السٌّمعَة : 0
تاريخ التسجيل : 01/07/2011
العمر : 21

مُساهمةموضوع: رد: عايز تصمم استايل احترافي لمنتداك؟ ادخل هنا    السبت يوليو 02, 2011 10:52 am

الرجوع الى أعلى الصفحة اذهب الى الأسفل
أبو محمد
عضو جديد
عضو جديد
avatar

عدد المساهمات : 1
نقاط : 23761
السٌّمعَة : 0
تاريخ التسجيل : 21/07/2011

مُساهمةموضوع: رد: عايز تصمم استايل احترافي لمنتداك؟ ادخل هنا    السبت يوليو 23, 2011 3:28 pm

شكرا يا اخي الكريم واصل ابداعك
الرجوع الى أعلى الصفحة اذهب الى الأسفل
 
عايز تصمم استايل احترافي لمنتداك؟ ادخل هنا
استعرض الموضوع السابق استعرض الموضوع التالي الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
منتديات احلي اصحاب :: .•:*¨`*:• اقسام الفوتوشوب •:*¨`*:• :: قسم التصاميم والجرافكس-
انتقل الى:  
المواضيع الأخيرة
» الدرس الخامس من كورس الفوتوشوب
الخميس مايو 08, 2014 12:01 am من طرف Admin

» الدرس الرابع من دوره الفوتوشوب
الأربعاء مايو 07, 2014 11:51 pm من طرف Admin

» الدرس التالت من دوره الفوتوشوب
الأربعاء مايو 07, 2014 11:48 pm من طرف Admin

» الدرس التاني من دوره الفوتشوب cs6
الثلاثاء مارس 18, 2014 1:24 pm من طرف Admin

» الدرس الاول من دوره الفوتوشوب cs6
الثلاثاء مارس 18, 2014 1:21 pm من طرف Admin

» ** كــلام نهائـى ** تفعيـل جميع برامج Adobe Cs5 + 5.5 Me ** نظيف 100 % **
الخميس مارس 13, 2014 6:40 pm من طرف Admin

» بالفيديو.. لليوم الثانى.. الدمار والروتين "ايد واحدة" فى عزبة النخل..
الأربعاء فبراير 12, 2014 2:16 pm من طرف Admin

» وزيرة الصحة: 342 مصابا بـ"H1N1" ولن نطالب بتأجيل الدراسة
الأربعاء فبراير 12, 2014 2:09 pm من طرف Admin

» “بيكسلر” بديل فوتوشوب على الإنترنت
الأربعاء فبراير 12, 2014 1:48 pm من طرف Admin

» رزق الهبل على المجانين
الأربعاء فبراير 12, 2014 2:14 am من طرف AMR

أفضل 10 أعضاء في هذا المنتدى
Admin
 
Youth
 
parting tear
 
farah11
 
amel_27
 
Ronaldo
 
hajar fassia
 
danny fhantom
 
mezoOo
 
احمر وردى
 






جميع الحقوق محفوظة لـمنتديات احلي اصحاب
 Powered by Aseer Al Domoo3 ®mazen.openu2.com
حقوق الطبع والنشر©2014 - 2013
الفيس بوك
رساله انت غير مسجل
منتديات احلي اصحاب أنت غير مسجل فى . للتسجيل الرجاء إضغط هنـا