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

CSS

یکی از دوستانم از من پرسید که چگونه در آخرین ورود به وبلاگ خود ، مناطق کد را ایجاد کردم. من در واقع منطقه کد را با استفاده از یک سبک "جعل" کردم. در Blogger ، می توانید الگوی خود را ویرایش کنید. من سبک زیر را اضافه کردم:

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

مرحله بعدی ویرایش برچسب من در حالت "ویرایش Html" است. من با ساختن برچسب به سادگی به سبک جدیدم اشاره می کنم. وویلا شکستن سبک ها:

  • تنظیم قلم روی Courier New… به نظر می رسد مانند یک ویرایشگر کد عمومی است
  • اندازه قلم را روی 8pt تنظیم کنید تا درست به نظر برسد
  • سبک حاشیه پاراگراف را روی "inset" تنظیم کنید. این همان چیزی است که متن منطقه در صفحه به نظر می رسد.
  • عرض حاشیه را روی 2 یا 3 پیکسل تنظیم کنید. این باعث می شود که سبک حاشیه داخلی درست باشد.
  • Padding فاصله بین حاشیه و متن داخل را تعیین می کند.
  • رنگ پس زمینه it آن را روی سفید تنظیم کنید (#FFFFFF)
  • ارتفاع خط - من این را به 100٪ تنظیم کردم زیرا برخی از سبکهای دیگر در موضوع وبلاگ من قد خط من را در حدود 200٪ قرار دادند
  • حاشیه را روی 10 px تنظیم کنید. این پاراگراف (برچسب p) را از هر چیزی 10 پیکسل دور می کند.

این همه چیزی است که وجود دارد! یک نکته: ویرایشگر همراه Blogger قادر نیست همانطور که در وبلاگ شما نشان داده می شود را نمایش دهد. اما کار می کند و عالی به نظر می رسد!

یک یادداشت دیگر… پس از ویرایش برچسب ، ویرایشگر Blogger دوست دارد به طور تصادفی از آن در جای دیگر پست شما استفاده کند. کمی آزار دهنده است! توصیه من این است که کل پست خود را بنویسید و سپس یک ویرایش کوچک انجام دهید.

آخرین یادداشت… حتماً برای نمایش نمادهای خود از HTML Entities استفاده کنید! چند نمونه:

  • نقل قول ها (")" هستند
  • > است>
  • > است>

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

3 نظرات

  1. 1
  2. 2
  3. 3

    من فکر می کنم اکنون دیگر نیازی به نوشتن نیست. می توانید از ویرایشگرهای مفید استفاده کنید. می توانید رنگ ، حاشیه و غیره را انتخاب کنید.

شما چه فکر میکنید؟

این سایت از Akismet برای کاهش هرزنامه استفاده می کند. بدانید که چگونه نظر شما پردازش می شود.