شرح عمل أيقونة موقعك في أعلى المتصفح وأفضل موقع لإنشاء صورة favicon مع شرح مفصل للمبتدئين !!!

DeleGnT

Delegnt.net Moderator
copym.gif


ســـــــلام الله يسري ما أقيمت صــــــلاة من عـبــاد خــاشــعــيــنــا

وما جادت بـمـاء المزن سحــب سـقـى الأشـجـار والــزرع الـدفـيـنـا

ســـــــلام عـــــاطر ولـه أريــج من الأعـماق يـعــبـق ياســـمــيـــنـا

ســـــــلام الله نـهـديــه إليكــــــم مـع الإشـفـــاق مـمــزوجاَ حـنـيـنـاَ

فالســــــــلام عليكـــــم ورحمـــــة الله وبركاته وهاهي سـفــيـنـتـنــا

تـــمخر عـــبـــاب هذا البـــحـــر المـــتــلاطـــم بــأمـواجه العاتيـــة

وكـــلها ثــبــات ورباطة جأش , على تحدي الصعاب وتجاوز العقبات

لتــصل لـبر الأمـان , ولتـرسـوا في مـينـاء الإخـاء , بعد أن غامرت

وصـبرت وصابرت, وكان لزاماَ عليها ,أن تأتي بالجديد من الجواهـر

فكونوا على ترقب لنا دوماً وأبداً


28436637.gif


إنشاء شعار موقعك بجانب الرابط في أعلى المتصفح

مثال مصور للشرح


15112010094837copy.gif


رؤية مثال مباشر للشرح

http://www.delegnt.net/vb

:1:

68914505.gif

دعوة صالحة في ظهر الغيب والتردد في زيارة المعهد

للأستفادة من كل جديد ومفيد في عالم البرامج والتطوير


36303376.gif


قم أولاً بتصميم صورة خاصة بك كعلامة للموقع

ومن ثم قم بالدخول إلى الموقع التالي الذي يقوم بتحويل تصميمك إلى أيقونة


http://tools.dynamicdrive.com/favicon

ومن ثم تابع الشرح

15112010093148copy.gif


سوف يظهر لك مثال للأيقونة وعليك تحميلها إلى جهازك

15112010093208copy.gif


zdj03468.gif


الخطوة الثانية

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

وطريقة الرفع كالتالي


قم بالدخول إلى [ cpanel ] الخاصة بك على الشكل الآتي

WwW.DeleGnT.NeT:2082

WwW.----------.NeT :- هو رابط المنتدى .
:2082 :- الإضافة اللي تكتب بعد الرابط مباشرة .

بعد الدخول إلى [ cpanel ] تابع الشرح التالي سوف نقوم بالدخول إلى مجلد الملفات للموقع

43155243.gif


كما هو موضح في الصورة للدخول

85929254.gif


ثم إلى مجلد المنتدى الرئيسي كما في الصورة التالية

73318912.gif


عند الدخول إلى هذا المجلد إنتقل للزاوية العلوية اليسرى لرفع الملف المرفق في الأعلى

29271838.gif


إضغط على كلمة تصفح وقم بإختيار الملف الذي قمت بتحميلة

11296238.gif


سوف تظهر لك رسالة تفيدك في الموافقة على الإستبدال

15112010093557copy.gif


:1:
zdj03468.gif

الخطوة الثالثة

بعد عملية الرفع سنقوم بعمل تعديل بسيط على قالب الهيدر

ويلزمك معرفة البحث في القوالب

في الموضوع التالي


شرح طريقة البحث عن القوالب من لوحة الإدارة بصورة مبسطة | هام جداً للمبتدئين وبشرح حصري وفريد

ستقوم بالبحث عن القالب

كود:
[COLOR=Red]HEADER[/COLOR]

وعليك إضافة الكود التالي بأعلى القالب > في اول سطر

كود:
[B][B][COLOR=#000000][COLOR=#007700]<[/COLOR][COLOR=#0000BB]link rel[/COLOR][COLOR=#007700]=[/COLOR][COLOR=#DD0000]"shortcut icon" [/COLOR][COLOR=#0000BB]href[/COLOR][COLOR=#007700]=[/COLOR][COLOR=#DD0000]"favicon.ico" [/COLOR][COLOR=#007700]/>[/COLOR][/COLOR][/B][/B]

إذهب إلى المتصفح الآن وشاهد التغيير

إضغط هنا للمشاهدة

74322355.gif


وها نحن نأتي وإياكم إلى ختام جولتنا المباركة

بين أفياء حديقتنا وزهرات بساتيننا

وشذا زهراتنا الفواحة

بعد أن طـّوفنا فيها سوياَ

فرأينا ما يعجب العين

وسمعنا ما يشنف الآذان ويطرب الفؤاد

وإنه ليعز علينا الفراق بعد اجتماع والبعد بعد لقاء

يا من يعـز عـلـيـنـا أن نـفـارقـهـم وجـدانــنـا كل شيء بـعـدكـم عـــدم

ولا يسعنا أحبتنا الكرام في هذا

إلا أن ندعو الله لنا ولكم التوفيق الذي جمّع شملنا في معهدنا

وهاهو وقت الوداع حان .. وزمان البين آن وإلى لقاء قريب وعلى الأفراح نجتمع

وسلام على المرسلين والحمد لله رب العالمين
.


67179642.gif

 


طبق الشرح بالتفصيل وسوف تظهر

وأنا امس طبقتها على معهد ديليجنت والآن توجد الصورة

وأنت عندما تعمل التصميم راح يكون بأي صيغة ولتكن png مثلاً

والموقع وظيفتة تحويل الصورة إلى أيقونة
 


:1146775398:

حلوه مرا :2: عن جد تمنيت له ايقونه من قبل

الله يعطيك العافيه ياذوق
 


بارك الله فيك تم تطبيق الشرح بحذافره ونجح وخرجت الصورة اشكرك كثيرا

لكن هنا اشكال وهو عدم ظهور الايقونة في المجلة vBadvanced CMPS v3.2.2

هل يمكن توجه في ذلك
 


شرح جميل جداً أنا ما طلعت الصوره الا لمن غيرت اسم الايقونه إلى favicon1.ico بإضافة < 1 > في آخر الايقونه وضبطت معي ..
شكراً لك أخي العزيز
 


بارك الله فيك حاولت اعملها من قبل
ولكن معظم الشروحات الموجوده لما تأتى على ذكر
الكود الموضوع فى قالب الهيدر

تم التطبيق والعمل بنجاح
 


شرح مفيد وتقريبا كل المواقع واضعة ايقونة امام رابط موقعهــآ
 
عودة
أعلى