الفريق العربي للبرمجةأرشيف المنتديات · 2000 – 2023
نسخة أرشيفية للقراءة فقط — التسجيل والمشاركة مغلقان، والمحتوى محفوظ كما كان.

شرح مبسط لكيفية صنع favicon.ico مع Photoshop

مغلق
بدأه eech55 في 24 أغسطس 2006 · 4 رد · 1,871 مشاهدة · في منتدى تصميم صفحات الويب
مشاركة: واتساب X فيسبوك تيليجرام
#1 صاحب الموضوع

كنت اريد صنع favicon ولم املك برنامج متخصص لصنع الأيقونات خاصة بعد فرمتة الجهاز زالت جميع البرامج.. فمن باب الكسل بحثت وحصلت على plugin للـphotoshop يمكنك من خلاله صناعة تلك الأيقونة

الذي يستخدم FireFox سيلاحظ ماذا اقصد بأيقونه Favicon والتي تظهر بجوار اسم الموقع في الaddress bar

لانه firefox يظهر هذه الصورة في جميع الحالات

لكن Internet Explorer لا يظهر هذه الصورة لأي موقع، انما يظهرها فقط للمواقع المضافة في المفضلة

من هنا نزل المقبس او الـPlugin

http://www.telegraphics.com.au/sw/files/IC...t-1.6f9-win.zip

خذ ملف المقبس وضعه في ملف file formats والذي تجده في ملف Plugins والذي ايضا تجده في المسار الذي ثبت الphotoshop به

ثم افتح الlogo وصغر الصورة بحجم 16×16 او 32×32 بكسل

ووضوح اللون اما ان يكون 8 او 24 bit

واحفظ الملف save as بصيغة ICO من خلال المقبس

وممكن ايضا تحفظ الأيقونة بصيغة png او gif لكن استخدام ico اكثر انتشار بين المتصفحات

ثم حمل الأيقونة في موقعك وضع هذا السطر في كود الhtml

<link rel="Shortcut Icon" href="/favicon.ico">

هنا شرح مفصل

http://www.photoshopsupport.com/tutorials/...er/favicon.html

تم تعديل هذه المشاركة بواسطة eech55 في 24 أغسطس 2006 في 23:28

إذا نفعتك أحد مشاركاتي فأدع بظهر الغيب لوالداي بالصحة والسلامة والسعادة وطول العمر وأن يكون هذا زيادة لهما في كل خير.

post-21836-1257612765.gif

before asking: smart questions how-to

#2

جزاك الله خيراً أخي eech55

<link rel="Shortcut Icon" href="favicon.ico" />

تم تعديل هذه المشاركة بواسطة أبو محمد اللحياني في 24 أغسطس 2006 في 23:55

ولو وافيت ربك دون ذنب *** وناقشك الحساب إذاً هلكتا

ولم يظلمك في عملٍ ولكن *** عسير أن تقوم بما حملتا

#3

وإياك اخي محمد اللحياني.. اشكرك على كتابة الكود بطريقة سهلة للقرأءة لكن تعقيب بسيط..

<link rel="Shortcut Icon" href="/favicon.ico">

الخط المائل تم وضعه قبل اسم الأيقونه حتى لا نضطر لنسخ الfavicon.ico في كل موضع يكون فيه ملف الموقع كما هو في المثال

http://domain.com/index.html

http://domain.com/directory/index.html

بهذا الخط المائل سنتمكن من استخدام نفس الfavicon الموضوع في

http://domain.com/favicon.ico

ومن دونه علينا وضع نسختين احداها هناك والأخرى هنا

http://domain.com/directory/favicon.ico

ربما اكون مخطئا ارجو ان تصحح معلومتي

إلى يومنا هذا اتبع سلوك قديم في كتابة الأكواد.. لانني لا اضع الخط المائل كما وضعت انت.. :wacko: يجب علي تحديث معلوماتي القديمة حول الـhtml

تم تعديل هذه المشاركة بواسطة eech55 في 25 أغسطس 2006 في 00:25

إذا نفعتك أحد مشاركاتي فأدع بظهر الغيب لوالداي بالصحة والسلامة والسعادة وطول العمر وأن يكون هذا زيادة لهما في كل خير.

post-21836-1257612765.gif

before asking: smart questions how-to

#4

شكراً على حسن ظنك

أنا ما كنت أريد التصويب ولكن لما وضتها بين كلمتي code بدا لي أن أعدل فيها على ذوقي .

وفائدة الخط المائل / لم أشعر بفائتها إلا منك فجزاك الله خيراً

ولو وافيت ربك دون ذنب *** وناقشك الحساب إذاً هلكتا

ولم يظلمك في عملٍ ولكن *** عسير أن تقوم بما حملتا

#5

مشكور أخي eech55 على الشرح

نحن لا نستسلم.....ننتصر.....أو نموت..!!!

جمييييييع امتحانات TestKing هنااااااااااااااااااااا

المجلد الأول : Test King Part 1

المجلد الثاني : Test King Part 2

tips1bn6.jpg

*********

اقتباس
الباسوورد للكتب العربية ولمعظم الكتب الإنجليزية هي: tipsclub

**********

Mohammad Al-Sallal

Tips Club Team

هذا الموضوع مغلق.

مواضيع مشابهة

عدد الزوار حالياً

المتواجدون خلال آخر دقيقتين · يتحدّث كل ٣٠ ثانية

—الإجمالي—أعضاء مسجّلون—زوار بدون تسجيل

جارٍ التحقق من المتواجدين…