CSS Border II

Konu: CSS Border II Cuma Ara. 04, 2009 6:27 pm

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

Kod:: .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;
}

Html Kodu

Kod:: </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>