Web üzerinden herhangi bir renk kodunu bulma

Beğendiğiniz Renk Hangi Sayfada

Dolaş, dolaş bitmeyen internet ortamında bin bir çeşit renk ve her klavyeden farklı kodlamalar, işte bunlar size tasarımınız için ilham kaynağı. Aradığımız her nesneyi hemen google amcaya soruyor, o site senin, bu site benim derken zaman kaybı ve aklımızda kurguladıklarımızı kaybediyoruz. Bunun önüne geçmek için renk kodu seçmekten başlayarak size zahmetsiz yollar bulmaya çalışalım. Küçükten başlayarak anlatmaya karar verdimki, ileriki konularda bu küçük ayrıntıları kullanarak fark yaratabilesiniz. Bilmeyeniniz vardır diye bu konuyu açtım, umarım işinize yarar ve renk seçimlerinizi google amcayı kullanmadan yapabilesiniz.
sağ tıklama ile renk kodunu bulma

Sağ Tık ile Renk Seçme

Bir sitedeki renk veya renk uyumunu kendi sitenizde kullanmakmı istiyorsunuz?Çok zahmetli ve kafa karıştırıcı bir işlem olmasa da, çokça kullandığım ve bilmeyenlerinde kullanacağını düşündüğüm sağ tık ile renk kodunu bulma işlemini size birkaç adımda anlatayım.
  • İlk olarak beğendiğiniz web sayfa üzerindeki renkleri kaplayan alana sağ tıklamak.
  • Sol tık seçeneklerinden incele seçeneğini tıkladığımızda 'tarayıcılarda değişir' sağ tarafta açılan pencerede, en alt kısımda bulunan css kodları içerisinde color seçeneği bulunan kod düzeneğindeki renk küpüne tıklayıp açıyoruz.
  • Açılan color penceresine müdahale etmeden sol kısımda beğendiğimiz rengin üzerine tıklayınca, color penceresinde seçtiğimiz renk belirir,
  • Hemen alt kısımda '#' ile başlayan 6 rakam veya 6 kelime ile biten ek, beğendiğiniz rengi web ortamında yansıtmakta kullandığımız, renk kodu'dur.
,umarım işinize yaramıştır.

Yorumlar

Yorum Gönder

Bu blogdaki popüler yayınlar

Google bağlantı yolu arama motoru

Resim
Bazı sitelerde fark ettiyseniz arama sonuçlarında, yanyana bağlantılardan önce bir arama motoru daha çıkar. Bu arama motoru aynı domain için birden çok çıkan bağlantı arasında google içi arama yapmayı sağlayıp daha kolay bulabilmemiz için oluşturulan google site bağlantıları arama motorudur. Bu arama motoru tek bir domain bağlantısı üzerinden değil, aranan kelime üzerinden çıkan sonuçlara göre öne çıkan site için oluşturulur. Örnek bir görüntü aşağı kısımda verilmiştir. Blogspot içinde kullanıla bilen bu özellik küçük bir java kodunu blogspot.com sitenize ekleyerek oluştura bilirsiniz. Bağlantı Yolu Arama Motoru Bloggere Ekleme Blogspot sitenize giriş yaptıktan sonra sırasıyla Tema > html düzenle > deyip altbilgi veya üst bilgi kısımlarından birine ekleyebilirsiniz, veya CTRL-F yardımı ile  aratarak en üst ile en alt kısımlarda çıkan sonuclardan hemen sonrasına ekleyebilirsiniz. < Script type = "application / json ld +">{ "@context": "ht
Devamı

Blogger için css buton oluşturma

Resim
Blogger buton eklentisi oluşturma Bloglar için kullanılan butonları, kolaylık olsun diye css tanımlarıyla birleştirip demo ve download gibi butonlar ortaya çıkarıcaz. CSS tanımlarıyla oluşturduğumuz bu  çok amaçlı butonlar renk ve hover özelliğini alt kısımda verdiğim renkli kod yerleşkesinde renk kodunu belirleyerek rengini değiştirebilirsiniz. İlk olarak div ismi belirleyelim, div ismini bloga ve blogb veriyorum. <div class="bloga"><a href="http://demo">Demo</a></div> <div class="blogb"><a href="http://download">Download </a> <div> Bunlar sadece link verilmiş divlerimiz şimdi bunları tanımlayan CSS kodlarına geçicez, her biri için farklı css kodları hazırlayalım. İlk olarak 'bloga' buton için tanım belirleyelim renk, kenarlık, alan açısı, yazı büyüklüğü, arka plan gibi tanımlar kullanıcaz. CSS buton bloga için: .bloga a{margin-right: 5px; a display: inline-block; height: 30
Devamı

Kod editörü araçlarini özelleştirme

Resim
Makale editörü - seçenekleri özelleştirme Araç editöründen yararlanmayı bilenler için makale, konu yazmak ve sayfa düzeninde fark yaratmak çeşitli özelliştirmeler yaparak mümkün. Kullandığımız platformların bize sunduğu genellikle üst veya sağ kısımda bulunan bu araçlar CSS tanımlarıyla sayfamıza uygun renk ve biçim vererek makale, konularda kısa yazı ve kod paylaşımında kolaylıklar sağlayacak şekilde düzenleyebiliriz. Genellikle kullanacağımız araçlar div, pre, code, blockquote gibi makale araç çubuğunda bulunan seçenekler için CSS kodlarını paylaşıcam. Bu araçları daha önce kullanmayan arkadaşlar için açıklama yapmama gerek yok, deneyerek nasıl kullanıldığını öğrenebilirsiniz. Bu araçlar için kendim oluşturduğum ve kullandığım özelleştirme kodlarını paylaşıcam . Div kullanımı ve kodlama(özelleştirme) Div'e özellik vermek için CSS tanımlarını div ile birleşik veya CSS kısmına yazabilirsiniz. Bunun için style tagı arasında css tanımı kullanılır. Comi adını verdiğim div'
Devamı