Okan SAĞLAM – Blog Sayfası

Sponsor Ol!

Web sitemizde, 22 kategori'de, 241 adet makaleye yazılmış, 1408 yorum bulunmaktadır.

  • Blog
  • CSS
  • CSS ile Seçilen Metnin Rengini Değiştirme
10

CSS ile Seçilen Metnin Rengini Değiştirme

Facebook'ta Paylaş ~ Twitter'da Paylaş ~ Friendfeed'ta Paylaş ~ Google'da Ara ~ Yorum Yap!

Seçilen metinlerin renkleri hoşunuza gitmiyorsa yada tasarımınıza uymuyorsa ufak bir değişiklik ile güzel hale getirebiliriz. Her zamanki gibi ‘da sorun yaratıyor. Yerini eski renkler yer alıyor ‘de. Diğer tarayıcılar’da sorun çıkmıyacaktır.

css ile linklere arkaplan CSS ile Seçilen Metnin Rengini Değiştirme

Mesela ben kendi sitemde arkaplan rengi olarak kapalı gri seçtim. Yazı için ise beyaz rengi tercih ettim.

Buyrun kodlar, bunları ’te istediğiniz bir kısma ekleyebilirsiniz.

a::-moz-selection {background: #333;color: #FFFFFF;}
a::selection {background: #333;color: #FFFFFF;}
::-moz-selection {background: #333;color: #FFFFFF;}
::selection {background: #333;color: #FFF;}
Gelen Aramalar: my opera da sayfa rengi değiştirme,arkaplan gri,tumblr arka planı değiştirme,css ile zemin rengini değiştirme,METNİN ARKA PLAN RENGİNİ DEĞİŞTİRME,seçilen metnin arkaplan rengi,seçili metinin rengi,tumblr arka plan değiştirme 2012
Etiketler:
  • Kategori: CSS
  • Haziran 10, 2011
  • 10 Yorum
  • 603 Kere Okundu
  • Okan SAĞLAM

Yazar: Okan SAĞLAM

Bilişim Teknolojileri bölümünde okuyorum, uzun zamandır web tasarıma olan ilgimin sonucunda bu bölümü okumaya karar verdim. Ve şimdi bu blogda paylaşımlarımı sürdürmekteyim,Bu blogda Web Tasarımı ve İnternet Teknolojilerini kendi yorumlarım ile birlikte size sunmaktayım. Daha Fazla bilgi için Hakkımda Sayfasını ziyaret edebilirsiniz.

İlginizi Çekebilir:

Adobe Kuler ile Birbiriyle Uyumlu Renkleri Öğrenin Adobe Kuler ile Birbiriyle Uyumlu Renkleri Öğrenin Facebook Sayfaları Değişti Facebook Sayfaları Değişti iPhone Google+ Uygulaması Çıktı! iPhone Google+ Uygulaması Çıktı! Gribe ile Yenilenen Yeni Temam Gribe ile Yenilenen Yeni Temam Kalbimi kek sepeti içinde sana versem? Kalbimi kek sepeti içinde sana versem? Chrome için Google Plus Teması Chrome için Google Plus Teması

Yorum Yapmak İster misin?

  • malibu22 diyor ki ;
    02 Ekim 2011, 02:24

    bu çok işime yarıyacak tşkler.

  • Ipek (@Ipekbocegii) diyor ki ;
    08 Ocak 2012, 23:46

    istediğiniz bir kısma derken? mesela bende outer-wrapper yok?

  • Okan SAĞLAM diyor ki ;
    09 Ocak 2012, 00:22

    Evet CSS’te istediğiniz bir kısma yerleştirin.
    Örneğin: 

    body{background-color:#fff;}
a::-moz-selection {background: #333;color: #FFFFFF;}
a::selection {background: #333;color: #FFFFFF;}
::-moz-selection {background: #333;color: #FFFFFF;}
::selection {background: #333;color: #FFF;}

    Olacak şekilde yapabilirsin.

  • Ipek (@Ipekbocegii) diyor ki ;
    09 Ocak 2012, 01:09

    Denedim bende kodlar şöyle:
    body {
    font: $(body.font);
    color: $(body.text.color);
    background: $(body.background);
    padding: 0 $(content.shadow.spread) $(content.shadow.spread) $(content.shadow.spread);
    $(body.background.override)
    }
    a::-moz-selection {background: #333;color: #FFFFFF;}
    a::selection {background: #333;color: #FFFFFF;}
    ::-moz-selection {background: #333;color: #FFFFFF;}
    ::selection {background: #333;color: #FFF;}

    çalıştı çok tşk ama chrome yüzünden mi bilmem yine o cırt mavi kopy rengi de görünüyor halen:(
    ps: evet chrome un marifetiymiş :) mozilla da sorun yok çok mutlu oldum:D

  • Okan SAĞLAM diyor ki ;
    09 Ocak 2012, 14:01

    Sevindim, güle güle kullan :)

  • Justian0 diyor ki ;
    20 Ocak 2012, 00:12

    verdiğiniz bilgiler için teşekkürler yeni başlıyanlar için önemli birşey her tasarımda kullanılan bir bilgidir :)

  • alparslan diyor ki ;
    28 Ocak 2012, 01:37

    İlk başladığımda çok uğraşmıştım bunları yapmaya. Güzel paylaşım saolun.

  • updatefilm diyor ki ;
    29 Ocak 2012, 20:56

    Teşekkürler paylaşım için bu tür kodlar her zaman gerekli.

  • seobudan diyor ki ;
    11 Nisan 2012, 23:53

    cok acıklıyıcı anlatım olmuş tesekkür ederim.

  • Riza diyor ki ;
    13 Mayıs 2012, 22:34

    Merhabalar Css Kodlarını gösterdiğiniz alanı nasıl yaptığınızı açıklayabilir misinz? çok hoş duruyor bunu öğrenmek istiyorum inşallah wordpress değildir..

Yorum Yaz

Yorumlarınızı Paylaşırken

Yorumlarınızı politik,kırıcı,kaba yazmamaya özen gösterin başkalarını taciz edebilecek laflardan kaçının.Kriterlere uymayan yorumlar onaylanmıyacaktır.

Lütfen bizimle bilgilerinizi doğru şekilde paylaşın sitemiz size Kesinlikle spam mailler göndermez