كود يقوم بتقليص حجم الروابط الطويلة

استعرض الموضوع السابق استعرض الموضوع التالي اذهب الى الأسفل

كود يقوم بتقليص حجم الروابط الطويلة

مُساهمة من طرف admin في 3/1/2017, 3:19 pm


السلام عليكم ورحمة الله وبركاته


إذا كان لديك عنوان أنترنت أو رابط و هو طويل جدا سيظهر بشكل غير لائق و قد يتسبب في 


إظهار منتداك بشكل  غير متناسق 


الآن  لدينا الحل 


ستظهر روابطك مثل 



الكود:
https://www.google.com/search?q=vie+OR+…24&bih=538






1- بواسطة ورقة css 


ضع الكود التالي 

الكود:
[center][/center]
.postbody a {  display: inline-block;  max-width: 300px;  overflow: hidden;  white-space: nowrap;  text-overflow: ellipsis;  vertical-align: bottom;}[center][/center]



display: inline-block : يسمح لك بغيير نوع الظهور الأمثل 


max-width: 300px :  هو أقصى عرض للرابط (قد يتغير إلى عرض آخر)


overflow: hidden :  يحدد الإخفاء وهو ما يتجاوز الحد الأقصى للعرض


white-space: nowrap : يحدد هذا إذا كان هناك شيء طويل جدا, 


text-overflow: ellipsis : يحدد أنه إذا كان النص طويل جدا، فإنه يجب أن تقطع وينتهي مع القطع


vertical-align: bottom : وضع النص في نفس الارتفاع 




2- بواسطة جافا 

الكود:
[center][color=#000000][font=Trebuchet MS, Liberation Sans, DejaVu Sans, sans-serif][b][i]
[/i][/b][/font][/color][/center]
$(function(){  $(".postbody a").each(function() {    1 == this.childNodes.length && 3 == this.childNodes[0].nodeType && (this.href == this.childNodes[0].nodeValue && 55 < this.childNodes[0].nodeValue.length) && (this.childNodes[0].nodeValue = this.childNodes[0].nodeValue.substr(0, 39) + "…" + this.childNodes[0].nodeValue.substr(-10))  })});[center][/center]


يمكنك تغيير الأرقام


55 => الطول الذي يجب أن  لا يتجاوز الإختصار


39 => عدد الأحرف  عند بداية الرابط


10 => عدد الأحرف عند نهاية الرابط


مع السلامه





avatar
admin
المدير
المدير

الجنس : ذكر عدد المساهمات : 61
نقاط : 208
تاريخ التسجيل : 30/07/2014

http://four.top-me.com

الرجوع الى أعلى الصفحة اذهب الى الأسفل

استعرض الموضوع السابق استعرض الموضوع التالي الرجوع الى أعلى الصفحة


 
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى

  • © phpBB | Ahlamontada.com | منتدى مجاني للدعم و المساعدة | إتصل بنا | التبليغ عن محتوى مخالف | انشئ مدونتك الخاصة
    الساعة الأن :