برمجة - شبكات - كمبيوتر - منتديات الفريق العربي للبرمجة: شرح مبسط لكيفية صنع favicon.ico مع Photoshop - برمجة - شبكات - كمبيوتر - منتديات الفريق العربي للبرمجة

اقفز إلى الموضوع

الصفحة 1 من 1
  • لا تستطيع بدء موضوع جديد
  • الموضوع مقفل

شرح مبسط لكيفية صنع favicon.ico مع Photoshop favicon هي الأيقونة الصغيرة التي تظهر في الـaddress bar قيم الموضوع: -----

#1 العضو غير متواجد حاليا   eech55 

  • مشرف قسم الشبكات
  • أيقونة
  • المجموعة: المشرفون
  • المشاركات: 1502
  • الإلتحاق: 18-December 03
  • الجنس:ذكر
  • الدولة:بدارٍ زانها الشيخ زايد
  • الوسام

  • الدولة :

السمعة: 64
جيد

تمت المشاركة 24 August 2006 - 11:24 PM

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

الذي يستخدم FireFox سيلاحظ ماذا اقصد بأيقونه Favicon والتي تظهر بجوار اسم الموقع في الaddress bar
لانه firefox يظهر هذه الصورة في جميع الحالات
لكن Internet Explorer لا يظهر هذه الصورة لأي موقع، انما يظهرها فقط للمواقع المضافة في المفضلة

من هنا نزل المقبس او الـPlugin
http://www.telegraph...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.photoshop...er/favicon.html

تم تعديل هذه المشاركة بواسطة eech55: 24 August 2006 - 11:28 PM

0



#2 العضو غير متواجد حاليا   أبو محمد اللحياني 

  • عضو فعال
  • PipPipPip
  • المجموعة: اعضاء
  • المشاركات: 369
  • الإلتحاق: 16-February 06
  • الجنس:ذكر
السمعة: 0
عادي

تمت المشاركة 24 August 2006 - 11:53 PM

جزاك الله خيراً أخي eech55
<link rel="Shortcut Icon" href="favicon.ico" />

تم تعديل هذه المشاركة بواسطة أبو محمد اللحياني: 24 August 2006 - 11:55 PM

0

#3 العضو غير متواجد حاليا   eech55 

  • مشرف قسم الشبكات
  • أيقونة
  • المجموعة: المشرفون
  • المشاركات: 1502
  • الإلتحاق: 18-December 03
  • الجنس:ذكر
  • الدولة:بدارٍ زانها الشيخ زايد
  • الوسام

  • الدولة :

السمعة: 64
جيد

تمت المشاركة 25 August 2006 - 12:23 AM

وإياك اخي محمد اللحياني.. اشكرك على كتابة الكود بطريقة سهلة للقرأءة لكن تعقيب بسيط..
<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/di...ory/favicon.ico


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

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

تم تعديل هذه المشاركة بواسطة eech55: 25 August 2006 - 12:25 AM

0

#4 العضو غير متواجد حاليا   أبو محمد اللحياني 

  • عضو فعال
  • PipPipPip
  • المجموعة: اعضاء
  • المشاركات: 369
  • الإلتحاق: 16-February 06
  • الجنس:ذكر
السمعة: 0
عادي

تمت المشاركة 25 August 2006 - 08:48 AM

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

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

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

#5 العضو غير متواجد حاليا   محمد السلال 

  • عضو
  • PipPip
  • المجموعة: اعضاء
  • المشاركات: 180
  • الإلتحاق: 06-August 06
  • الدولة:الأردن
  • اهتمامات:التخريب والتدمير!!
  • الدولة :

السمعة: 0
عادي

تمت المشاركة 25 August 2006 - 11:23 AM

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

الصفحة 1 من 1
  • لا تستطيع بدء موضوع جديد
  • الموضوع مقفل

1 أعضاء يقرؤون هذا الموضوع
0 أعضاء، 1 زوار و 0 أعضاء مختبؤون





لإفضل مشاهدة للمنتدى إستخدم مستعرض فايرفوكس