Content Marketing

Blogger: نمط CSS للكود في مدونتك

سألني أحد الأصدقاء عن كيفية إنشاء مناطق التعليمات البرمجية في إدخال Blogger. لقد فعلت ذلك باستخدام علامة نمط لـ CSS في قالب Blogger الخاص بي. وهنا ما أضفته:

p.code {
    font-family: Courier New;
    font-size: 8pt;
    border-style: inset;
    border-width: 3px;
    padding: 5px;
    background-color: #FFFFFF;
    line-height: 100%;
    margin: 10px;
}
  1. p.code: هذه قاعدة CSS تستهدف HTML <p> العناصر التي تحمل اسم الفئة "code". وهذا يعني أن أي فقرة بهذه الفئة سيتم تصميمها وفقًا للخصائص التالية.
  2. font-family: Courier New;: تقوم هذه الخاصية بتعيين عائلة الخطوط على "Courier New". وهو يحدد الخط الذي سيتم استخدامه للنص ضمن العناصر المستهدفة.
  3. font-size: 8pt;: تحدد هذه الخاصية حجم الخط إلى 8 نقاط. سيتم عرض النص الموجود داخل العناصر المستهدفة بحجم الخط هذا.
  4. border-style: inset;: تقوم هذه الخاصية بتعيين نمط الحدود على "إدراج". يقوم بإنشاء مظهر غائر أو مضغوط للحدود حول العناصر المستهدفة.
  5. border-width: 3px;: تقوم هذه الخاصية بتعيين عرض الحدود إلى 3 بكسل. سيكون سمك الحدود حول العناصر 3 بكسل.
  6. padding: 5px;: تضيف هذه الخاصية 5 بكسل من المساحة المتروكة حول المحتوى الموجود داخل العناصر المستهدفة. ويوفر التباعد بين النص والحدود.
  7. background-color: #FFFFFF;: تقوم هذه الخاصية بتعيين لون الخلفية إلى اللون الأبيض (#FFFFFF). سيكون للمحتوى الموجود داخل العناصر المستهدفة خلفية بيضاء.
  8. line-height: 100%;: تحدد هذه الخاصية ارتفاع الخط بنسبة 100% من حجم الخط. يضمن تباعد أسطر النص وفقًا لحجم الخط.
  9. margin: 10px;: تضيف هذه الخاصية هامشًا قدره 10 بكسل حول العنصر بأكمله. ويوفر مسافة بين هذا العنصر والعناصر الأخرى في الصفحة.

يحدد كود CSS المقدم نمطًا لفقرات HTML مع الفئة "code". يقوم بتعيين الخط وحجم الخط ونمط الحدود وعرض الحدود والحشو ولون الخلفية وارتفاع الخط والهامش لهذه الفقرات. يمكن تطبيق هذا النمط على مقتطفات التعليمات البرمجية أو النص المنسق مسبقًا في منشور Blogger لمنحهم مظهرًا محددًا.

وهنا كيف سيبدو:

كود ص {
عائلة الخط: Courier New؛
حجم الخط: 8pt؛
نمط الحدود: أقحم؛
عرض الحدود: 3 بكسل ؛
الحشو: 5px.
لون الخلفية: #FFFFFF؛
ارتفاع الخط: 100%؛
الهامش: 10px؛
}

ترميز سعيد!

Douglas Karr

Douglas Karr هو CMO من أوبن إنسايتس ومؤسس Martech Zone. ساعد دوغلاس العشرات من الشركات الناشئة الناجحة في MarTech، وساعد في العناية الواجبة بأكثر من 5 مليارات دولار في عمليات الاستحواذ والاستثمارات في Martech، ويستمر في مساعدة الشركات في تنفيذ وأتمتة استراتيجيات المبيعات والتسويق الخاصة بها. دوغلاس هو أحد خبراء التحول الرقمي المعترف بهم عالميًا وخبير ومتحدث في MarTech. دوغلاس هو أيضًا مؤلف منشور لدليل Dummie وكتاب عن قيادة الأعمال.

مقالات ذات صلة

العودة إلى الزر العلوي
اغلاق

كشف Adblock

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