طريقة جعل وصف القسم بشكل تلميحات tooltips , اخفاء وصف القسم بشكل تلميحات







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

الشرح :

1- نقوم بزيادة عدد احرف عناوين الاقسام الى 250 حرف من خلال زراعة الامر التالي في قاعدة بيانات المنتدى من خلال الدخول للسي بنل ثم phpmyadmin ثم اختيار قاعدة بيانات منتداك و اختر SQL من القائمة بالاعلى ثم ازرع الكود ادناه و اختر تنفيذ الكود

مز PHP:

ALTER TABLE 
`forumCHANGE `title` `titleVARCHAR250 ),CHANGE `title_clean` `title_cleanVARCHAR250 );
 

2- الان نتوجة الى لوحة التحكم و نختار التحم بالاستايلات و نختار الستايل المراد التعديل عليه و ضع الكود التالي في التعاريف CSS الاضافية او ادخل الموقع التالي لتغيير ما يناسبك من لون الخلفية و الخط و احصل على الكود الموقع اضغط هنا الكود

رمز PHP:
a.tooltips { 
  
positionrelative; 
  
displayinline; 
} 
a.tooltips span { 
  
positionabsolute; 
  
width:100%;  
  
color#FFFFFF; 
  
font-size11px; 
  
background#000000; 
  
height30px; 
  
line-height30px; 
  
text-aligncenter; 
  
visibilityhidden; 
  
border-radius6px; 
  
} 
a.tooltips span:after { 
  
content''; 
  
positionabsolute; 
  
top50%; 
  
left100%; 
  
margin-top: -8px; 
  
width0height0; 
  
border-left8px solid #000000; 
  
border-top8px solid transparent; 
  
border-bottom8px solid transparent; 
} 
a:hover.tooltips span { 
  
visibilityvisible; 
  
opacity0.8; 
  
right100%; 
  
top50%; 
  
margin-top: -15px; 
  
margin-right10px; 
  
z-index999; 
 
 

3- توجه الى التحكم بالاقسام و اختر تعديل و ضع الكود التالي في حقل عنوان القسم مع ترك حقل الوصف فارغ الكود كود

رمز PHP:
<class="tooltips" href="رابط القسم http://www.7bal3rab.com/vb/forumdisplay.php?f=2">عنوان الآقسام الدينية و الآسلامية 
<span>الوصف تفسير القران الكريم السنة النبوية حكم مواعظ قصص اسلامية ادبيات اسلامية القرآن الكريم</span></a