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

اذهب للمحتوى

صفحة 1 من 1
  • لا يمكنك بدء موضوع جديد
  • هذا الموضوع مغلق

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

#1     غير متواجد   eech55 Icon

  • مشرف قسم الشبكات
  • مجموعة المشرفون
  • مشاركات 1502
  • التقييم 66
  • النقاط المتوفرة 6.00
  • 0.00
    النقاط المحصلة
++

تم الارسال 24/08/2006 - 11:24 PM

كنت اريد صنع 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/08/2006 - 11:28 PM

0

شارك هذا الموضوع

      

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

  • عضو فعال
  • مجموعة اعضاء
  • مشاركات 389
  • التقييم 1
  • النقاط المتوفرة 6.00
  • 0.00
    النقاط المحصلة
++

تم الارسال 24/08/2006 - 11:53 PM

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

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

0

#3     غير متواجد   eech55 Icon

  • مشرف قسم الشبكات
  • مجموعة المشرفون
  • مشاركات 1502
  • التقييم 66
  • النقاط المتوفرة 6.00
  • 0.00
    النقاط المحصلة
++

تم الارسال 25/08/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/08/2006 - 12:25 AM

0

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

  • عضو فعال
  • مجموعة اعضاء
  • مشاركات 389
  • التقييم 1
  • النقاط المتوفرة 6.00
  • 0.00
    النقاط المحصلة
++

تم الارسال 25/08/2006 - 08:48 AM

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

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

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

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

  • عضو
  • مجموعة اعضاء
  • مشاركات 180
  • التقييم 0
  • النقاط المتوفرة 6.00
  • 0.00
    النقاط المحصلة
++

تم الارسال 25/08/2006 - 11:23 AM

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

شارك هذا الموضوع


صفحة 1 من 1
  • لا يمكنك بدء موضوع جديد
  • هذا الموضوع مغلق

( 1 ) عضو يشاهد هذا الموضوع
( 0 ) الأعضاء, ( 1 ) الزوار, ( 0 ) عضو بدخول مخفي




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

 الآن ... إستايل خاص لمن يملك هاتف iPhone  ... لتنزيل البرنامج  اضغط هنا