المواضيع الأخيرة

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

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

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

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

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

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


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


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


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


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



الكود:
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 => عدد الأحرف عند نهاية الرابط


مع السلامه


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

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

https://four.banouta.net

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

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


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

  • ©phpBB | Ahlamontada.com | منتدى مجاني للدعم و المساعدة | التبليغ عن محتوى مخالف | آخر المواضيع
    الساعة الأن :