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

شرح عمل Icon بجانب اسم الموقع

بدأه medo200039 في 11 فبراير 2012 · 5 رد · 2,496 مشاهدة · في ASP.NET
مشاركة: واتساب X فيسبوك تيليجرام
#1 صاحب الموضوع

بسم الله الرَّحْمَنِ الرَّحِيمِ

نبدأ بشرح اليوم طريقة عمل icon بجانب اسم الموقع

وهى ما تعرف ب favicon

pdf.png

قمت بعمل الشرح فى ملف pdf لمن يريد ان يحتفظ بة على جهازه

رابط التحميل

نكمل الشرح :-

الكثير من الأشخاص يسأل كيف يمكن عمل icon بجانب اسم الموقع كما فى php

وهذا الشرح ان شاء الله سيكون بالتفصيل حتى يتسنى للجميع فهمة

أولا : نحضر الصورة المراد وضعها بجانب اسم الموقع سواء كانت جاهزة او تم تصميمها

من قبل مصمم على الفوتوشوب

وهى تكون ذات حجم 16×16 pixel

نفتح الموقع التالى :

http://www.favicon.cc/

capture2hr.jpg

1-ثم نختار Import image

2- نختار الصورة المراد تحويلها

كما فى الشكل التالى

capture3yc.jpg

3- ثم عمل ابلود

capture4ur.jpg

تظهر لك الايقونة بعد تحويلها الى ico

وتكون باسم : favicon.ico

الرقم 1 : يوضح لك شكل الايقونة بجانب اسم الموقع

الرقم 2 : لتحميل الايقونة على جهازك

قم بتحميلها على جهازك

capture7ct.jpg

ثم اضف الايقونة بعد تحميلها على جهازك الى مجلد المشروع الرئيسى

كما فى الشكل التالى :-

capture10g.jpg

قم باضافة الكود التالى فى الصفحة الرئيسية

capture11p.jpg


<link id="Link1" runat="server" rel="shortcut icon" href="~/favicon.ico" type="image/x-icon" />
<link id="Link2" runat="server" rel="icon" href="~/favicon.ico" type="image/ico" />
</head>
<head>

ثم اعمل run للمشروع وشوف النتيجة

capture12ws.jpg

وفى الختام ارجو ان يكون الشرح كامل وبسيط

byte[][] scores = new byte[5][];
for (int x = 0; x < scores.Length; x++) 
{
   scores[x] = new byte[4];
}
#2

اول سطر في الكود يكفي لما الثاني

#3

اخى العزيز انا اعرف ان سطر الاول فى الكود يكفى

لكن للعلم ان ال favicon غالبا ما تكون بها مشاكل فى بعض المتصفحات وتجد انها تعمل على متصفحات ومتصفحات اخرى لا تعمل

مثل فايرفوكس، وسوف يتعاون مع أي رابط. من الاثنين

لكن internet explorer خاصة ذات الاصدارات القديمة 6 و 7 من الصعب ان يتعاون برابط واحد

فهنا يجب عليك اضافى السطر الثانى حتى تتأكد ان favicon الخاص بك يعمل مع معظم برامج التصفح

byte[][] scores = new byte[5][];
for (int x = 0; x < scores.Length; x++) 
{
   scores[x] = new byte[4];
}
#4

اكرمك الله

ماذا لو كانت متحركة

#5

بالنسبة للفافكون المتحركة

نفس الكود السابق لكن فى السطر الثانى اضف رابط الفافكون المتحركوه وامتدادها يكون gif


<link id="Link1" runat="server" rel="shortcut icon" href="~/favicon.ico" type="image/x-icon" />
<link id="Link2" runat="server" rel="icon" href="~/animated_favicon1.gif" type="image/ico" />
</head>
<head>

تم تعديل هذه المشاركة بواسطة medo200039 في 13 فبراير 2012 في 19:48

byte[][] scores = new byte[5][];
for (int x = 0; x < scores.Length; x++) 
{
   scores[x] = new byte[4];
}
#6

اكرمك الله

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