 | التسجيل | دليل المواقع | قائمة الأعضاء | التقويم | البحث | مشاركات اليوم | اجعل كافة الأقسام مقروءة |  |
| | ||||||||||
| |||||||||||
| استرجاع كلمة المرور المفقودة | طلب كود تنشيط العضوية | تنشيط العضوية |
| |||||||||
| منتدى مبدعين ومحترفين الفوتوشوب كل مايتعلق بدروس الفوتوشوب وتطبيقاته ، ولعرض ابداعات الأعضاء في هذا المجال |
  |
| | LinkBack | أدوات الموضوع | انواع عرض الموضوع |
 01-27-2007, 03:37 PM | |||||
| |||||
 درس تصميم هيدر جد إحترافي لموقعك
بسم الله الرحمان الرحيم اليوم وجدت لكم درس رائع في أحد المنتديات الأجنبة فحبيت أن أشارككم به أعتدر على عدم ترجمة الدرس لضيق الوقت ولكن أعدكم برجمته في المرة القادمة بإدن الله 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
     |
|
| مواقع النشر (المفضلة) |
| الذين يشاهدون محتوى الموضوع الآن : 1 ( الأعضاء 0 والزوار 1) | |
| أدوات الموضوع | |
| انواع عرض الموضوع | |
| |
 المواضيع المتشابهه للموضوع: درس تصميم هيدر جد إحترافي لموقعك | ||||
| الموضوع | كاتب الموضوع | المنتدى | مشاركات | آخر مشاركة |
| الشبكات( مقدمة عن الشبكات) شرح بالصور | المحــ البرمجى ــتوى | أمن Windows - وندوز. | 1 | 06-29-2008 12:25 AM |
| اهم شهادات مايكروسوفت | المحــ البرمجى ــتوى | ¨¨¨°~*§¦§ ادوات برمجية §¦§*~°¨¨¨ | 1 | 11-07-2007 09:48 PM |
| تصميمات جاهزة لاصحاب المواقع (أكثر من 800 تصميم) | المحــ البرمجى ــتوى | قسم تبادل الخبرات وحلول الحاسوب الهاردوير والصيانة | 2 | 07-20-2007 02:02 AM |
| تصميم صفحة التوقيع في سجل الزوار (صفحة sign_book.asp) | المحــ البرمجى ــتوى | ¨¨¨°~*§¦§ ASP.NET §¦§*~°¨¨¨ | 0 | 10-06-2006 02:21 PM |
| تصميم سجل الزوار (صفحة guest.asp) | المحــ البرمجى ــتوى | ¨¨¨°~*§¦§ ASP.NET §¦§*~°¨¨¨ | 0 | 10-06-2006 02:18 PM |
العرض العادي
![[backend]](http://www.aramcode.net/images/powered/feed_20_news.png "backend"){kind=small}
![[backendforums]](http://www.aramcode.net/images/powered/feed_20_forums.png "backendforums"){kind=small}
![[backenddownloads]](http://www.aramcode.net/images/powered/feed_20_down.png "backenddownloads"){kind=small}
![[backendlinks]](http://www.aramcode.net/images/powered/feed_20_links.png "backendlinks"){kind=small}
