درس طريقة وضع صورة بجانب رابط موقعك

درس طريقة وضع صورة بجانب رابط موقعك
شرح طريقة وضع صورة بجانب رابط موقعك كمثل الكثر من المواقع والمنتديات
طريقة بسيطة بس تبي تركيز 



الخطوة الأولى 


الدخول ع هذا الموقع لاختيار صورة لموقعك
http://www.iconfinder.com
تكتب اول حرف من موقع وهو يعطيك صورة خاصة يمكن تعجبك أو تغيرها إذا أردت
المهم يكون الامتداد الذي تختاره 16 + 16
تابع الصور

تكبير الصورة معاينة الأبعاد الأصلية.
تم تصغير هذه الصورة. اضغط هنا لمشاهدة الحجم الكامل. أبعاد الصورة الاصلي هو 1138*504.
طريقة صورة بجانب رابط موقعك ZZY16386.jpg


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

وهي رفع الصورة على برنامج الأف تي بي على هذا الأمتداد ولازم يكون امتداد الصورة ico
/www/vb/images/ 
كما في الصورة


تكبير الصورة معاينة الأبعاد الأصلية.
تم تصغير هذه الصورة. اضغط هنا لمشاهدة الحجم الكامل. أبعاد الصورة الاصلي هو 991*656.
طريقة صورة بجانب رابط موقعك dC817131.jpg

الخطوة الثانية
ندخل للوحة التحكم

تكبير الصورة معاينة الأبعاد الأصلية.
طريقة صورة بجانب رابط موقعك vik17131.jpg

التحكم بالاستايلات + القوالب الشائعة/Common Templates

ثم نختار الخيار الثاني headinclude ونضع في أعلى الكود الموجود مسبقا هذا الكود كود PHP <link rel="shortcut icon" href="images/favicon.ico" type="image/x-icon" /> 
كما في الصورة


تكبير الصورة معاينة الأبعاد الأصلية.
تم تصغير هذه الصورة. اضغط هنا لمشاهدة الحجم الكامل. أبعاد الصورة الاصلي هو 1363*510.
طريقة صورة بجانب رابط موقعك H2J17131.jpg


تكبير الصورة معاينة الأبعاد الأصلية.
تم تصغير هذه الصورة. اضغط هنا لمشاهدة الحجم الكامل. أبعاد الصورة الاصلي هو 1021*427.
طريقة صورة بجانب رابط موقعك DZb19911.jpg

وأخيرا هذه نتيجة العمل


تكبير الصورة معاينة الأبعاد الأصلية.
تم تصغير هذه الصورة. اضغط هنا لمشاهدة الحجم الكامل. أبعاد الصورة الاصلي هو 1368*730.
طريقة صورة بجانب رابط موقعك wJp18432.jpg


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

ليست هناك تعليقات:

إرسال تعليق

يسعدنا تفاعلكم بالتعليق , لكن يرجى مراعاة الآداب العامة وعدم نشر روابط إشهار حتى ينشر التعليق , ولا ننشر تعليق يخص مدونات تخالف الشريعة الإسلامية , اما لو لديك سؤال خارج الموضوع يرجى استخدام ركن الأسئلة ولإضافة كود قم بتحويله أولا بمحول الأكواد, ويمكنك ان تستخدم الإبتسامات بالوقوف عليها لمعرفة الكود
=q =w =s =d =f =g =h =t =y =u =z =x =c =v =b =n =m =a =e =r


جميـع الحقوق محفـوضة لـدى مدونـة3RhaBiNeT |شروط الإستخدام | إتفاقية الإستخدام التصميم 3RhaBiNeT