هيلبرنت | Helpernt - [ BBcode] : مشاهدة معلومات المستخدم مع تأثير css

هيلبرنت | Helpernt (https://www.helpernt.com/vb/index.php)

- ركن شروحات الزين فورو XENFORO (https://www.helpernt.com/vb/forumdisplay.php?f=94)

- - [ BBcode] : مشاهدة معلومات المستخدم مع تأثير css (https://www.helpernt.com/vb/showthread.php?t=5506)

مشاهدة معلومات المستخدم مع تأثير css

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

الكل منا دائما يريد ان يرى قالب معلومات العضو فى الزين فورو افضل بكثير جدا من منتديات الفى بى لذلك قمنا بعمل شى جديد وهو اخفاء معلومات العضو لكن عند مرور الماوس تظهر
[اسم الشرح] مشاهدة معلومات المستخدم مع تأثير css
[التوافق] متوافق مع جميع النسخ وصولا الى XF 1.5.11

الخطوات
ادخل لوحة التحكم >>> المظهر >>>>>>>البحث فى القوالب >>>>>>اسم القالب هو EXTRA.css كما هو موضح بالصورة

http://i.imgur.com/Be93cqB.png

ثم قم بوضع هذا الكود

كود PHP:


		
			
.messageUserBlock .extraUserInfo

{

opacity: 0;

max-height: 0px;

overflow: hidden;

transition: all 0.5s ease-in-out;

}

.messageUserInfo:hover .extraUserInfo

{

opacity: 1;

max-height: 300px;

}

<xen:if is="@enableResponsive">

@media (max-width:mad:maxResponsiveWideWidth)

{

html .messageUserBlock .extraUserInfo

{

opacity: 1;

height: auto;

transition: none;

}

.messageUserInfo:hover .extraUserInfo

{

height: auto;

}

}

</xen:if>

كما انت تشاهد الصور

http://i.imgur.com/UgbU3VZ.png

النتيجة

http://i.imgur.com/HFsUkSm.gif

لمن اراد طريقة اظهار حقول الملف يراجع هذا الموضوع طريقة اظهار حقول الملف الشخصى مثل (عدد المشاركات- الاعجابات-الاقامة -الجنس) لمنتديات الزين فورو