الرئيسيةالرئيسية  اليوميةاليومية  س .و .جس .و .ج  بحـثبحـث  الأعضاءالأعضاء  المجموعاتالمجموعات  التسجيلالتسجيل  دخول  

شاطر | 
 

 [CSS] كود يقوم بوضع صورة صغيرة فوق الصورة الشخصية للأعضاء

استعرض الموضوع السابق استعرض الموضوع التالي اذهب الى الأسفل 
كاتب الموضوعرسالة
معاذ بحر
الإدارة العليا
الإدارة العليا
avatar

الجنس : ذكر
مشاركاتي : 1205
نقاطي : 976205640
ولدت بتاريخ : 04/04/1997
سجلت بتاريخ : 12/06/2010
عمري : 20

مُساهمةموضوع: [CSS] كود يقوم بوضع صورة صغيرة فوق الصورة الشخصية للأعضاء    21/1/2013, 18:02

كود مميز جدا يقوم صورة فوق الصورة الشخصية في المواضيع

مميزاته :
يقوما لكود بوضع صورة صغيرة فوق الصور الشخصية للاعضاء في المنتدى مكتوب بداخلها "الصورة الشخصية"
ومميزات أخرى أيضا
الكود للنسخة الثانية Css For Phpbb 2 l
صورة لعمل الكود

الكوووود

الكود:
.postdetails.poster-profile a img {
background: url(http://i24.servimg.com/u/f24/15/54/04/99/uuuuuu10.png) repeat-x;
padding: 40px 0px 0px 0px;
sam_hameed,sam hameed;
background-position: top;
}


طريقة الوضع : -

يوضع الكود في ورقة التصميم css

لوحة الادارة > مظهر المنتدي > الوان > ورقة تصميم css

شرح الكود |Neutral كما يلي

لتحكم ببعد الصورة الصغيرة عن الصورة الشخصية قوم ببلبحث عن
اقتباس :
padding: 40px 0px 0px 0px;
و قوم بتغير الرقم 40 الي الرقم الذي يناسب مقاس الصورة

كما يمكنك ايضاً تغير رابط الصورة هذا
اقتباس :
http://i24.servimg.com/u/f24/15/54/04/99/uuuuuu10.png
بالرابط الذى تريده
أتمنى أن نيال اعجابكم .. :silent:
الرجوع الى أعلى الصفحة اذهب الى الأسفل
معاينة صفحة البيانات الشخصي للعضو http://maaz-b.forummi.com
 
[CSS] كود يقوم بوضع صورة صغيرة فوق الصورة الشخصية للأعضاء
استعرض الموضوع السابق استعرض الموضوع التالي الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
 :: قســــم تطويـــــــر المنــــتــــديـــــــات :: تطوير منتديات أحلى منتدى :: أكواد CSS-
انتقل الى: