نمایش دستورات کد وب با تگ Code , Pre

شما آن دسته وبمستران هستید که با کدهای برنامه نویسی سروکار دارید , با تگ Code , Pre شما می توانید تکه کد در قالب وب سایت وردپرس نمایش دهید و در اختیار کاربران خود قرار دهید.

کد زیر را در فایل Style.css قرار دهید:


code, pre {
direction:ltr;
width: 100%;
display: block;
color: #333333;
overflow:auto;
background: #fcfcfc url(https://cytus.ir/wp-content/uploads/2018/08/code.png) left top repeat-y;
padding: 10px 28px;
margin: 10px 0px;
max-height: 200px;
line-height: 120%;
}

موفق باشید.

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *