الويب العربي

الويب العربي (http://www.arabwebtalk.com/index.php)
-   مجتمع ديموفنف (http://www.arabwebtalk.com/forumdisplay.php?f=73)
-   -   شرح كيفية وضع شعار الموقع بجانب العنوان فى الاكسبلورر (http://www.arabwebtalk.com/showthread.php?t=96682)

د.نجلاء نور الدين 11-11-2008 02:22 PM

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

وبناءا على طلب استاذى غواص الامارات فى توضيح هذه النقطة فقررت شرحها للجميع سريعاً



الخطوات


1-- قم بالدخول لاى موقع يقدّم مثل هذه الخدمة
وهذا مثال

http://tools.dynamicdrive.com/favicon/






المطلوب هو وضع شعار الموقع بالمتصفح بجانب العنوان كما موضّح فى الجزء العلوى من الصورة





2-- قم بالضغط على زر browse المشار اليه بالسهم رقم 1

ومن ثم رفع الشعار المطلوب او الصورة المطلوبة من جهازك

3-- تحديد الأبعاد المناسبة بالاختيارات المشار اليها بالسهم رقم 3


4-- صنع الأيقونة بالسهم المشار اليه رقم 2



سيظهر لنا مربع صغير به معاينة للشعار فى المتصفح
وزر تنزيل للجهاز كما مشار اليه بالسهم هنا ...





5-- بعد تنزيل الملف للجهاز سنقوم برفعه على البابليك او مسار انفنيتي في موقعنا

وسنجده باسم

favicon.ico

ويمكن التأكد من وجوده بكتابة مساره واستدعائه على موقعك

ومثال استدعاء الأيقونة على نفس الموقع السابق



http://tools.dynamicdrive.com/favicon.ico



6-- بعدها قم بوضع هذا الكود فى منطقة الـ head

في اى موقع لك تعمل عليه (وضعته لعموم الفائدة)


كود:

<link rel="shortcut icon" href="/favicon.ico">

أمّا في انفنيتي لن تحتاج الا لرفع الأيقونة على مسار انفنتي بموقعك فقط


لأنه مضاف اليها تلقائيا هذا الكود فى كلا نموذجي الهيدر والهيدر مين

كود:

<link rel="shortcut icon" href="{script_url}/favicon.ico" type="image/x-icon">

مع ملاحظة أن الأيقونة قد لا تظهر فى وقتها مباشرة وقد تستغرق عدّة ساعاات لظهورها مع بعض المتصفحات كاكسبلورر 6

وتظهر مباشرة مع اكسبلورر 7

كما تظهر ايضا بجانب اسم الموقع عند حفظه بالمفضّلة





أمنياتى للجميع بكل توفيق

satam2k 11-11-2008 03:11 PM

الله يعطيك العافيه على هالشرح الجميل

صقر النوايف 11-11-2008 05:22 PM

نجلاء


يعطيك العافيه ، تسلمين

Abdullah Al-qahtani 11-11-2008 08:02 PM

وين بالتحديد في منقطة الهيدر

ياليت يتم تحديد وضع الكورد

غواص الامارات 11-11-2008 09:59 PM

شكرا لك اختي الكريمه على هذا التجاوب وهذا الشرح ويعطيكم العافيه على مجهودكم الطيب..

اختي الكريمه سؤالي نفس سوال عبدالله وين بالضبط نحط هذا الكود...

والنماذج الموجوده اثنين
headermain.html & header.html

في كل واحد نحط هذا الكود

د.نجلاء نور الدين 12-11-2008 07:11 AM

صباح الخير للجميع

الكود مضاف الى استايلات انفنتى تلقائى ستجدوه فى النماذج السابقة هكذا


كود:

<link rel="shortcut icon" href="{script_url}/favicon.ico" type="image/x-icon">
بمعنى ان الشرح السابق فى اى موقع

ولكن فى انفنتى لن تحتاج الاّ لرفع الأيقونة فقط

وهذه صورة الأيقونة عند الحفظ فى المفضلة





أطيب تحية للجميع

غواص الامارات 13-11-2008 04:42 AM

انزين اختي وين نرفع الايقونه
في اي ملف بالضبط..
لانها ماطلعت معاي..

د.نجلاء نور الدين 13-11-2008 06:19 AM

صباح الخير استاذى

الرفع يكون على المسار الرئيسى للموقع بمعنى داخل public_html

وكما ذكرت انه من الممكن عدم ظهورها مباشرة رغم انها معى ف ااكسبلورر ظهرت بعد الرفع مباشرة

أطيب تحية

ابو غسان 14-11-2008 05:08 AM

كل الاحترام لك اخت نجلاء

حقا انك رائعة

الله يحفظك

زياد الخالدي 15-11-2008 05:31 PM

كل الشكر لكِ اختي نجلاء أحمد

خالد. 15-11-2008 11:27 PM

كل الشكر لكِ اختي نجلاء أحمد

د.نجلاء نور الدين 06-03-2009 02:19 PM

مشكورين جميعا على المرور

وأتمنى الفائدة للجميع

اطيب تحية

ابو احمـــد 06-03-2009 09:59 PM

بالفعل جهد تستحقين عليه كل الشكر والتقدير لك اخت نجلاء
ولا تحرمينا من روائعك
دمـــــــــــــت برعاية الله

كي بورد 07-03-2009 12:43 AM

سبحان الله
كأنك تقرأي افكاري
كنت ابحث عن الفكرة ولكن الحمد لله وجدت هذا الموضوع
فالف شكر لكي اختنا نجلاء

usb 07-03-2009 04:03 AM

كل الشكر والتقدير

د.نجلاء نور الدين 07-03-2009 06:18 AM

اشكر مروركم الكريم

والحمد لله ان الموضوع مفيد للجميع

أطيب تحية

بوابة مكة 09-03-2009 02:10 AM

جزاك الله كل الخير

zax 12-03-2009 07:24 AM

يعطيكم العافية على التوضيح والشرح

د.نجلاء نور الدين 12-03-2009 08:04 AM

شكرا على المرور

مع خالص امنياتي بالاستفادة للجميع

أطيب تحية


جميع الأوقات بتوقيت مكة المكرمة. الساعة الآن » 03:34 PM.

Powered by vBulletin
Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.
Copyright © ArabWebTalk.Com 2004-2012