خانه / آموزش وردپرس / آموزش توسعه و ساخت پوسته وردپرس / استایل دادن به تگ pre و تگ code در html و وردپرس

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

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

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

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

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

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


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

درباره ی شمشاد امیری خراسانی

شمشاد امیری خراسانی
بنیان گذار گروه توسعه وب آریا پاد - توسعه دهنده PHP - لاراول و وردپرس

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

avatar
  Subscribe  
Notify of