MyDesign | kod Arşivi - Anasayfaya Dön   No banner in farm
Anasayfa Araştır Forum Gelişmiş Arama Siteniz İçin En Hit İçerikler RSS İçerik Ekle Scriptler Destekleyenler Kadromuz Reklam İletişim Giriş Sayfası Yap  Sık Kullanılanlara Ekle
Bu Kategorinin En Yeni Kodları:


Bu Kategorinin En Çok Görüntülenen Kodları:


Arama:
Gelişmiş Arama


Domain Hosting



En Çok Görüntülenen Kodlar:


Üye Girişi:
 Üye Ol



Anasayfa > Html - CSS > Kodlar

CSS Border II

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

css  border 

Kategori : Html - CSS
Gönderen : emotionx
Telif : EmoTioX
Tarih : 27 Mayıs 2009
Örnek Dosya : İndir
Okunma Sayısı : 3635
Puan : 10 / 3 Oy
Puan Verin :
Google Bookmarks  del.icio.us  Digg  Yahoo! MyWeb  Windows Live  Furl
 
 
<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>
 
 
Bu alana reklam verin...

CSS Border II için yazılan yorumlar

CwYuNuS   { 14 Temmuz 2009 }
ksabitk olay bu hocam tşkler

ksabitk   { 02 Haziran 2009 }
bu kadar uğraşmaya gerek yok fieldset ile halledilebilir
örnek:
<fieldset><legend>başlık</legend>
ilgili metin</fieldset>
hepsi bu ;)

Yorum ekleyin

Anasayfa > Html - CSS > Kodlar > CSS Border II
Kategoriler:


Forum:



Bağlantılar:


En Son Yorumlanan İçerikler:


Murat Yavuz | Site Haritası | Gizlilik Bildirimi | 38.107.191.109 | 0.05 Saniye
© Copyright 2004-2010 MyDesign | Kod Arşivi. Tüm Hakları Saklıdır.
MyDesign | Kod Arşivi, en iyi görünüm için, 1024x768 ve üzeri çözünürlük tavsiye eder.