منتديات تراتيل شاعر - عرض مشاركة واحدة - طريقة اخفاء وصف الاقسام الرئيسية و الفرعية و اظهارها بشكل تلميحات tooltips
عرض مشاركة واحدة
#1  
قديم 09-18-2018, 10:36 AM
MS HMS غير متواجد حالياً
Saudi Arabia     Female
 
 عضويتي » 303
 جيت فيذا » Aug 2014
 آخر حضور » 08-28-2024 (12:35 AM)
آبدآعاتي » 213,724
 حاليآ في »
دولتي الحبيبه »  Saudi Arabia
جنسي  »  Male
آلقسم آلمفضل  » الاسلامي ♡
آلعمر  » 17 سنه
الحآلة آلآجتمآعية  » عزباء ♔
 التقييم » MS HMS has a reputation beyond reputeMS HMS has a reputation beyond reputeMS HMS has a reputation beyond reputeMS HMS has a reputation beyond reputeMS HMS has a reputation beyond reputeMS HMS has a reputation beyond reputeMS HMS has a reputation beyond reputeMS HMS has a reputation beyond reputeMS HMS has a reputation beyond reputeMS HMS has a reputation beyond reputeMS HMS has a reputation beyond repute
مشروبك   water
قناتك max
اشجع ithad
مَزآجِي  »  1

اصدار الفوتوشوب : Adobe Photoshop 9 CS2 My Camera:

My Flickr My twitter

sms ~
نامَتِ العُيُونُ
وَغارَتِ النُّجُومُ
وأنْتَ حَيٌّ قَيُّوم

سبحان الله
وبحمده سبحان
الله العظيم
mms ~
MMS ~
 
جديد1 طريقة اخفاء وصف الاقسام الرئيسية و الفرعية و اظهارها بشكل تلميحات tooltips





{ العنوان} : طريقة اخفاء وصف الاقسام الرئيسية و الفرعية و اظهارها بشكل تلميحات tooltips بتاثير الماوس
{الوصف} : شرح اضافة تلميحات لوصف الاقسام بطريقة احترفية و بتعديل على القوالب

نبدأ الشرح

1- نقوم بادراج كود الـ css التالي في خانة تعاريف css الاضافية للاستايل المراد اجراء
التعديل عليه من خلال الدخول الى لوحة التحكم ثم التحكم بالاستايلات و اختيار الستايل ثم التعريف الاضافية
و نلصق الكود التالي بعد اجراء التعديلات عليه من حيث لون الخط و حجم الخط و لون الخلفية و الشفافية
بما يناسب ستايل منتداك و نضغط حفظ
الكود



كود:
كود PHP:
a.tooltips {   positionrelative;   displayinline; } a.tooltips span {   positionabsolute;   white-space:nowrap;   min-width50px;   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

نستبدله بالكود التالي

كود:
كود PHP:
<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-نفتح القوالب كود:
كود PHP:
     forumhome_subforumbit_post                  و forumhome_forumbit_level1_post 

نبحث بداخله عن الكود التالي
كود:
كود PHP:
<a href="forumdisplay.php?$session[sessionurl]f=$forum[forumid]">$forum[title]</a
نستبدله بالكود التالي

كود:
كود PHP:
<class="tooltips" href="forumdisplay.php?$session[sessionurl]f=$forum[forumid]">$forum[title]<span>$forum[description]</span></a



'vdrm hothx ,wt hghrshl hgvzdsdm , hgtvudm h/ihvih fa;g jgldphj tooltips hgvzdsdm hgtvudm hothx h/ihvih jgldphj fa;g




 توقيع : MS HMS


رد مع اقتباس
3 أعضاء قالوا شكراً لـ MS HMS على المشاركة المفيدة:
 (09-18-2018),  (09-18-2018),  (09-20-2018)