♥ Siteniz İçin Scrollbar Nasıl Koyulur? ♥

Merhabalar efenim.Bu yazımda sitenize nasıl Scroolbar koyulacağını göstereceğim.Ama ilk önce Scrollbar ne demek onu kendimce bilmeyenlere anlatmaya çalışayım.Hani sitelerimizin sağ yanında yukarı gidince yukarı aşağı gidince aşağı inen bi sütun varya heh işte ona Scrollbar denir ve onu değişik renkte kodlar sayesinde yapabiliriz.

Sitemde bulunan Scrollbar işte bu şekilde.Aşağıya kod vereceğim.Bu kod sayesinde sizde sitenize renkli renkli Scrollbar kodları koyabilirsiniz.

::-webkit-scrollbar { background: #FFFFFF ;/*Arka plan*/ width:7px; } ::-webkit-scrollbar-thumb { -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5); background-image: -webkit-linear-gradient(top, ''renk kodu'' 10%, ''renk kodu'' 51%); } 

Kodda ''renk kodu'' yazan yeri silip internetten renk kodu bulup yapıştıracaksınız oraya.

Şimdi gelelim ben bu kodu nereye koyacağım ki sitemde çıksın.Onuda şöyle yapacağız.

Gelişmiş'e tıkladıktan sonra karşımıza böyle bi şey gelecek.O açılan yan sekmenin en aşağısına gideceğiz ve karşımıza şöyle bir şey çıkacak.

CSS ekle yerine basalım.Karşımıza kutucuk gelecek.

Belirttiğim kutucuğa kodu yapıştırıp kaydediyoruz.Böylelikle sitemizde renkli bir Scrollar oluyor :)

♥ Sitenizin Alt Kısmına Süs Koyma ♥

Herkese merhabalar efenim.Bugünkü yazımda sitenizin alt kısmına süs koymanın hangi kodla olduğunu ve nasıl koyacağınızı söyleyeceğim.İlk önce aşağıdaki koda sahip olmamız gerek.

<div style="background-image: url('Resim url kodu gelecek'); width: 100%; height: 70px; position: fixed; left: 0px; top: 723px;"></div>

Yukarıdaki kodu kontrol panelinizden yerleşim'e tıklayıp gadget tılayıp HTLM ekleyi bulup kodu yapıştıracaksınız.Resim Url Gelecek yere'de sitenizin üst yukarısında duracak süs resminin url kodunu yükleyeceksiniz.

Not: height:  70px; yazan resimin yüksekliğidir koyacağınız resmin yüksekliği ne kadarsa silip onu yazın yoksa hata çıkarır.

Not2: top: 723px; yazan yer resminizin aşağıya indirme sayısıdır.Resme göre bu sayı değişiyor.O yüzden bu sayıyıda düzeltmek zorundasınız düzgün gözükmesi için.Ya sayıyı azaltacaksınız yada çoğaltacaksınız.

Aşağıyada örnek resimleri koyuyorum :)

''Tumblr divider'' yada ''kawaii pixiel dividers'' ''Deviantart dividers' yazarsanız da buna benzer süsler çıkar.

Aşağıdaki gibi bir görünüm oluyor sitenizde :))

Seçimleriniz site kalmış istediğinizi koyabilirsiniz.Umarım sizin için yararlı olmuştur bu yazım :))

Bir sonraki yazıda görüşmek üzere hoşçakalın :)