ساخت باکس زیبا کشویی

ساخت باکس زیبا کشویی این کد یکی از کدهای زیبا ساز سایت و یا وبلاگ میاشد.شما میتوانید با این کد یک باکس زیبای مثلا باکس دانلود اهنگ و یا باکس قرار دادن یک کد . .. ایجاد کنید.مثلا در قسمت توضیح۱ نام خواننده و اسم اهنگش در قسمت توضیح ۲  تکست اهنگ و در قسمت توضیح ۳ لینک دانلود را قرار دهید.توجه نمایید تمامی قسمت این کد قابل ویرایش میباشد.

 

ساخت باکس زیبا کشویی

 

دمو کد

<!DOCTYPE html>
<html>
<head>
<title>جعبه کشویی با css</title>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />


<link rel="stylesheet" id="نام استایل" href="https://dl.codebazan.ir/uploads/1509201865.css" type="text/css" media="all">


<linkrel="stylesheet"  herf="https://dl.codebazan.ir/uploads/1509201865.css"type="text/css"media="all">


</head>
<body>
<div class="codebazan">
    <ul>
        <li>
            <input type="radio" name="select" class="codebazan-select" checked />
            <div class="codebazan-title">
                <span>1توضیح</span>
            </div>
            <div class="codebazan-content">
               کد بازان سایت کامل و جامع برای انتشار انواع کدهای سایت و وبلاگ میباشد
            </div>
            <div class="codebazan-separator"></div>
        </li>
        <li>
            <input type="radio" name="select" class="codebazan-select" />
            <div class="codebazan-title">
                <span>توضیح ۲</span>
            </div>
            <div class="codebazan-content"><p dir="rtl">
                کد مورد نظر شما در body قرار  گرفته و برای زیباسازی سایت کاربرد دارد
            </div>
            <div class="codebazan-separator"></div>
        </li>
        <li>
            <input type="radio" name="select" class="codebazan codebazan-select" />
            <div class="codebazan-title">
                <span>توضیح ۳</span>
            </div>
            <div class="codebazan-content">
<!---جای کد--->

<form name="SAf">
<center><button id="select-css"><a href="javascript:document.forms['SAf'].scripttxt.focus

();document.forms['SAf'].scripttxt.select();">انتخاب همه</button></a>
<br>

<textarea cols="60" rows="10" wrap="off" name="scripttxt">

  کدهای جاوا , سی اس اس و... را اینجا فرار دهید
</textarea>

<!---جای کد--->
            </div>
            <div class="codebazan-separator"></div>
        </li>
        <li>
            <input type="radio" name="select" class="codebazan-select" />
           </div>
        </li>
    </ul>
</div>
<div style="text-align:center;margin-top:50px;">powered by 
    <a href="https://codebazan.ir/" style="color:#568EEA;text-decoration:none;">
       codebazan.ir
    </a>
</div>
</body>
</html>

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

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

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