الانتقال إلى المحتوى الرئيسي

كيفية تدوير الزوايا في التلدة: الخطوات والأمثلة

تيلدا هي واحدة من محركات المدونات الأكثر شعبية التي تسمح لك بإنشاء ونشر منشوراتك على الإنترنت. أحد عناصر التصميم المهمة لمدونة التلدة هو تقريب زوايا العناصر المختلفة مثل الصور والإطارات والجداول وغيرها. يساعد تقريب الزوايا على جعل تصميم الصفحة أكثر حداثة وجمالية.

، تحديد نصف قطر التقريب بالبكسل. على سبيل المثال ، إذا كنت تريد تقريب زوايا الصورة ، فيمكنك إضافة الكود التالي:

إمغ { الحدود دائرة نصف قطرها: 10 بكسل؛}

وبالتالي ، سيتم تقريب زوايا الصورة بنصف قطر 10 بكسل.

طريقة أخرى لتدوير الزوايا هي استخدام الأنماط الجاهزة في التلدة. هناك العديد من الأنماط الجاهزة في التلدة التي يمكن تطبيقها على عناصر المدونة المختلفة. على سبيل المثال ، هناك نمط" زوايا مستديرة " يطبق الزوايا الدائرية على جميع الكتل التي تم تطبيق هذا النمط عليها. لاستخدام هذا النمط ، تحتاج إلى إضافة الفئة المناسبة إلى العنصر:

المحتوى

  1. وبالتالي ، سيتم تقريب زوايا الكتلة تلقائيا وفقا للنمط الموصوف.
  2. خطوات تقريب الزوايا في التلدة
  3. أمثلة على تقريب الزوايا في التلدة
  4. سؤال وجواب
  5. كيف يمكنني تقريب الزوايا في التلدة?
  6. كيف يمكنني تقريب الزاوية العلوية اليسرى فقط في التلدة?
  7. كيف يمكنني تقريب الزاوية اليمنى السفلى فقط في التلدة?

كيف يمكنني تقريب زوايا عنصر في التلدة بقيم نصف قطرها مختلفة?

هل من الممكن تقريب زاوية واحدة فقط من عنصر في التلدة?

  1. خطوات تقريب الزوايا في التلدة
  2. يعد تقريب الزوايا في التلدة تقنية أسلوبية مهمة تمنح الصفحة مظهرا أكثر حداثة وإمتاعا. باتباع الخطوات البسيطة ، يمكنك بسهولة تدوير الزوايا في المحتوى الخاص بك.
  3. افتح محرر هتمل لموقعك.
  4. ابحث عن العنصر الذي تريد تدوير الزوايا فيه. يمكن أن يكون ديف ، تمتد ، أو أي كتلة أخرى أو عنصر مضمن.

أضف السطر التالي إلى رمز كس: دائرة نصف قطرها الحدود: زب ؛ ، حيث س هو نصف قطر التقريب بالبكسل.

احفظ التغييرات وقم بتحديث الصفحة في المتصفح لرؤية النتيجة. يجب أن تصبح زوايا العنصر مستديرة.

الآن بعد أن عرفت الخطوات الأساسية لتقريب الزوايا في التلدة ، يمكنك تطبيق هذه التقنية في التصميم الخاص بك. لا تخف من تجربة أنصاف أقطار تقريب مختلفة للعثور على أفضل مجموعة للمحتوى الخاص بك.

}

.مدورة الزاوية مربع:: بعد {

أعلى: 0;

اليمين: 0;