المساعد الشخصي الرقمي

مشاهدة النسخة كاملة : {شرح} طريقة وضع شعار لمتصفح موقعك



Karim Mohamed
01-30-2012, 03:26 AM
الســلام عليكم ورحمة الله وبركاته



طريقة وضع شــعار لمتصــفح موقعك والمقصود بذالك الصوره الموجودهـ بجانب الرابط

مثــال لتوضيح :


http://www.rawabetvb.net/upload/2244862acb1.gif

الخطوهـ الأولى :



اما ان تصمم ايقونه على ذوقك والاهم مقاسات الصوره تكون 16*16

وانا راح اعطيكم رابط موقع ايقونااااات اكثر من رااااائع

http://www.iconfinder.com/

راح نكتب فيه اول حرف من رابط موقعنا مثال على ذالك

انا رابط موقعي : WWW.GI77OP.COM (http://www.gi77op.com/)

واول حرف هو حرف G الأن اكتب حرف G في خانة البحث كما هو موضح لك بالصوره التاليه


http://www.rawabetvb.net/upload/2244862acb2.gif


الخطــوهـ الثانيه :

بعد مانضغط انتر راح ننتقل لصفحة الإيقونات الي نبحث عنها وراح تلاحظ الخطواات بالصوره التاليه

http://www.rawabetvb.net/upload/2244862acb3.gif


انحدد مقاسات الصوره 16 *16 وذالك الأنسب لجميع المتصفحات والمتعارف عليه بعد ما نختار الصوره المناسبه لكـ نضغط على كلمة ICO ونحفظ الصوره على جهازنا ولو تلاحضون ان الصورره

انحفظة بصيغة .ICO




الأن بعد ما انتهينا من اختيار الصوره وحفظها نعدل على اسم الصوره ونخلي اسمها

icon كما هو موضح لك بالصوره

http://www.rawabetvb.net/upload/2244862acb4.gif

الخــطوه الثالثه :
من خلال برنامج الأف تي بي

ندخل على مجلد المنتدى vb ونرفع الصوره داخل مجلد images

وراح يكون هذا مســار الصوره

vb/images/icon.ico



الأن نأتي للخطوات الأهــم :

من خلال لوحة التحكم للمنتدى >> الأســتايلات والقـوالب >> التحكم بالاســتايلات >> نختار الاستايل المراد اضافة الصوره له

كما هو موضح لك بالصوره


http://www.rawabetvb.net/upload/e4856dd0bc1.gif


http://www.rawabetvb.net/upload/2244862acb5.gif

الأن راح تفتح لنا صفحة القوالب الشائعه نبحث عن قالب headinclude ومن ثم نضيف الكود التالي
بأعلى القالب كما هو موضح لك بالصورهـ







<link rel="shortcut icon" href="images/icon.ico" type="image/x-icon" />




http://www.rawabetvb.net/upload/e4856dd0bc2.gif



الان بعد ما انتهينا من جميع الخطوات نعمل تحديث لصفحة المنتدى وراح نلاحظ وجود الصوره بجانب الرابط

للمعاينه اضغط على

منتديات تيماء (http://www.gi77op.com/)