Google Chrome Adres Çubuğu Rengi Değiştirmek

Yazı Başlıkları

Günümüzün en çok kullanılan web tarayıcılarından olan Google Chrome, Google tarafından yayınlanan son güncelleme ile yepyeni bir özelliği de kullanıma sundu. Google Chrome’un yeni güncellemesi sayesinde adres çubuğu rengi ni istediğiniz gibi değiştirebilirsiniz.

Google Chrome tarayıcınız da adres çubuğunu renklendirmek tamamen sizin tercihinizdedir. Dilediğiniz adres çubuğu rengi seçimini yaparak mobil cihaz (tablet,telefon v.b) üzerinden giren kullanıcılara hoş bir görünüm sağlayabilirsiniz.

Adres Çubuğu Rengi Değiştirmek

Aşağıdaki küçük bir kod parçasını web sitenizin “header” kısmına ekleyerek renklendirme işlemini gerçekleştirebilirsiniz. Bu kod içerisinde değiştirilmesi gereken tek nokta “content” kısmıdır. Content kısmındaki “#” ile başlayan bölüm sizin Google Chrome adres çubuğu rengi bölümünü göstermektedir. O zaman aşağıdaki örneğimizi inceleyelim;

<meta name=”theme-color” content=”#E51C1C”>

Yukarıda ki meta kodumuzun content kısmını değiştirerek renklendirme işlemini yapabilirsiniz. Kendi web sitemizde kullandığımız örnek kodu yukarıdaki gibi gösterdik. Bu kodun görünümü de aşağıdaki resimde ki gibidir. Kodu web sitenizin header kısmına eklediğiniz aşağıdaki gibi adres çubuğu kırmızı renk olacaktır. Alternatif renk seçenekleri için aşağıda bulunan renk kodlarını kullanabilirsiniz.

google chrome adres cubugu rengi degismek - Google Chrome Adres Çubuğu Rengi Değiştirmek
Adres Çubuğu Rengi

HTML Renk Kodları Listesi

HTML KoduRenk
#FFFFFF
#FFFFCC
#FFFF99
#FFFF66
#FFFF33
#FFFF00
#FFCCFF
#FFCCCC
#FFCC99
#FFCC66
#FFCC33
#FFCC00
#FF99FF
#FF99CC
#FF9999
#FF9966
#FF9933
#FF9900
#FF66FF
#FF66CC
#FF66CC
#FF6666
#FF6633
#FF6600
#FF33FF
#FF33CC
#FF3399
#FF3399
#FF3333
#FF3300
#FF00FF
#FF00CC
#FF0099
#FF0066
#FF0033
#FF0000
HTML KoduRenk
#CCFFFF
#CCFFCC
#CCFF99
#CCFF66
#CCFF33
#CCFF00
#CCCCFF
#CCCCCC
#CCCC99
#CCCC66
#CCCC33
#CCCC00
#CC99FF
#CC99CC
#CC9999
#CC9966
#CC9933
#CC9900
#CC66FF
#CC66CC
#CC6699
#CC6666
#CC6633
#CC6600
#CC33FF
#CC33CC
#CC3399
#CC3366
#CC3333
#CC3300
#CC00FF
#CC00CC
#CC0099
#CC0066
#CC0033
#CC0000
HTML KoduRenk
#99FFFF
#99FFCC
#99FF99
#99FF66
#99FF33
#99FF00
#99CCFF
#99CCCC
#99CC99
#99CC66
#99CC33
#99CC00
#9999FF
#9999CC
#999999
#999966
#999933
#999900
#9966FF
#9966CC
#996699
#996666
#996633
#996600
#9933FF
#9933CC
#993399
#993366
#993333
#993300
#9900FF
#9900CC
#990099
#990066
#990033
#990000
HTML KoduRenk
#66FFFF
#66FFCC
#66FF99
#66FF66
#66FF33
#66FF00
#66CCFF
#66CCCC
#66CC99
#66CC66
#66CC33
#66CC00
#6699FF
#6699CC
#669999
#669966
#669933
#669900
#6666FF
#6666CC
#666699
#666666
#666633
#666600
#6633FF
#6633CC
#663399
#663366
#663333
#663300
#6600FF
#6600CC
#660099
#660066
#660033
#660000
HTML KoduRenk
#33FFFF
#33FFCC
#33FF99
#33FF66
#33FF33
#33FF00
#33CCFF
#33CCCC
#33CC99
#33CC66
#33CC33
#33CC00
#3399FF
#3399CC
#339999
#339966
#339933
#339900
#3366FF
#3366CC
#336699
#336666
#336633
#336600
#3333FF
#3333CC
#333399
#333366
#333333
#333300
#3300FF
#3300CC
#330099
#330066
#330033
#330000
HTML KoduRenk
#00FFFF
#00FFCC
#00FF99
#00FF66
#00FF33
#00FF00
#00CCFF
#00CCCC
#00CC99
#00CC66
#00CC33
#00CC00
#0099FF
#0099CC
#009999
#009966
#009933
#009900
#0066FF
#0066CC
#006699
#006666
#006633
#006600
#0033FF
#0033CC
#003399
#003366
#003333
#003300
#0000FF
#0000CC
#000099
#000066
#000033
#000000

Hakkında Fatih Mertcan

Yazıyorum, o halde varım! Wordpress + Kahve = Keyif

Bunları da okuyun

wordpress lscache uyumlu eklentiler ve postview zahiridunyanet 310x165 - Wordpress LSCache Uyumlu Eklentiler ve PostView Çalıştırmak

WordPress LSCache Uyumlu Eklentiler ve PostView Çalıştırmak

Bu yazımızdan sunucu taraflı önbellekleme yapan LiteSpeed LSCache eklentisinin WordPress üzerindeki %100 uyumlu çalıştığı eklentiler …

4 Yorumlar

  1. Teşekkürler

  2. iyiymiş bu

  3. Teşekkürler çok içime yaradı.

  4. Değerli paylaşımınız için teşekkür ederim, Emeğinize sağlık.

Bir yanıt yazın

E-posta adresiniz yayınlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir