Şimdi Ara

css youtube veya google search bar focus landığı zamanki renk nedir?

Bu Konudaki Kullanıcılar:
1 Misafir - 1 Masaüstü
5 sn
7
Cevap
0
Favori
442
Tıklama
Daha Fazla
İstatistik
  • Konu İstatistikleri Yükleniyor
0 oy
Öne Çıkar
Sayfa: 1
Giriş
Mesaj
  • Arkadaşlar mouse üzerine google search bar veya youtube search bara tıkladığımız zaman search bar border rengi falan değişiyo birde hafif bir gölge gibi şeyler oluyo tam oalrak nedir bu? yani css ile bunu nasıl yapabilirim? hangi parametereleri kullanmam lazım?

    şimdiden çok teşekkür ederim.



  • genelde tarayıcıya göre değişir o,mesela chrome'da textboxa tıkladığında değişik bi border rengi alır.Kendi ayarımı yapmak istiyorum dersen önce;

    outline:0

    ile çevresindeki çizgileri kaldırıp aşağıdaki kodlarla kendi textbox tipini yaratabilirsin.Her tarayıcıdada aynı gözükür.

    border:1px solid #renkkodu;
    box-shadow: inset 0px 0px 20px #000;



    < Bu mesaj bu kişi tarafından değiştirildi Relative Minors -- 25 Temmuz 2012; 14:11:14 >
  • quote:

    Orijinalden alıntı: gokhanbey

    genelde tarayıcıya göre değişir o,mesela chrome'da textboxa tıkladığında değişik bi border rengi alır.Kendi ayarımı yapmak istiyorum dersen önce;

    outline:0

    ile çevresindeki çizgileri kaldırıp aşağıdaki kodlarla kendi textbox tipini yaratabilirsin.Her tarayıcıdada aynı gözükür.

    border:1px solid #renkkodu;
    box-shadow: inset 0px 0px 20px #000;


    hocam o dediklerini yaptıktan sonra search barın iç tarafı gölgelendi kötübir görüntü oldu ben google daki gibi dışa gölge yapmak istiyordum, bu arada outline dediğin nedir?
  • quote:

    Orijinalden alıntı: nightwing

    quote:

    Orijinalden alıntı: gokhanbey

    genelde tarayıcıya göre değişir o,mesela chrome'da textboxa tıkladığında değişik bi border rengi alır.Kendi ayarımı yapmak istiyorum dersen önce;

    outline:0

    ile çevresindeki çizgileri kaldırıp aşağıdaki kodlarla kendi textbox tipini yaratabilirsin.Her tarayıcıdada aynı gözükür.

    border:1px solid #renkkodu;
    box-shadow: inset 0px 0px 20px #000;


    hocam o dediklerini yaptıktan sonra search barın iç tarafı gölgelendi kötübir görüntü oldu ben google daki gibi dışa gölge yapmak istiyordum, bu arada outline dediğin nedir?

    rastgele değer verdim 10px çok gelmiştir kendin oynasaydın değerle,dışa doğru vermek içinde inset kısmını silmen yeterli.

    border:1px solid #e6e6e6;
    box-shadow: 0px 0px 3px #bbb;


    outline dış çizgileri sıfırlar,tarayıcıların bazılarında otomatik kendi outline ekliyor bunun önüne geçmek için.




  • quote:

    Orijinalden alıntı: gokhanbey

    quote:

    Orijinalden alıntı: nightwing

    quote:

    Orijinalden alıntı: gokhanbey

    genelde tarayıcıya göre değişir o,mesela chrome'da textboxa tıkladığında değişik bi border rengi alır.Kendi ayarımı yapmak istiyorum dersen önce;

    outline:0

    ile çevresindeki çizgileri kaldırıp aşağıdaki kodlarla kendi textbox tipini yaratabilirsin.Her tarayıcıdada aynı gözükür.

    border:1px solid #renkkodu;
    box-shadow: inset 0px 0px 20px #000;


    hocam o dediklerini yaptıktan sonra search barın iç tarafı gölgelendi kötübir görüntü oldu ben google daki gibi dışa gölge yapmak istiyordum, bu arada outline dediğin nedir?

    rastgele değer verdim 10px çok gelmiştir kendin oynasaydın değerle,dışa doğru vermek içinde inset kısmını silmen yeterli.

    border:1px solid #e6e6e6;
    box-shadow: 0px 0px 3px #bbb;


    outline dış çizgileri sıfırlar,tarayıcıların bazılarında otomatik kendi outline ekliyor bunun önüne geçmek için.

    Hocam pl/sql developerıyım pek anlamam CSS den :)




  • Hocam internet explorerda çalışmıyor bu kod, bunun için bi araştırma yaptım internette aşağıdakş kodları buldum çalıştı ama bu seferde istediğim gibi olmuyor nasıl ayarlanması gerektiğinide bilmiyorum.

    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=20, Color='#bbb')";
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=45, Color='#bbb');
  • "outline: 0;" ile sıfırlayıp background-image ile kendi istediğin modeli verebilirsin.
  • Yapay Zeka’dan İlgili Konular
    Daha Fazla Göster
    
Sayfa: 1
- x
Bildirim
mesajınız kopyalandı (ctrl+v) yapıştırmak istediğiniz yere yapıştırabilirsiniz.