کد ایجاد کدباکس سری دوم

کد ایجاد کدباکس سری دوم با این کد شما میتوانید در نوشته های سایت و یا وبلاگ خود یک تکست باکس برای قرار دادن کدهای جاوا سی اس اس و … ایجاد کنید.این کدباکس با css ساخته شده برای استفاده فقط کافیه استایل را در css سایت خود قرار داده و یا در هد قالب خود قرار دهید و برای استفاده از این کد کافیه که قبل از کد خود تگ <pre>  و در انتهای کد خود تگ را ببندید </pre> و یا از تگ <code> استفاده کنید و در پایان کد تگ را ببندید</code> به همین سادگی کدهایی که در تگ pre و code قرار بگیرند به صورت اتومات در کدباکس قرار خواهند گرفت.

کد ایجاد کدباکس سری دوم

دمو کد

<style>
pre , code {
 direction:ltr;
width: 80%;
display: block;
color: #333333;
overflow:auto;
background: #fcf ;border: 1px solid #f2f2f2;
padding: 10px 28px;
margin: 10px 0px;
max-height: 200px;
line-height: 120%;}
</style>

<pre>
استایل زیبای تگ code  pre 
شما میتوانید کدهای خود را در این تگ قرار داده و در نوشته سایت خود قرار دهید
توجه نمایید استایل این کد را در هد سایت خود فرار دهید تا به راحتی از این کد در تمام صفحات استفاده کنید





</pre>


کد فوق را میتوانید در ابزار پیش نمایش کدبازان تست نمایید

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

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