درس صنع ايقونة لموقعك بالتفصيل الممل

[قموشتي]

http://up.mtwer.com/files/1418.gif (http://http://up.mtwer.com/index.php?action=viewfile&id=1418)
الأيقونة الخاصة بالموقع تعتبر شيء مهم حيث انه تلفت انتباه الشخص عند البحث في مفضلة وتسهل بذلك البحث عن موقعك كما أنها تعتبر كهوية لموقعك وتميزه عن الآخرين زد على ذلك الشكل الأنيق لعنوان الموقع
نبدأ

http://up.mtwer.com/files/1419.gif (http://[URL]http://up.mtwer.com/index.php?action=viewfile&id=1419)
أولا ادخل هنا لرؤية المثال الذي سوف نطبق علي
[URL]http://www.gasra-ag.co.cc/vb/
والصورة هذه
http://up.mtwer.com/files/1420.gif (http://http://up.mtwer.com/index.php?action=viewfile&id=1420)
التي تستعمل للدرس
وأيضا حمل برنامج صنع الأيقونات [U]http://rapidshare.de/files/46177737/if32.exe.html (http://rapidshare.de/files/46177737/if32.exe.html)
ملاحظة هامة البرنامج يصنع الأيقونات بحجم 16لعنوان المواقع مثلا ويمكن أن تصنع أيقونة لبرنامجك أو لعبتك وذلك بتغيير الحجم المناسب.
درسنا اليوم انه تختار أيقونة تحبها أو تصممها برنامج فوتوشوب أو حتى بهذا البرنامج أنا عن نفسي اخترت أيقونة مناسبة بحجم 32*32 وسوف نعدلها لتسبح مناسبة لعنوان موقع.
ادخل على البرنامج تظهر الصورة
http://up.mtwer.com/files/1441.jpg (http://http://up.mtwer.com/index.php?action=viewfile&id=1441)

http://up.mtwer.com/files/1422.jpg (http://[URL]http://up.mtwer.com/index.php?action=viewfile&id=1422)

نحن اخترنا صورة مصممة من قبل لهذا اضغط من القائمة file ومن ثمة open
http://up.mtwer.com/files/1426.jpg (http://[URL]http://up.mtwer.com/index.php?action=viewfile&id=1426)

http://up.mtwer.com/files/1427.png (http://[URL]http://up.mtwer.com/index.php?action=viewfile&id=1427) بعد تعديل الحجم http://up.mtwer.com/files/1430.png (http://[URL]http://up.mtwer.com/index.php?action=viewfile&id=1430)
ومن ثمة احفظ الصورة بالضغط على file ومن ثمة Save As ونعطيها اسم favicon
http://up.mtwer.com/files/1431.png (http://[URL]http://up.mtwer.com/index.php?action=viewfile&id=1431)

http://up.mtwer.com/files/1432.png (http://[URL]http://up.mtwer.com/index.php?action=viewfile&id=1432)

بعد الانتهاء من الإعداد نقوم برفع الصورة إلى مجلد المنتدى الرئيسي

http://up.mtwer.com/files/1433.png (http://[URL]http://up.mtwer.com/index.php?action=viewfile&id=1433)

ندخل لوحة تحكم المنتدى ثم تابع الصور التالية:
http://up.mtwer.com/files/1434.png (http://[URL]http://up.mtwer.com/index.php?action=viewfile&id=1434)

http://up.mtwer.com/files/1435.png (http://[URL]http://up.mtwer.com/index.php?action=viewfile&id=1435)

http://up.mtwer.com/files/1436.png (http://[URL]http://up.mtwer.com/index.php?action=viewfile&id=1436)

http://up.mtwer.com/files/1437.png (http://[URL]http://up.mtwer.com/index.php?action=viewfile&id=1437)


ومن ثم نلاحظ النتيجة بالضغط http://up.mtwer.com/files/1438.png[
وهكذا كان من قبل http://up.mtwer.com/files/1439.png
ليصبح بعد التعديل هكذا http://up.mtwer.com/files/1440.jpg

والكود الذي يكتب هو
<link rel="shortcut icon" href="http://www.gasra-ag.co.cc/vb/favicon.ico">

نستبدل طبعا [U]http://www.gasra-ag.co.cc/vb/ (http://www.gasra-ag.co.cc/vb/) بعنوان موقعك

ملاحظة هامة: بالا مكان تحميل الصورة إلى المجلد الرئيسي إذا كنت ترغب أن تكون أيقونة عامة للموقع.

أتمنى أني وفقت بالشرح وتدعون لي بالخير وشكرا للاسغاء.

جميع الحقوق محفوظة لقموشتي.