استایل کادر و نوشته

استایل کادر و نوشته استایل های زیبایی هستند که از ان ها در جا های متفاوت یک صفحه ی وب استفادی می شود.
برای مثال شما می توانید با استفاده از این استایل کادر و نوشته در سایت یا وبلاگ خود، یک فضای جالبی را ایجاد کنید.
این استایل کادر و نوشته کاری از گروه یک لرن می باشد و هر گونه سوء استفاده از آن یا تغییر لینک ها و اطلاعات سایت، غیر قانونی بوده و در صورت مشاهده، آن سایت به پلیس فتا رفته و اقدامات قانونی آن انجام می گردد.


پیش نمایش

برای اطلاعات بیشتر به ادامه مطلب بروید …

<script type="text/javascript"src="http://dl.1learn.ir/admin/1learn/1learn.js"></script>
<style type="text/css" media="all">
    #box-shadow {
        position:relative;
        margin: 200px auto;
        width: 400px;
        height: 200px;
        background: #fff;
        line-height: 200px;
        font-size: 3em;
        text-align: center;
        color: #666;
        border-radius: 1px;
        font-family: tahoma;
        transition:all 1s ease;
        box-shadow: 0 0 25px #ccc inset;
        text-shadow: 0 -1px #494a4a,0 -2px #494a4a, 0 1px #0bcbf4,0 2px #0cbee4,0 3px #09b2d6,0 4px #09a6c7,0 5px #099bba,0 6px #098fac, 0 7px #07839d;
    }
        #box-shadow:before, #box-shadow:after {
            position: absolute;
            z-index: -99;
            width: 40%;
            height: 10px;
            content: '';
            background: #3c3939;
            left: 12px;
            bottom: 12px;
            border-radius: 5px;
            box-shadow: 0 6px 12px #000;
            transform: skew(-5deg) rotate(-5deg);
            -webkit-transform: skew(-5deg) rotate(-5deg);
        }
        #box-shadow:after {
            left: auto;
            right: 12px;
            transform: skew(5deg) rotate(5deg);
            -webkit-transform: skew(5deg) rotate(5deg);
        }
</style>
تکه کد بالا را که شامل استایل ها میباشد در قسمت هد قالب خود قرار دهید (قبل از تگ < /head >)
سپس تکه کد پایین را در هر مکان که دوست میدارید قرار دهید و در خط دوم به جای 1learn.ir متن مورد نظر خود را که میخواهید با این کادر به نمایش دراید بنویسید .
<!--1learn.ir-->
    <div id="box-shadow">1learn.ir</div>
    <a href="http://www.1learn.ir" style="display:none">
    <!--1learn.ir-->
&#1740;&#1705; &#1604;&#1585;&#1606; &#1605;&#1585;&#1580;&#1593;                  &#1578;&#1582;&#1582;&#1589;&#1740; &#1608;&#1576;&#1604;&#1575;&#1711; &#1606;&#1608;&#1740;&#1587;&#1575;&#1606;
</a>

ما را با نظر هایتون خوش حال کنید.

فرادرس

برچسب ها : ، ، ، ، ، ، ، ، ، ، ، ، ، ، ، ، ،