maaidni
01-18-2017, 11:48 AM
السلام عليكم ورحمه الله وبركاته
الكل منا دائما يريد ان يرى قالب معلومات العضو فى الزين فورو افضل بكثير جدا من منتديات الفى بى لذلك قمنا بعمل شى جديد وهو اخفاء معلومات العضو لكن عند مرور الماوس تظهر
[اسم الشرح] مشاهدة معلومات المستخدم مع تأثير css
[التوافق] متوافق مع جميع النسخ وصولا الى XF 1.5.11
الخطوات
ادخل لوحة التحكم >>> المظهر >>>>>>>البحث فى القوالب >>>>>>اسم القالب هو EXTRA.css كما هو موضح بالصورة
http://i.imgur.com/Be93cqB.png
ثم قم بوضع هذا الكود
.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
لمن اراد طريقة اظهار حقول الملف يراجع هذا الموضوع طريقة اظهار حقول الملف الشخصى مثل (عدد المشاركات- الاعجابات-الاقامة -الجنس) لمنتديات الزين فورو (http://www.helpernt.com/vb/showthread.php?t=4526)
الكل منا دائما يريد ان يرى قالب معلومات العضو فى الزين فورو افضل بكثير جدا من منتديات الفى بى لذلك قمنا بعمل شى جديد وهو اخفاء معلومات العضو لكن عند مرور الماوس تظهر
[اسم الشرح] مشاهدة معلومات المستخدم مع تأثير css
[التوافق] متوافق مع جميع النسخ وصولا الى XF 1.5.11
الخطوات
ادخل لوحة التحكم >>> المظهر >>>>>>>البحث فى القوالب >>>>>>اسم القالب هو EXTRA.css كما هو موضح بالصورة
http://i.imgur.com/Be93cqB.png
ثم قم بوضع هذا الكود
.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
لمن اراد طريقة اظهار حقول الملف يراجع هذا الموضوع طريقة اظهار حقول الملف الشخصى مثل (عدد المشاركات- الاعجابات-الاقامة -الجنس) لمنتديات الزين فورو (http://www.helpernt.com/vb/showthread.php?t=4526)