Konuyu Oyla:
  • Toplam: 0 Oy - Ortalama: 0
  • 1
  • 2
  • 3
  • 4
  • 5
Container'a kenarlık eklemek ve gölge vermek
#1
Merhaba arkadaşlar.
Bugün sizlere container'a kenarlık eklemek ve gölge vermeyi göstereceğim.
Global.css'i açın.
Kenarlık eklemek;
Kod:
border-left: solid 10px red;
border-right: solid 10px red;
border-top: solid 10px red;
border-bottom: solid 10px red;
Bu kırmızı kenarlık kodu. red yerini değiştirerek rengini değiştirebilirsiniz.
global.css'teki containera yukardaki kodları ekleyin. süslü parantezlerin arasına.
Birleştirelim ;
Kod:
#container {
    width: 95%;
    background: #fff;
    border: 1px solid #e4e4e4;
    color: #000000;
    margin: auto auto;
    padding: 20px;
    text-align: left; /* IE 5 fix */
        border-left: solid 10px red;
        border-right: solid 10px red;
        border-top: solid 10px red;
        border-bottom: solid 10px red;
}

Gölge vermek zaten forumda vardır ama yine de anlatayım.
Kod:
box-shadow: 0px 0px 0px 20px green;
Bu kodu containera eklerseniz yeşil bir gölge verirsiniz. green yerinden rengini değiştirebilirsiniz. 20px ise gölgenin yoğunluğudur.
Ara
Cevapla PGM
Teşekkür verenler:
#2
Demo Yokmu
Ara
Cevapla PGM
Teşekkür verenler:
#3
http://webmastertasarim.10tl.net

buraya bakabilirsiniz.
Ara
Cevapla PGM
Teşekkür verenler:
#4
Kodları editleyerek daha güzel şeyler çıkabilir ortaya teşekkkürler.
Cevapla PGM
Teşekkür verenler:
#5
(15-03-2014 Saat: 11:39)Secilmis42 Nickli Kullanıcıdan Alıntı: Kodları editleyerek daha güzel şeyler çıkabilir ortaya teşekkkürler.
Cevapla PGM
Teşekkür verenler:
#6
1px yoğunluk ve #46a0ee rengi daha güzel görünür. Teşekkürler :)
Ara
Cevapla PGM
Teşekkür verenler:
#7
(15-03-2014 Saat: 11:39)Secilmis42 Nickli Kullanıcıdan Alıntı: Kodları editleyerek daha güzel şeyler çıkabilir ortaya teşekkkürler.
Ara
Cevapla PGM
Teşekkür verenler:
#8
Önemli değil ben sadece örnek verdim tabii ki editlemek gerekiyor.
Ara
Cevapla PGM
Teşekkür verenler:


Hızlı Menü:


Şu anda bu konuyu okuyanlar: 1 Ziyaretçi



Teknolojik -

Online Shopping App
Online Shopping - E-Commerce Platform
Online Shopping - E-Commerce Platform
Feinunze Schmuck Jewelery Online Shopping