CSS Border II

'Programlama' forumunda sha. tarafından 4 Kas 2009 tarihinde açılan konu

Konu etiketleri:
  1. sha.

    sha. ..daha çirkin, daha huysuz

    CSS ile tablo kenarlıkları oluşturmanızı sağlar.



    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
    <title>Cool border</title>

    <style type=text/css>
    .coliespecial {_margin-left:-4px !important;}

    .columnsetup
    {
    margin-left:-9px;
    padding-left:9px;
    }

    .mainbox1
    {
    margin:0px 2px;
    overflow: hidden;
    font-size:1px;
    height:1px;
    }

    .mainbox2
    {
    margin:0px 1px;
    overflow: hidden;
    font-size:1px;
    height:1px;
    }

    .mainbox3
    {
    margin:0px auto;
    overflow: hidden;
    font-size:1px;
    height:1px;
    }

    .mainboxcolor1
    {
    border-left:1px solid #008000;
    border-right:1px solid #008000;
    }

    .mainboxcolor2 {background-color: #008000;}

    .mainboxcolor3
    {
    border-left: 1px solid #008000;
    border-right: 1px solid #008000;
    }

    /* end colors */

    .mainboxtext
    {
    padding: 2px 9px;
    white-space:nowrap
    }

    .block_title
    {
    position: relative;
    top: -0.75em;
    margin: 0 0 5px 0;
    text-align: center;
    font-size: 1.6em;
    border: 0 ! important;
    }

    .block_title strong
    {
    padding: 0 8px;
    color: #008000; /* Title color */
    background-color: #fff; /* Title background color */
    font-weight: normal ! important;
    }
    </style>

    </head>

    <body>
    <table border="0" width="100%">
    <tr>
    <td width="30%"> </td>
    <td style="width: 40%">
    <div class="columnsetup coliespecial" style="width:100%;text-align:center;">
    <div class="mainbox1 mainboxcolor2"></div>
    <div class="mainbox2 mainboxcolor1"></div>
    <div class="mainbox3 mainboxcolor1"></div>
    <div class="mainboxcolor3 mainboxtext">
    <div class="block_title">
    <strong>Javascripts.com</strong>
    </div>
    This is a CSS border II that is easy to customize and works in all
    browsers:<br>
    IE, Safari, FF, Opera, Chrome, Konquerror<br>
    Please don't delete link to my site. I put link to JavaScripts site too
    <br>
    <a href="http://www.shvaika.ic.ck.ua" style="text-decoration:none; font-weight:700">
    <font size="4">==> Autor's site here <==</font></a>
    <br>
    <a href="http://www.javascripts.com" style="text-decoration:none; font-weight:700">
    <font size="5">JavaScripts.com</font></a>
    </div>
    <div class="mainbox3 mainboxcolor1"></div>
    <div class="mainbox2 mainboxcolor1"></div>
    <div class="mainbox1 mainboxcolor2"></div>
    </div>
    </td>
    <td width="30%"> </td>
    </tr>
    </table>
    <br>
    </body>
    </html>

    Alıntı
     

Bu Sayfayı Paylaş