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

اذهب الى الأسفل

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

مُساهمة من طرف وهبة الساحر الأحد 22 مارس 2015 - 16:50



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

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


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


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

 -  تومبلايت يضع البيانات الشخصية عند الوقوف على الصورة الشخصية فى المواضيع  Ffffff10
https://i.servimg.com/u/f19/19/08/62/30/ffffff10.png

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

لوحة الاداره>>مظهر المنتدى>>التومبلايتات و القوالب>>إدارة عامة>>viewtopic_body>>اضغط على تعديل  -  تومبلايت يضع البيانات الشخصية عند الوقوف على الصورة الشخصية فى المواضيع  Editer


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

{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;




تم الشرح بواسطتى
وهبة الساحر
المتطوع المساعد

ارجوا ان اكون قد افدتكم
انتهي الموضوع

 -  تومبلايت يضع البيانات الشخصية عند الوقوف على الصورة الشخصية فى المواضيع  221706
 -  تومبلايت يضع البيانات الشخصية عند الوقوف على الصورة الشخصية فى المواضيع  201477



عدل سابقا من قبل وهبة الساحر في الأحد 22 مارس 2015 - 22:43 عدل 1 مرات
وهبة الساحر
وهبة الساحر
 
 

ذكر
عدد المساهمات : 9061
معدل النشاط : 14595
السُمعة : 135

https://3arb-way.yoo7.com

الرجوع الى أعلى الصفحة اذهب الى الأسفل

الرجوع الى أعلى الصفحة

- مواضيع مماثلة

 
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى