انشاء زر من اجل موقعك Web Buttons

[abohmam]

http://www.abc4web.net/vb/mwaextraedit4/extra/abc4web_vb_03.gif (http://www.abc4web.net/vb)

اقدم لكم هدا الدرس الدي يريكم كيفية انشاء زر Buttons وبالتالي انشاء قائمة ابحار a navigation bar
ان صح التعبير من اجل موقعك

1-اصنع a new document بالحجم الدي تريده
2- بالنسة لي اختار ابعاد الزر كالتالي 80x40
3-انشئ لاير جديد a new layer وضع بداخله مستطيلا ياخد كل المساحة
4-بالزر الايمن للماوس انقر على اللاير ثم اختر Blending Options ثم اختر هده التعديلات

http://www.skeletorscorpse.com/websitenavigation/navbarrollover/dropshadow.gif

Colour: Black (#000000)

http://www.skeletorscorpse.com/websitenavigation/navbarrollover/innershadow.gif

Colour: #99FFFF

http://www.skeletorscorpse.com/websitenavigation/navbarrollover/innerglow.gif

Colour: #003399

http://www.skeletorscorpse.com/websitenavigation/navbarrollover/bevel.gif

Highlight: White (#FFFFFF)

Shadow: #000099

http://www.skeletorscorpse.com/websitenavigation/navbarrollover/contour.gif
http://www.skeletorscorpse.com/websitenavigation/navbarrollover/satin.gif
http://www.skeletorscorpse.com/websitenavigation/navbarrollover/gradient.gif
http://www.skeletorscorpse.com/websitenavigation/navbarrollover/gradient1.gif

Colour: #66CCFF to #0066CC

http://www.skeletorscorpse.com/websitenavigation/navbarrollover/stroke.gif

Colour: #000000

5-الان اضف النص الدي تريد
6-الان ادهب الى

File » Save for web and save as a JPEG High

ادا اردت ان تحصل على كود اشتمل المرافق

او بكل بساطة File » Save as ثم اختر JPEG

النتيجة

http://www.skeletorscorpse.com/websitenavigation/navbarrollover/button_norm.jpg

انتهى

منقول للفائدة

وجزى الله الشارح خير الجزاء

أتمنى لكم جميعا التوفيق والسداد

ولاتحرمونا من دعائكم الصالح

[سالي الفلسطينية]

درس جميل ..
جزاك الله خيرا

.

[أبو يوسف]

جزيت خيرا اخي ابو همام على هذه الدروس المفيدة

[الدمشقي]

شكراً لك أخي أبو همام
بارك الله بك

[محمود عفيفى]

جزاك الله خيرا أخى أباهمام

[أبو الوليد]

بارك الله فيك أخي أبا همام ..درس مفيد أفادك الله بما أسلفت من خير :abc_091:

تطبيقي

http://img.farfosh.com/uploads/farfosh_12864081621.png (http://img.farfosh.com/)
http://img.farfosh.com/uploads/farfosh_12864081622.png (http://img.farfosh.com/)
http://img.farfosh.com/uploads/farfosh_12864081623.png (http://img.farfosh.com/)