ازالة زخرفة النصوص
Malene Mederios
موقع حذف وتخفيف التشكيل من الحروف العربية أون لاين وكيفية إزالة علامات التشكيل آليا مثل ( الفتحة الضمة الكسرة التنوين السكون الشدة الهمزة تنوين الفتح تنوين الضم تمطيط الحروف وكل الحركات والأشكال أو الزخرفة ) من النصوص أو الأسماء أو الكلمات أو من ملفات مايكروسوفت وورد سواء كان نصا قرآنيا أو حديثا نبويا أو أي كتابة عادية بدون الحاجة إلى تثبيت أي برامج أو تطبيقات
طريقة حذف التشكيل سهلة جدا فقط الصق النص المراد إزالة حركات وعلامات التشكيل والزخرفة بعد ذالك يقوم الموقع بإزالة التشكيل في الخانة السفلية ثم الضغظ على زر إزالة التشكيل وبالتالي الحصول على نص واضح وبسيط وبالضغط على رز النسخ يمكنك حفظ النص الى الحافظة.
يمكنكم إستخدام العديد من ادوات ومولدات موقع زخرفة اسماء من أجل زخرفة أسماء ونصوص وكلمات وتواقيع وكل ما تريد ما عليكم سوى تصفح الموقع وتجربة مولدات زخرفة الأسامي التلقائية واليدوية.
ستتعلم في هذا الدرس طريقة زخرفة النصوص وإضافة خطوط أعلي وأسفل وخلال النص أو إلغاءها عن طريق خاصية text-decoration في لغة CSS.
تًستخدم خاصية text-decoration-line للتحكم في ديكور النصوص وهي تًضيف علي النص خطوط عرضية أعلي وأسفل ومن خلال النص لأي عنصر مثل سعر المنتج قبل الخصم يجب ان يكون عليه شطب عن طريق الخط العرضي من خلال السعر.
توفر CSS العديد من الخصائص التي يمكنك استخدامها لتحسين طريقة ظهور النصوص و جعلها تظهر بالشكل الذي تريده بالضبط فمثلاً يمكنك تغيير لون النص تغيير إتجاه النص عكس إتجاه الأحرف و غيرها من الأمور التي سنتعرف عليها في هذا الدرس.
لتلوين نص العنصر نستخدم الخاصية color و اللون نضعه لها كقيمة من خلال إسمه ( Color Name ) أو بتحديد درجته بأسلوب HEX أو RGB أو RGBA أو HSL أو HSLA كما تعلمنا في درس الألوان.
لجعل إتجاه النص في آخر السطر نستخدم الخاصية text-align-last و نمرر لها إحدى القيم السابقة left right center و justify و التي تعمل معها بذات الطريقة.
في المثال التالي قمنا بجعل كلمات النص تتباعد بشكل تلقائي حتى تظهر على الأسطر الموضوعة فيه بنفس الطول بما فيها السطر الأخير.
تحديد إتجاه الكتابة أمر مهم جداً لجعل التنقيط و الترقيم أو مجرد النقاط الفواصل علامات الإستفهام تظهر بشكل مناسب مع إتجاه النص. فعلى سبيل المثال إن كنت ستعرض محتوى مكتوب باللغة العربية فيجب أن تحدد أن النص يجب أن يبدأ من يمين السطر و أن إتجاه الكتابة هو من اليمين إلى اليسار.
في المثال التالي قمنا بتعريف كلاس يمكن استخدامه لجعل النص يظهر جهة اليمين و إتجاه الكتابة من اليمين إلى اليسار و قمنا بتجربته على نصوص عربية.
يمكنك تحديد المسافات بين أسطر النص الكلمات الموجودة في كل سطر و المسافات بين الأحرف حتى تظهر بالشكل الذي تريده.
لتحديد إرتفاع أسطر النص نستخدم الخاصية line-height و نضع لها رقم بوحدة قياس معينة كقيمة مثل px pt cm ليمثل إرتفاع الأسطر. هنا كلما زادت القيمة كلما تباعدت اسطر النص عن بعضها.
لوضع مسافة بمقدار محدد في بداية السطر الأول في النص نستخدم الخاصية text-indent و نضع لها رقم بوحدة قياس معينة كقيمة مثل px pt cm ليمثل حجم المسافة الفارغة التي سيبدأ بها النص قبل عرض الكلام الموجود فيه.
لتحديد حجم المسافة بين أحرف النص نستخدم الخاصية letter-spacing و نضع لها رقم بوحدة قياس معينة كقيمة مثل px pt cm ليمثل مقدار المسافات بين الأحرف.
في حال وضعت لها قيمة أكبر من صفر فإن الأحرف سيتم إبعادها بالنسبة التي حددتها. أما إن وضعت قيمة أصغر من صفر فإنه سيتم تقريب الأحرف من بعضها بالنسبة التي حددتها.
في المثال التالي قمنا بتعريف كلاس يبعد أحرف النص عن بعضها بنسبة 5 بكسل و كلاس يقرّب أحرف النص من بعضها بنسبة 2 بكسل.
لتحديد حجم المسافات بين كلمات النص نستخدم الخاصية word-spacing و نضع لها رقم بوحدة قياس معينة كقيمة مثل px pt cm ليمثل مقدار المسافات بين الكلمات.
في حال وضعت لها قيمة أكبر من صفر فإن الكلمات سيتم إبعادها بالنسبة التي حددتها. أما إن وضعت قيمة أصغر من صفر فإنه سيتم تقريب الكلمات من بعضها بالنسبة التي حددتها.
في المثال التالي قمنا بتعريف كلاس يبعد كلمات النص عن بعضها بنسبة 8 بكسل و كلاس يقرّب كلمات النص من بعضها بنسبة 2 بكسل.
يمكنك تحديد طريقة عرض المسافات الفارغة الموجودة في النص باستخدام الخاصية white-space و من ثم تمرير إحدى القيم التالية لها.
في حال كان النص يتضمن جزئيات بحاجة للظهور بشكل أعلى أو منخفض فهنا يمكنك تحديد محاذاة هذه الجزئيات باستخدام الخاصية vertical-align و من ثم تمرر لها إحدى القيم التالية.
في المثال التالي قمنا بوضع صورة نفسها عدة مرات بداخل النص و في كل مرة جعلناها تطبّق محاذاة مختلفة حتى تلاحظ الفرق.
يمكنك تحويل أحرف النص الأجنبية لأحرف صغيرة أحرف كبيرة أو تحويل الأحرف الأولى من الكلمات فقط لأحرف كبيرة باستخدام الخاصية text-transform و من ثم تمرر لها إحدى القيم التالية.
زخرفة النص يقصد بها إظهار خط تحت الكلام فوق الكلام أو على الكلام ليبدو كأنه محذوف إظهار خط تحت الروابط الموضوعة في النص و غيرها من الأمور التي يمكنك فعلها.
الخط الذي يمكن إظهاره في النص يمكن تحديد شكله باستخدام الخاصية text-decoration-style و من ثم تمرر لها إحدى القيم التالية.
يمكنك تحديد سمك الخط سواء كان موضوع فوق تحت أو على النص باستخدام الخاصية text-decoration-thikness و من ثم تمرر لها رقم بوحدة قياس محددة يمثل السمك.
لتحديد شكل لون و سمك الخط الموضوع للنص بشكل مختصر أكتب text-decoration و من ثم قم بتمرير خصائص القيم التالية لها بالترتيب و يمكنك عدم تمريرها جميعها:
هرمش هو موقع تعليمي مجاني يهتم بعلوم الكمبيوتر و يقدم إليك المعرفة بشكل مبسّط و مفصّل و هو المكان المناسب لأي شخص يطمح بأن يصبح مبرمجاً محترفاً و مبدعاً في العالم الرقمي.
جميع الحقوق محفوظة لموقع هرمش. لا يسمح باستخدام الشروحات لأغراض تجارية إجراء تعديل عليها نشرها في موقع آخر وضع الشروحات في تطبيق أو في كتاب إلا في حال أخذ موافقة صريحة من إدارة الموقع كما أن المحتوى مسجل بواسطة DMCA و في حال قيامك بمخالفة حقوق النشر سنضطر آسفين لاتخاذ الإجراءات اللازمة.
2202eab449