شاطر
اذهب الى الأسفل
avatar
Administrator
مشآرڪآتي: : 1729 نقآطيّ ›› *: : 58215 تاريخ الميلاد : 25/05/1995 تاريخ التسجيل : 22/06/2011 العمر : 23 الموقع : egy4u.yoo7.com
معاينة صفحة البيانات الشخصي للعضوhttp://egy4u.yoo7.com

طريقة اخفاء وصف الاقسام الرئيسية و الفرعية و اظهارها بشكل تلميحات tooltips بتاثير الماوس

في السبت مارس 14, 2015 1:33 pm
{ العنوان} طريقة اخفاء وصف الاقسام الرئيسية و الفرعية و اظهارها بشكل تلميحات 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>  
مثال حي


[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]


avatar
مشآرڪآتي: : 9 نقآطيّ ›› *: : 23351 تاريخ الميلاد : 06/05/1999 تاريخ التسجيل : 16/07/2015 العمر : 19
معاينة صفحة البيانات الشخصي للعضو

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

في الأحد يوليو 19, 2015 3:23 am
مشكوور
الرجوع الى أعلى الصفحة
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى