CSS Border Kodu
CSS Border KoduCSS ile tablo kenarlıkları oluşturmanızı sağlar.
KOD:
<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> |