استایل دادن به تگ pre و تگ code در html و وردپرس

0
101

شما میدانید برای پیشنمایش کد های خود html و در وردپرس به صورت پیشفرض از دو تگ زیر استفاده کنید : pre tags

به جای براکت [] ()‌ بگذارید !

از طریق css نمایش دو تگ pre tags را تغیر می دهیم : – ( به فایل style.css قالب بیفزایید )

وحالا چیزی که ما داریم :

کد های شما راستچین و بهم ریخته نمی شوند
عرض دو تگ pre صد در صد است
پیمایش افقی نمایش داده می شود اگر محتوای بیش از پیش عریض باشد
اسکرول عمودی نمایش داده نمی شود (پیش جعبه به صورت خودکار اندازه می شود تا متناسب با تمام ارتفاع محتوی بسته باشد)
رنگ پس زمینه به رنگ خاکستری روشن نمایش داده می شود
جعبه پیش نمایش یک مرز نازک دارد
10 پیکسل حاشیه در اطراف محتوای pre وجود دارد.


این تصویر یک پیشنمایش است !
این تصویر یک پیشنمایش است !

دیدگاه بگذارید

اولین دیدگاه را شما بگذارید !

avatar

This site uses Akismet to reduce spam. Learn how your comment data is processed.

  مشترک شوید  
اطلاع از