بازاریابی محتوا

بلاگر: سبک CSS برای کد در وبلاگ شما

یکی از دوستان از من پرسید که چگونه مناطق کد را در ورودی بلاگر ایجاد کردم. من این کار را با استفاده از یک برچسب سبک برای CSS در قالب بلاگر خود انجام دادم. این چیزی است که من اضافه کردم:

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> عناصر با نام کلاس "کد". به این معنی که هر پاراگراف با این کلاس طبق ویژگی های زیر استایل بندی می شود.
  2. font-family: Courier New;: این ویژگی خانواده فونت را روی «Courier New» تنظیم می کند. فونتی را مشخص می کند که برای متن در عناصر هدف استفاده می شود.
  3. font-size: 8pt;: این ویژگی اندازه فونت را روی 8 امتیاز قرار می دهد. متن درون عناصر هدف با این اندازه فونت نمایش داده می شود.
  4. border-style: inset;: این ویژگی سبک حاشیه را روی "inset" تنظیم می کند. این یک ظاهر فرورفته یا فشرده برای مرز اطراف عناصر هدف ایجاد می کند.
  5. border-width: 3px;: این ویژگی عرض حاشیه را روی 3 پیکسل قرار می دهد. ضخامت حاشیه اطراف عناصر 3 پیکسل خواهد بود.
  6. padding: 5px;: این ویژگی 5 پیکسل padding در اطراف محتوای داخل عناصر هدف اضافه می کند. فاصله بین متن و حاشیه را فراهم می کند.
  7. background-color: #FFFFFF;: این ویژگی رنگ پس زمینه را سفید (#FFFFFF) تنظیم می کند. محتوای درون عناصر هدف پس‌زمینه سفید خواهد داشت.
  8. line-height: 100%;: این ویژگی ارتفاع خط را روی 100% اندازه فونت تنظیم می کند. این اطمینان حاصل می کند که خطوط متن با توجه به اندازه فونت فاصله دارند.
  9. margin: 10px;: این ویژگی یک حاشیه 10 پیکسلی در اطراف کل عنصر اضافه می کند. فاصله بین این عنصر و سایر عناصر صفحه را فراهم می کند.

کد CSS ارائه شده یک سبک برای پاراگراف های HTML با کلاس "کد" تعریف می کند. فونت، اندازه فونت، سبک حاشیه، عرض حاشیه، بالشتک، رنگ پس‌زمینه، ارتفاع خط و حاشیه را برای این پاراگراف‌ها تعیین می‌کند. این سبک را می‌توان برای تکه‌های کد یا متن پیش‌فرمت‌شده در یک پست Blogger اعمال کرد تا ظاهری خاص به آن‌ها بدهد.

در اینجا چگونه به نظر خواهد رسید:

p.code {
font-family: Courier New;
اندازه فونت: 8pt;
حاشیه به سبک: درونی;
عرض حاشیه: 3px؛
بالشتک: 5px؛
پس زمینه رنگ: #FFFFFF;
ارتفاع خط: 100%؛
حاشیه: 10px؛
}

برنامه نویسی مبارک!

Douglas Karr

Douglas Karr CMO از است OpenINSIGHTS و بنیانگذار Martech Zone. داگلاس به ده‌ها استارت‌آپ موفق MarTech کمک کرده است، به بررسی دقیق بیش از 5 میلیارد دلار در خرید و سرمایه‌گذاری Martech کمک کرده است، و همچنان به شرکت‌ها در پیاده‌سازی و خودکارسازی استراتژی‌های فروش و بازاریابی کمک می‌کند. داگلاس یک متخصص و سخنران تحول دیجیتال و MarTech است. داگلاس همچنین نویسنده کتاب راهنمای Dummie و کتاب رهبری تجاری است.

مقالات مرتبط

بازگشت به دکمه بالا
نزدیک

Adblock شناسایی شد

Martech Zone می تواند این محتوا را بدون هیچ هزینه ای در اختیار شما قرار دهد زیرا ما از طریق درآمد تبلیغاتی، پیوندهای وابسته و حمایت های مالی از سایت خود کسب درآمد می کنیم. اگر در حین مشاهده سایت ما، مسدود کننده تبلیغات خود را حذف کنید، خوشحال خواهیم شد.