وضع صورة رمزية للاعضاء الذين لم يضعون صورة رمزية((درس احترافي للمصممين ))

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


اليوم وكالعادة وكما تعودتوا مني بتقديم بكل شيء مهم وجديد من شبكة لك قلبي

وفي صدد التطوير اليدوي لا التطوير الآلي عن طريق الهاكات للمحافظة على التصفح والسرعه
والابتعاد عن المشاكل

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

انا سأقوم بالشرح بالتفصيل وعلى سيرفر شخصي على الجهاز الشخصي

نبدأ على بركة الله

نفتح برنامج الفرونت بيج
ونمسح كل الاكواد الموجوده فيه ونضغط على زر تصميم في اسفل البرنامج
وبعدها نضغط على الايقونة التالية لاضافة صورة كما في الصورة التوضيحية

https://mwadah.com/images/imgcache/2009/09/480.gif


ملاحظة : الصورة انا وضعتها على مسار الستايل الذي اسمه alsa7el في مجلد miscالموجود في ادخله وانت ايضاً ارفع الصورة الى نفس المسار.
www/vb/alsa7el/misc
alsa7el كما في الستايل الذي انا طبقت عليه اكيد انت ستايلك اسمه يختلف

نختار الصورة من مجلد misc

https://mwadah.com/images/imgcache/2009/09/481.gif

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

كود HTML:

---

<img border="0" src="alsa7el/misc/qq.gif">


---

https://mwadah.com/images/imgcache/2009/09/482.gif

هذا الكود وهو في الفرونت بيج

https://mwadah.com/images/imgcache/2009/09/483.gif

بعدها نذهب الى لوحة تحكم منتداك ونروح على القوالب والستايلات ونختار الستايل الذي نريد التعديل عليه والعمل فيه ونذهب الى قالب postbit_legacy

https://mwadah.com/images/imgcache/2009/09/484.gif

ندخل نبحث عن avatar وهو مايخص الصورة الرمزية

https://mwadah.com/images/imgcache/2009/09/485.gif


ونعمل كما في الصورة التالية بالضبط

https://mwadah.com/images/imgcache/2009/09/486.gif

ليكون بهذا الشكل

https://mwadah.com/images/imgcache/2009/09/487.gif

والآن ايضاً كما في الصورة

https://mwadah.com/images/imgcache/2009/09/488.gif

وسيكون في هذا الشكل

https://mwadah.com/images/imgcache/2009/09/489.gif


الان كما في الصورة ايضاً

https://mwadah.com/images/imgcache/2009/09/490.gif

وهذا هو الكود النهائي الذي قمنا باضافته وتعديله وترتيبه

https://mwadah.com/images/imgcache/2009/09/491.gif

الآن نذهب الى المنتدى واي عضو ليس لديه صورة رمزيه ستظهر بهذا الشكل

https://mwadah.com/images/imgcache/2009/09/492.gif


انتهى الدرس والحمد لله
كما تلاحظ الدرس سهل وبسيط جداً كل ماعليك هو التركيز قليلاً

في ختام الدرس ..لا اريد مقابل جهدي المبذول هذا
سوى الدعاء لي ولوالدي بالموفقيه والخير فقط

وذكر المصدر اذا كان من موقعي او من المودة فلا فرق

اللهم ان اصبت فهذا توفيقٌ منك فزدني بالعلم والتوفيق والخير.

لاتنسوا ياعباقرة المواقع والتطوير

((زكاة العلم اعطائه ))


فلاتبخل على اخيك المسلم بأي معلومه قد تفيده

ولكم مني كل التحايا من هنا من الموده اليكم اينما كنتم وكيفما تكونوا

((من لم تظهر لديه الصور ..صور الدرس في المرفق ))

اخوكم
علي الجبوري
مدير عام شبكة لك قلبي للتصميم والترفيه

مشكور اخوي على الشرح والوافي والكافي
ويشرفني اني اول شخص يرد على موضوعكم الكريم

اتمنى لك التوفيق في الدنيا والاخرة
ورحم الله والديك

نتور اخوية العزيز ..بالتوفيق يالغالي... تحياتي

56 مشاهدة ورد واحد.. بصراحة حاله تفتح النفس وتعمل حماس للعطاء..

مشكورين..تحياتي

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