{ العنوان} طريقة اخفاء وصف الاقسام الرئيسية و الفرعية و اظهارها بشكل تلميحات tooltips بتاثير الماوس
{الوصف} شرح اضافة تلميحات لوصف الاقسام بطريقة احترفية و بتعديل على القوالب
{مقدم الشرح} منتدى حب العرب
مساء الخير و السعادة اعضائنا الاكارم
و زوار منتدى حب العرب اليكم اليوم
شرح جديد و حصري لاخفاء وصف الاقسام الرئيسية
و الفرعية و ظهورها بتاثير الماوس بشكل تلميحات
هذه الطريقة احترافية اكثر من التي سبقتها و مبسطة
و تم ضبط العرض ليتناسب مع حجم التلميحات تلقائيا
و بمجهود شخصي
نبدأ الشرح
1- نقوم بادراج كود الـ css التالي في خانة تعاريف css الاضافية للاستايل المراد اجراء
التعديل عليه من خلال الدخول الى لوحة التحكم ثم التحكم بالاستايلات و اختيار الستايل ثم التعريف الاضافية
و نلصق الكود التالي بعد اجراء التعديلات عليه من حيث لون الخط و حجم الخط و لون الخلفية و الشفافية
بما يناسب ستايل منتداك و نضغط حفظ
الكود
رمز PHP:
]
الكود:
a.tooltips {
position: relative;
display: inline;
}
a.tooltips span {
position: absolute;
white-space:nowrap;
min-width: 50px;
color: #FFFFFF;
font-size: 12px;
background: #000000;
height: 30px;
line-height: 30px;
text-align: center;
visibility: hidden;
border-radius: 6px;
}
a.tooltips span:after {
content: '';
position: absolute;
top: 50%;
left: 100%;
margin-top: -8px;
width: 0; height: 0;
border-left: 8px solid #000000;
border-top: 8px solid transparent;
border-bottom: 8px solid transparent;
}
a:hover.tooltips span {
visibility: visible;
opacity: 0.8;
right: 100%;
top: 50%;
margin-top: -15px;
margin-right: 10px;
z-index: 999;
}
2- نفتح عن القالب forumhome_forumbit_level2_post
نبحث بداخله عن الكود التالي
رمز PHP:
الكود:
<a href="forumdisplay.php?$session[sessionurl]f=$forum[forumid]"><strong>$forum[title]</strong></a>
نستبدله بالكود التالي
رمز PHP:
الكود:
<a class="tooltips" href="forumdisplay.php?$session[sessionurl]f=$forum[forumid]"><strong>$forum[title]</strong><span>$forum[description]</span></a>
ثم نبحث عن الكود التالي في نفس القالب و نحذفه
رمز PHP:
الكود:
<if condition="$show['forumdescription']"><div class="smallfont">$forum[description]</div></if>
3-نفتح القوالب forumhome_subforumbit_post
و forumhome_forumbit_level1_post
نبحث بداخله عن الكود التالي
رمز PHP:
الكود:
<a href="forumdisplay.php?$session[sessionurl]f=$forum[forumid]">$forum[title]</a>
نستبدله بالكود التالي
رمز PHP:
الكود:
<a class="tooltips" href="forumdisplay.php?$session[sessionurl]f=$forum[forumid]">$forum[title]<span>$forum[description]</span></a>
مثال حي
اضغط هنا