التونسية للمحمــول Tn-GsMدخول


description تومبلايت يضع البيانات الشخصية عند الوقوف على الصورة الشخصية فى المواضيع  Empty تومبلايت يضع البيانات الشخصية عند الوقوف على الصورة الشخصية فى المواضيع

more_horiz
الكود: تومبلايت يضع البيانات الشخصية عند الوقوف على الصورة الشخصية فى المواضيع
كود جديد تومبلايت
الكود: تومبلايت يضع البيانات الشخصية عند الوقوف على الصورة الشخصية فى المواضيع
ملاحظة :الكود يعمل على النسخة  PHPBB2 و PunBB


صورة للمعاينه



[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]


بعد ما شوفنا صور عمل الكود ندخل على وضعه فى المنتدى

لوحة الاداره>>مظهر المنتدى>>التومبلايتات و القوالب>>إدارة عامة>>viewtopic_body>>اضغط على تعديل [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]


قوم بالبحث عن الكود التالي:
الكود: 

الكود:

 {postrow.displayed.POSTER_RANK}             {postrow.displayed.RANK_IMAGE}{postrow.displayed.POSTER_AVATAR}              <!-- BEGIN profile_field -->            {postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}            <!-- END profile_field -->            {postrow.displayed.POSTER_RPG}        </span>         <img src="http://2img.net/i/fa/empty.gif" alt="" style="width:150px;height:1px" />



ونستبدله بهذا الكود
الكود:

الكود:

 </span> <!-- INICIO DE LAS MODIFICACIONES  DEL PERFIL HECHAS POR HARICOOW --> <div class="infobulle_avatar">{postrow.displayed.POSTER_AVATAR} <em> <!-- BEGIN profile_field -->{postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}<!-- END profile_field --> {postrow.displayed.POSTER_RPG} </em></div> <!-- FIN DE LAS MODIFICACIONES DEL PERFIL HECHAS POR HARICOOW -->



الكود الاخر فى ورقة تصميم css
لوحة الاداره >> مظهر المنتدى >> الصور والألوان >> ألوان >> ورقة تصميم css

تعطيل كود ال CSS الأصلي: لا
تفعيل نظام تحسين مردودية ال CSS المشخص: نعم
ثم اضف هذا الكود الى ورقة تصميم css

الكود: 

الكود:

 div.infobulle_avatar em {display:none;} div.infobulle_avatar:hover {background: none;z-index: 999;cursor: hand;position: relative;text-decoration:none;border: 0;} div.infobulle_avatar:hover em {font-style: normal;font-size: 10px;color:#000 !important;padding: 3px;display: block;position: absolute;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px ;background-color: #2DE113;border: 1px solid #000;width:150px;top: 100px;left: 100px;}


ملاحظة: يمكنك تعديل على كود CSS كما تشاء مثال ؟
يمكنك من هنا تغيير للون الخلفية

الكود: 

الكود:

background-color: #2DE113;



يمكنك من هنا تغيير للون الاطار وتغيير الاللوان
الكود: 

الكود:

border: 1px solid #000;
privacy_tip صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى
power_settings_newقم بتسجيل الدخول للرد