MS HMS
09-18-2018, 10:36 AM
{ العنوان} : طريقة اخفاء وصف الاقسام الرئيسية و الفرعية و اظهارها بشكل تلميحات tooltips بتاثير الماوس
{الوصف} : شرح اضافة تلميحات لوصف الاقسام بطريقة احترفية و بتعديل على القوالب
نبدأ الشرح
1- نقوم بادراج كود الـ css التالي في خانة تعاريف css الاضافية للاستايل المراد اجراء
التعديل عليه من خلال الدخول الى لوحة التحكم ثم التحكم بالاستايلات و اختيار الستايل ثم التعريف الاضافية
و نلصق الكود التالي بعد اجراء التعديلات عليه من حيث لون الخط و حجم الخط و لون الخلفية و الشفافية
بما يناسب ستايل منتداك و نضغط حفظ
الكود
كود: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
نبحث بداخله عن الكود التالي
كود:
<a href="forumdisplay.php?$session[sessionurl]f=$forum[forumid]"><strong>$forum[title]</strong></a>
نستبدله بالكود التالي
كود:
<a class="tooltips" href="forumdisplay.php?$session[sessionurl]f=$forum[forumid]"><strong>$forum[title]</strong><span>$forum[description]</span></a>
ثم نبحث عن الكود التالي في نفس القالب و نحذفه
كود:
<if condition="$show['forumdescription']"><div class="smallfont">$forum[description]</div></if>
3-نفتح القوالب كود:
forumhome_subforumbit_post و forumhome_forumbit_level1_post
نبحث بداخله عن الكود التالي
كود:<a href="forumdisplay.php?$session[sessionurl]f=$forum[forumid]">$forum[title]</a>
نستبدله بالكود التالي
كود:
<a class="tooltips" href="forumdisplay.php?$session[sessionurl]f=$forum[forumid]">$forum[title]<span>$forum[description]</span></a>
{الوصف} : شرح اضافة تلميحات لوصف الاقسام بطريقة احترفية و بتعديل على القوالب
نبدأ الشرح
1- نقوم بادراج كود الـ css التالي في خانة تعاريف css الاضافية للاستايل المراد اجراء
التعديل عليه من خلال الدخول الى لوحة التحكم ثم التحكم بالاستايلات و اختيار الستايل ثم التعريف الاضافية
و نلصق الكود التالي بعد اجراء التعديلات عليه من حيث لون الخط و حجم الخط و لون الخلفية و الشفافية
بما يناسب ستايل منتداك و نضغط حفظ
الكود
كود: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
نبحث بداخله عن الكود التالي
كود:
<a href="forumdisplay.php?$session[sessionurl]f=$forum[forumid]"><strong>$forum[title]</strong></a>
نستبدله بالكود التالي
كود:
<a class="tooltips" href="forumdisplay.php?$session[sessionurl]f=$forum[forumid]"><strong>$forum[title]</strong><span>$forum[description]</span></a>
ثم نبحث عن الكود التالي في نفس القالب و نحذفه
كود:
<if condition="$show['forumdescription']"><div class="smallfont">$forum[description]</div></if>
3-نفتح القوالب كود:
forumhome_subforumbit_post و forumhome_forumbit_level1_post
نبحث بداخله عن الكود التالي
كود:<a href="forumdisplay.php?$session[sessionurl]f=$forum[forumid]">$forum[title]</a>
نستبدله بالكود التالي
كود:
<a class="tooltips" href="forumdisplay.php?$session[sessionurl]f=$forum[forumid]">$forum[title]<span>$forum[description]</span></a>