الموضوع
:
درس تصميم هيدر جد إحترافي لموقعك
عرض مشاركة واحدة
#
1
(
permalink
)
01-27-2007, 03:37 PM
المحــ البرمجى ــتوى
مالك ومؤسس المحتوي البرمجي
من مواضيع :
: المحــ البرمجى ــتوى
0
إنشاء ActiveX Control
0
صور لااغرب الحيوانات
0
عين السمكة - النمش والبهاق - حب الشباب- لدغة الحشرات (المفيد المختصر)
0
هل لله روح ؟
0
المتغيـــــرات والثـــــوابت, درس قيم
0
حصريا للديفيدي فيلم الاثاره والمغامره الجديد 1000BC 2008 CAM XViD-PreVail
0
l[ثغرة Xss من 3.6.0 الى 3.6.6 ]l
0
ماسنجر الموقع+دردشة asp.net رهيب
تاريخ التسجيل: Sep 2006
الدولة: مصر
العمر: 25
المشاركات: 6,033
درس تصميم هيدر جد إحترافي لموقعك
بسم الله الرحمان الرحيم
اليوم وجدت لكم درس رائع في أحد المنتديات الأجنبة فحبيت أن أشارككم به
أعتدر على عدم ترجمة الدرس لضيق الوقت ولكن أعدكم برجمته في المرة القادمة بإدن الله
Step 1 - Creating your WorkSpace
: Lets start by creating your workspace i used 800x230 depending on how big you will need the header for your Layout but since i am just making one to show you how to get the ffect i used a fairly small size.
This is up to you what size that you decide to use so please feel free to make it bigger you will just need to remember everything else you will make will need to be a slight bigger then what we have done with this tutorial.
Step - 2
Using the Retangular Marquee Tool make a selection like this one below
and then go to Select > Modify > Smooth > and then set it to "4".
Once you have done that it's time to move to the next step i mean wow that wasnt too hard was it :)
Step - 3
Keep the area you just done selected and use the gradient tool to add the color of the background and again depending on what color you want to use you will need to chance it.
I used a plain blue for this with these settings...
Step - 4
Once you have chosen the settings you wanna use (Or have the ones we have used) then fill the area that should still be slected with it and you should end up with somthing that looks a little like this...
Step - 5
Create a new Layer un the Main header you just done and then do exactly what you did before but make the size button sized like this one ...
If you place this under the header half way so that u see some of it and then fill it with the same gradient color and then it should look like you main header.
Once you have done that duplicate the layer and space them out across the header to make a Navigation.
Here is what i done i also added some text but this is upto you u can add it later not a problem.
Step - 6
Once you have done that then go back to the main header and then make a selection half way down and like the following ...
Step - 7
Select your gradient tool again and use these settings and then fill it again..
Then you should have somthing that looks like this....
Step - 8
That is pretty much it you can add whatever you want from here i added a Login Bar to make it look a little better but you can add whatever you want maybe some more effect on the background it's 100% upto you.
Here is what mine looked like in th end
undefinedundefinedcontrolsundefined-->undefinedundefinedundefined/ controlsundefined-->undefined
توقيع :
المحــ البرمجى ــتوى
للحصول على دعم فني أفضل وأسرع احرص على ما يلي :
ــ ليكن عنوان موضوعك واضح ومناسب بعيدا عن الفزعه وغيرها من العناوين .
ــ ليكن طلبك أو سؤالك واضح ومحدد ولا تكتب أكثر من مشكلة في موضوع واحد .
ــ لا تستدعي عضو معين بإسمه يا فلان ويا علان .
ــ ضع رابط للمعاينة في حالة الحاجة لذلك .
ــ ارفق صور توضيحية للمشكلة في حالة الحاجة لذلك .
ــ اذا كانت المشكلة بسبب هاك يتوجب ارفاقه أو وضع رابط للهاك .
ــ اذا حصلت على المساعدة وتم حل المشكلة فتذكر أن ترد على الموضوع وتوضيح أنه تم حل المشكلة .
المحــ البرمجى ــتوى
مشاهدة ملفه الشخصي
إرسال رسالة خاصة إلى المحــ البرمجى ــتوى
زيارة موقع المحــ البرمجى ــتوى المفضل
البحث عن كافة المشاركات المكتوبة بواسطة المحــ البرمجى ــتوى