تحميل باتش تحويل بيس 2017 الي بيس 2023 اخر تحديثات الدوري المصري والسعودي

السلام عليكم ورحمة الله وبركاتة مرحبا بكم في شرح جديد على مدونة قوالب واضافات بلوجر كوكب العرب درس اليوم مهم جدا بالنسبة لبعض المدونين التي تهتم بجعل مدوناتها على بلوجر بشكل مميز وجميل درس اليوم عن طريقة تغيير شكل العنوان الفرعي في قالب بلوجر طبعا كلنا نعلم اهمية العناوين في التدوين فهي مسؤولة عن تقسيم الموضوع الى اجزاء متتالية لتبسطة على القارئ فهناك العديد من الأشخاص تريد ان تهتم بشكل مدوناتها وبما فيها شكل العنوان الفرعي ليظهر للزائر بشكل رائع فاليكم اليوم 3 اشكال مختلفة للعنوان الفرعي

الشكل الاول للعنوان الفرعي

الشكل الاول سيكون بهذا الشكل باللون الأصفر مربع باللون الأسود كما موضح بالصورة

وهذة هي الاكواد الخاصة بة وسنعرفك طريقة اضافتها في نهاية الدرس

/*-------- kwokbal3rb ---------*/ h3 { background: #edd03b; border: 2px solid #000000; color: #1d0d0d; border-radius: 6px; padding: 4px; }

وللتعديل علي الالوان في الكود الي ما يناسبك تابع معنا : فمثلا ان اردت تغيير اللون الاصفر قم بتغيير ذلك الكود edd03b# الي كود اللون الذي تريدة ولتغيير لون الخط من الاسود قم بتغيير هذا الكود 1d0d0d# الي كود اللون الذي تريدة وايضا لتغيير لون الاطار الاسود قم بتغيير هذا الكود 000000# الي ما تريد ويمكنك اختيار اكواد الوانك المنسابة من خلال هذا الموقع flatuicolors

الشكل الثاني للعنوان الفرعي

الكود الثاني لشكل العنوان الفرعي سيكون بهذا الشكل الذي بالصورة

اكواد الشكل الثاني وطريقة التركيب في نهاية الشرح

/*-------- kwokbal3rb ---------*/ h3 { background-color: #e1e1e1; padding: 10px 20px; color: #222222; display: block; margin: 5px 0 15px; border-bottom: 2px solid #000000; }

وطبعا يمكنك تركيب الاضافة لتكون بهذا الشكل الذي بالصورة ويمكنك ايضا التعديل علي الالوان : لتغيير خلفية الاضافة قم بتغيير هذا الكودe1e1e1# الي كود اللون الذي تريدة ولتغيير لون الخط قم بتغيير هذا الكود #222222

الشكل الثالث للعنوان الفرعي

كود الشكل الثالث للعنوان الفرعي سيكون بهذا الشكل الموضح بالصورة

اكواد الشكل الثالث للعنوان الفرعي وطريقة التركيب في نهاية الشرح

/*-------- kwokbal3rb ---------*/ h3 { position: relative; text-align: center; font-size: 21px; padding: 8px; color: #fff; background: #3e159d -webkit-linear-gradient(45deg,rgba(255, 255, 255, 0.05) 25%,transparent 25%,transparent 50%,#3e159d 50%,rgba(255, 255, 255, 0) 75%,rgba(230, 70, 70, 0) 75%,transparent); border-radius: 30px 30px 30px 30px; box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.19); border-bottom: 3px solid #fafafa; margin-bottom: 10px; }

للتعديل علي لون الاضافة قم بتغيير هذا الكود #3e159d  الي كود اللون الذي تريدة

طريقة تركيب الاضافات

والي هنا وصلنا الي جزء تركيب الاضافة اولا قم باختيار كود الشكل الذي تريد تركيب

قم بالدخول الي لوحة تحكم مدونتك في بلوجر ثم توجة الي المظهر واضغط علي  تحرير html

ثم ابحث علي ذلك الكود ]]></b:skin>

وضع الاكواد الخاصة بالشكل فوقة ثم اضغط علي حفظ المظهر

ومبرررروك عليك الاضافة

نهاية الدرس

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

نرجو من الجميع عدم نقل الموضوعات من مدونتنا بدون ذكر المصدر تقديرا لمجهودنا وشكراااا,

تعديل المقال