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

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

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

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



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

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


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


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


http://i19.servimg.com/u/f19/19/08/62/30/ffffff10.png

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

لوحة الاداره>>مظهر المنتدى>>التومبلايتات و القوالب>>إدارة عامة>>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://illiweb.com/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;




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

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




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

ذكر
عدد المساهمات : 9802
معدل النشاط : 12326
السُمعة : 116

http://3arb-way.a7larab.net/

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

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


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