Kapat
CSS 63 0

Pratik Css Kodları

Herkese merhaba arkadaşlar bu yazımda CSS kullanmayı sevmeyen ya da uğraşmak istemeyenlere özel sayfa önerilerinde bulunacağım. Pratik Css Kodları ile daha rahat web sayfaları yapabilirsiniz.

1.csstypeset

CSSTypeSet

Bu sayfada yazılarınıza özellik verebiliyorsunuz. Yazı stilini, boyutunu , rengini vb. özelliklerini ayarlıyorsunuz ve size CSS kodunu veriyor onu kopyalayıp istediğiniz tasarımınıza ekleyebilirsiniz.

2.enjoycss

Ücretsiz CSS kod oluşturucunun keyfini çıkarın

Bu sayfamızda ise daha detaylı özellikleri bulabilirsiniz. İstediğiniz gibi şekillendirin. Küçük bir örnek yaparak anlatayım.

Gördüğünüz gibi yazımı yazdım ve istediğim şekilde nitelikler verdim arka plana resim bile ekleyebilirsiniz.

Daha sonra kodu alın kısmına bastığınız zaman Css kodlarınızı bulabilirsiniz. Tek yapmanız gereken kodları sayfanıza eklemek.

3.bestcssbuttongenerator

Butonlarınızı artık istediğiniz şekilde tasarlayabilirsiniz. Aklınızdaki tasarımları Css kodları zor diye iptal etmektense bu sayfa sayesinde butonlarınıza özellikler verin ve kodları sayfanıza ekleyin.

Hemen küçük bir örnek yapalım sizlerle Butona yazımızı yazdık ve özelliklerini seçip kodlarımıza bakalım.

Gördüğünüz gibi şeklini ayarlayıp kodu al butonuna basmamız yeterli her şey bu kadar kolay.

4.the-echoplex.net

Bu sayfamızda da yan yana hizalama işlemlerini yapabiliriz yani kutu yapma mantığı gibi düşünebilirsiniz. İstediğiniz kadar kutu ekleyip içini doldurabilirsiniz ve mavi kısımdan css kodlarına ulaşabilirsiniz.

5.css-tricks

Bu sayfada da buton oluşturabilirsiniz buradaki buton daha çok hover yani üzerine gelindiği zaman farklı renge dönüşebilir.

6.clickminded

Bu sayfada da buton yapabilirsiniz buton özelliklerinizi ayarlıyorsunuz ve css kodlarınızı sayfanıza ekliyorsunuz.

Pratik Css Kodları yazımızı burada sonlandırıyorum diğer yazılarımı okumak isterseniz linke tıklayın.

[Toplam: 1   Ortalama: 5/5]
Hatice Nur Kaya

Hatice Nur Kaya {Hatice Nur Kaya}