| Arama |
 |
|
|
 |
| Site Menüsü |
 |
|
|
 |
| Ucoz Menü |
 |
|
|
 |
| Bütün Kategoriler |
 |
|
|
 |
| İstatistik |
 |

Toplam çevrim içi: 1 Ziyaretçi: 1 Kullanıcı: 0
|
 |
|
| Hoşgeldiniz, Guest · RSS |
2012-05-17, 3:02 AM |
CSS yardımı ile Yuvarlak köşeler yapmak
|
| 2011-07-03, 10:51 PM |
CSS yardımı ile Yuvarlak köşeler yapmak için küçük bir sikriptKurulum:
1.CSS Kodunu Kendi CSS'nize kopyalayınız. Code .b1, .b2, .b3, .b4, .b5, .b1 i, .b2 i, .b3 i, .b4 i, .b5 i, .b1 b, .b2 b, .b3 b, .b4 b, .b5 b, .b1 q, .b2 q, .b3 q, .b4 q, .b5 q { height: 1px; font-size: 1px; overflow: hidden; border-style: solid; border-width: 0 1px; display: block; } .b1 { margin: 0 2px; background: #EBEEF0; border: none; } .b1 b { margin: 0 1px; background: #B8C3C8; border-color: #CBD3D7; } .b2 {margin: 0 1px; border-color: #D6DCDF;} .b2 b {border-color: #B8C3C8;} .b2 i {border-color: #E4E8EA;} .b2 q {border-color: #F7F8F9;} .b3 {border-color: #EBEEEF;} .b3 b {border-color: #BCC6CB;} .b3 i {border-color: #F9FAFB;} .b4 {border-color: #CAD2D6;} .b4 b {border-color: #E5E9EB;} .b5 {border-color: #B5C0C6;} .b5 b {border-color: #FAFBFB;} .text { border: 1px solid #B0BCC2; border-width: 0 1px; padding: 0 12px; } 2.Şimdi yuvarlak köşe yapmak istediğiniz yere aşağıdaki kodu yapıştırınız. Code <div class="b1"><b></b></div> <div class="b2"><b><i><q></q></i></b></div> <div class="b3"><b><i></i></b></div> <div class="b4"><b></b></div> <div class="b5"><b></b></div> <div class="text">
Your super text here.
</div> <div class="b5"><b></b></div> <div class="b4"><b></b></div> <div class="b3"><b><i></i></b></div> <div class="b2"><b><i><q></q></i></b></div> <div class="b1"><b></b></div>
|
|
Kategori: Şablon Kodları | Ekleyen: jungnet
| Etiketler:
|
| Gösterim: 162 | İndirme: 0
| Değerlendirme: 0.0/0 |
|