تعديل أروع وأرق انترو تقدر تضيفها لموقعك لجذب الزوار

[walid]

http://www.dzbatna.com/images/icons/iconrote.gif طھط¹ط¯ظٹظ„ ط£ط±ظˆط¹ ظˆط£ط±ظ‚ ط§ظ†طھط±ظˆ طھظ‚ط¯ط± طھط¶ظٹظپظ‡ط§ ظ„ظ…ظˆظ‚ط¹ظƒ ظ„ط¬ط°ط¨ ط§ظ„ط²ظˆط§ط± (http://www.dzbatna.com/t1528175/)




http://i46.tinypic.com/hrzm02.gif






http://i43.tinypic.com/fonjtx.jpg

(http://advphp.com)

اليوم راح أشرح طريقة لكم واحده من أجمل الانترو التى تقدر تستخدمها كرئيسية لموقعك لتوجيه الزائر لخدمات موقعك من منتدى-شات-.......الخ

اولا: قبل البدء خلونا نشوف الناتج النهائى لشكل الانترو http://www.dzbatna.com/images/smilies/icon30.gif

اضغط على الصورة:

http://i43.tinypic.com/2cz8vpy.png

(http://advphp.com/tuts/tempedit/intro/intro)
حمل الانترو مباشرة من موقعى.....

http://i39.tinypic.com/2ppc5ly.jpg (http://advphp.com/tuts/tempedit/intro/introadvphp.com.rar)



نبدأ على بركة الله :

1- افتح برنامج الدريم ويفر الرائع........

http://advphp.com/tuts/tempedit/intro/0.png


2-ثاتيا: افتح صفحة index.html من الدريم ويفر

ثم قسم الصفحة باختيار الزر split

ا- راح نضغط بالماوس على اول زر حتى نحدده ونعرف اسمه ثم, نعدل عليه بالفوتوشوب

http://advphp.com/tuts/tempedit/intro/1.png

الحين شايفين ان الصورة من مسار الكود codeها اسمها m1.gif

روح لمجلد الصور, ثم افتح هذه الصورة بالفوتوشوب......

2-بعد فتحها بالفوتوشوب , تأكد من ان صيغتها rgb حتى نقدر نعدل ونكتب عليها


http://advphp.com/tuts/tempedit/intro/2.png


3-ثم راح نكتب على الصورة, وليكن راح يكون هالزر هو زر المنتدى forum

http://advphp.com/tuts/tempedit/intro/3.png

ثم نقوم بحفظ الصورة, بحيث نروح لمجلد الصور images ونستبدل الصورة M1 بالصورة اللى سويناها
حتى يتم التغيير

http://advphp.com/tuts/tempedit/intro/4.png


ولاتنسى تخلى صيغة الصورة لتظهر بجودة جيدة قبل الحفظ ,وطبعا احفظها بصيغة gif

http://advphp.com/tuts/tempedit/intro/5.png


الحين نشوف التعديل......

http://advphp.com/tuts/tempedit/intro/6.png


وباقى الازار سوى نفس الطريقة.........................


ثانيا: مثلا نريد نعدل على الفوتر وحقوق موقعك.......

http://advphp.com/tuts/tempedit/intro/7.png

ويفضل تكتب الحقوق من واجهة interface الكود code وليس من واجهة interface التصميم, حتى لا يضيف أكواد زيادة أنت لست بحاجه اليها


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


http://advphp.com/tuts/tempedit/intro/8.png


بحيث يصير الناتج النهائى للانترو هيك.........

http://advphp.com/tuts/tempedit/intro/9.png



أتمنى تكون عجبتكم الانترو......


ولمزيد من الدروس والقوالب


راح انقلها لكم من الموقع عندى ان شاء الله

أخوكم vista-design









ألعاب الأندرويد مجانا و حصريا (http://www.apotox.info/forum)




https://fbcdn-sphotos-d-a.akamaihd.net/hphotos-ak-ash4/482113_236967293114455_1193518507_n.png (http://www.dzbatna.com)
©المشاركات المنشورة تعبر عن وجهة نظر صاحبها فقط، ولا تُعبّر بأي شكل من الأشكال عن وجهة نظر إدارة المنتدى (http://www.dzbatna.com)©