سبک 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 استفاده کنید! چند نمونه:

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

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