Seçili Metin Arka Planını Değiştirme

Seçili Metin Arka Planını Değiştirme

CSS Eklentiler

Sitenizin Seçili metinlerinin arka planın rengini değiştirebilirsiniz. Böylece sitenizin göze daha güzel hitap etmesini , web tasarımına uygun renkleri seçerek internet sitenizin daha güzel ve şık görünmesini sağlayabilirsiniz.

Seçili Metin Arka Planını Değiştirme

Seçili Metin Arka Planını Değiştirme Css kodu ile İnternet sitenizde bulunan yazıları seçince arka planını değişmesi için sizlere aşağıda kısa ve çok kullanılan Css kodunu verdik. Böylelikle sitenizde ki seçili metinlerin rengini , arka planını değiştirebilir ve sitenizin daha güzel bir görünüm elde edilmesine olanak sağlayabilirsiniz.

css ile Seçili metin arkaplanını değişitme kodu

Aşağıdaki Seçili Metin Arka Planını Değiştirme kodunu sitenize ekleyebilirsiniz. Nasıl yapılacağını bilmiyorsanız sayfanın en alt kısmında sizlere talimatlarla anlattık. Dilerseniz kodu kopyaladıktan sonra sayfanın aşağısından kodu nasıl ekleyeceğinize bakabilirsiniz.

<style> ::-moz-selection { background:#000000; color:#ffffff; } ::selection { background:#000000; color:#ffffff; } </style><br />

Seçili Metin Arka Planını Değiştirme Kodu bu şekilde gözükecektir.

Seçili Metin Arka Planını Değiştirme Önizlemesi

Seçili Metin Arka Planını Değiştirme Kodu Nasıl Kullanılır?

Blogger sol taraftaki kontrol paneli >> Tema >>  Html'yi Düzenle e >>  Ctrl+F tuşları ile ]]></b:skin>

 yazılı yeri bulun ve üstüne >>  kodların tamamını yapıştırın >>  Kaydet

Bu yazı ile ilgili düşüncelerinizi yorum yaparak belirtebilirsiniz.

Kaydırma Çubuğu Özelleştirme Kodu

Kaydırma Çubuğu Özelleştirme Kodu

CSS

Kaydırma çubuğunu bir diğer adı ile scroll barı daha modern ,  estetik , göze güzel gelen ve sitenizin tasarımına uygun bir renk ile özelleştirebilirsiniz.

Kaydırma Çubuğu Özelleştirme ve Renklendirme

Aşağıda ki kodda Kaydırma Çubuğu Özelleştirme Kodunu istediğiniz gibi renklendirebilirsiniz. Bunun için html renk editörü ile seçeceğiniz rengi  kaydırma çubuğu özelleştirme kodunda yer alan #ff0000 yazan yere seçtiğiniz rengin Html renk kodunu girerek kaydırma çubuğunu istediğiniz renkler verebilirsiniz.

KAYDIRMA ÇUBUĞU (SCROLLBAR) ÖZELLEŞTİRME kodu

Aşağıdaki Kaydırma Çubuğu Özelleştirme kodunu sitenize ekleyebilirsiniz.

::-webkit-scrollbar {width:10px;} ::-webkit-scrollbar-track {background-color:transparent;} ::-webkit-scrollbar-thumb {background-color: #ff0000;border-radius:5px} ::-webkit-scrollbar-thumb:hover {box-shadow:0 0 30px 0 #000;}

Kaydırma Çubuğu Özelleştirme Kodu bu şekilde gözükecektir.

Kaydırma Çubuğu Kodu Önizlemesi

Kaydırma Çubuğu (ScrollBar) Özelleştirme Kodu Nereye Ve Nasıl Eklenir?

Kodların Nereye ve Nasıl Ekleneceği Talimatlarını Gör

➀ Blogger Sol tarafta bulunan Kontrol Paneline girin.

➁  Tema yazan bölüme tıklayın.

➂  Html'yi Düzenle yazan yere tıklayın.

➃ Ctrl+F Tuşları ile koldar içinde arama yapın.

➄ ]]></b:skin>kodunu kopyalayın.

➅  Arama Kısmına ]]></b:skin> kodunu  yapıştırın.

➆  Bu kodun üst kısmına kullanmak istediğiniz kodu yapıştırın.

➇  Temayı kaydedin.

Bu yazı ile ilgili düşüncelerinizi yorum yaparak belirtebilirsiniz.

Blogger Arama Çubuğu Kodu

Blogger Arama Çubuğu Kodu

CSS Eklentiler

Blogger arama çubuğunuzu daha modern , kullanışlı ve blogunuzu daha estetik bir şekilde göstermesi için aşağıda ki Blogger Arama Çubuğu Kodunu blogunuza ekleyebilirsiniz. Kodu nasıl ekleyebileceğinizi sayfanın en altında anlattık.

BLOGGER ARAMA ÇUBUĞU EKLENTİSİ

Bloggerın arama çubuğunu daha güzel ve kullanışlı bir hale getirebilirsiniz. Size vermiş olduğumuz kod ile bloggerın arama çubuğunu sadece bir kod ile değiştirebilir daha şık ve sitenize uygun bir şekilde kodu kullanabilirsiniz.

BLOGGER ARAMA ÇUBUĞU kodu

Aşağıdaki Blogger Arama Çubuğu Kodunu olduğu gibi sitenize ekleyin nasıl ekleneceğini bilmiyorsanız sayfanın altında kodu nasıl ekleneceğini paylaştık. Kodu kopyaladıktan sonra sayfanın en alt kısmında ki maddeleri takip edebilirsiniz.

<style> <style type="text/css"> #hbz-searchbox { min-width: 250px; margin: 10px auto; border-radius: 3px; overflow: hidden; max-width: 300px; } #hbz-input { width: 59.2%; padding: 10.5px 4%; font: bold 15px "lucida sans", "trebuchet MS", "Tahoma"; border: none; background-color: #EEE; } #hbz-input:focus { outline: none; background-color: #FFF; box-shadow: 0 0 2px #333333 inset; } #hbz-submit { overflow: visible; position: relative; float: right; border: none; padding: 0; cursor: pointer; height: 40px; width: 32.8%; font: bold 15px/40px "lucida sans", "trebuchet MS", "Tahoma"; color: #FFF; text-transform: uppercase; background-color: #D83C3C; } #hbz-submit::before { content: ""; position: absolute; border-width: 8px; border-style: solid solid solid none; border-color: transparent #D83C3C; top: 12px; left: -6px; } #hbz-submit:focus, #hbz-submit:active { background-color: #C42F2F; outline: none; } #hbz-submit:focus::before, #hbz-submit:active::before { border-color: transparent #C42F2F; } #hbz-submit:hover { background-color: #000000; } #hbz-submit:hover::before { border-color: transparent #000000; } </style> <form action="/search" id="hbz-searchbox" method="get"><input id="hbz-input" name="q" placeholder="Sitede Ara..." type="text" /> <input name="max-results" type="hidden" value="8" /> <button id="hbz-submit" type="submit">Ara</button> </form>

Blogger Arama Çubuğu Kodu bu şekilde gözükecektir.

Blogger Arama Çubuğu Kodu Önizlemesi

Blogger Arama Çubuğu Kodu Nereye ve Nasıl Eklenir?

Blogger sol taraftaki kontrol paneli >> Yerleşim >>  Gatget Ekle >>  Html/JavaScirpt Ekle >>  İçerik kısmına koldarın tamamını yapıştırın >> Kaydet

Bu yazı ile ilgili düşüncelerinizi yorum yaparak belirtebilirsiniz.