عرض مشاركة واحدة
  #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
المحــ البرمجى ــتوى has much to be proud ofالمحــ البرمجى ــتوى has much to be proud ofالمحــ البرمجى ــتوى has much to be proud ofالمحــ البرمجى ــتوى has much to be proud ofالمحــ البرمجى ــتوى has much to be proud ofالمحــ البرمجى ــتوى has much to be proud ofالمحــ البرمجى ــتوى has much to be proud ofالمحــ البرمجى ــتوى has much to be proud of
إرسال رسالة عبر مراسل MSN إلى المحــ البرمجى ــتوى إرسال رسالة عبر مراسل Yahoo إلى المحــ البرمجى ــتوى
17 درس تصميم هيدر جد إحترافي لموقعك

 

 

 

 

بسم الله الرحمان الرحيم
اليوم وجدت لكم درس رائع في أحد المنتديات الأجنبة فحبيت أن أشارككم به
أعتدر على عدم ترجمة الدرس لضيق الوقت ولكن أعدكم برجمته في المرة القادمة بإدن الله

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

 

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