Bloğumda toplam 12 kategoride yazılmış 311 yazı ve 269 yorum var.

CSS3 Online Oval Kenar Oluşturma Aracı

7 sene önce yazıldı, 365 kere okundu. 0

CSS3 ile birlikte bir çok yeni özelliği kolayca kullanır hale geldik. Önceden grafik kullanarak oval köşeler elde ediyorduk web sitelerimizde, şimdiki duruma bakarsak eğer işlerin bir hayli kolaylaştığını görebiliyoruz. Şimdi tanıtacağım internet sitesi de css3 özelliklerinden birini kodlama ile uğraşmaya gerek kalmadan bizlere kolayca kullanmamız için kodları otomatik üretiyor.

İster tüm köşelere aynı derece ovallik veriyoruz istersek de ayrı ayrı tüm köşeler için px atayarak her köşeyi farklı derecede oval yapabiliyoruz. Köşelere px değerlerini verdikten sonra aşağıdaki kod güncelleniyor ve kodumuzu style.css imizde veya hangi style dosyasını kullanıyorsak orada yapıştırıp işimize devam ediyoruz. Tüm tarayıcılarla da uyumlu çalışıyor kodlar.

Önce site adresini verelim, sonra da konu hakkında hiç bilgisi olmayanlar için biraz ip ucu verelim. Siteye girmek için aşağıdaki adrese tıklamanız yeterli.

http://border-radius.com/

” Html sayfamda bir div var ve bu oval köşeleri ona uygulamak istiyorum. ” 

Yapmanız gerekenler çok basit. Ayrıca sadece div’lere değil, html kısmında atadığınız resimlere de oval köşeler uygulayabilirsiniz bu kodlar sayesinde. Yapmanız gereken id veya sınıfı css bölümünde bulup, o stil özelliklerinin arasına bu kodları da eklemek.

Örnek vermek gerekirse;

Html dosyanızda < div id=”kutu”>kutu içeriği</ div> diye bir diviniz var, stil dosyanızda da #kutu { width:500px; height:150px; } özelliklerine sahip kodlarınız var. Bu siteden aldığımız kodlara ” X ” dersek eğer, stil dosyasındaki yapmanız gereken değişiklik aşağıdaki gibi olacaktır.

#kutu { width:500px; height:150px; X }

Kolay gelsin arkadaşlar. Gayet basit bir olay zaten. Bu arada mantığı anladınız siz, resimlere vesaire de eklemek isterseniz yine aynı şekilde ekleyebilirsiniz. ( < img src=”resim.png” class=”ovallestir” /> – .ovallestir { X } şeklinde kullanabilirsiniz. )

Tekrardan kolay gelsin, iyi çalışmalar. Görüşmek üzere!

BENZER  CSS3: Çoklu Sütunlar

 

Konuyla alakalı bir şeyler yazabilirsin.

İsimTescil.net Sonunda Arayüzünü Güncelledi

Merhaba arkadaşlar. Uzun bir zaman boyunca gına getiren, sürekli yavaşlığı ve “her yüzüne bakışımızda...

4 ay önce. 94 0 Devam Et

Sitelerinize WhatsApp Butonu Ekleyerek Müşterilerinizle Etkileşime Geçin

Merhaba arkadaşlar. WhatsApp günün hemen her anında iletişim ihtiyacımızı karşılayan olmazsa olmaz bir araç h...

4 ay önce. 101 0 Devam Et

İşletmelerde Ön Muhasebe Yazılımı Kullanmanın Önemi ve Bulut Tabanlı Yazılımlar

Merhaba arkadaşlar. Özellikle son zamanlarda girişimcilik ruhunun çok fazla kişiye ulaştığını, herkesin özell...

4 ay önce. 34 0 Devam Et

Material Design Icons – MDI ile Sitelerinize Icon Set Nasıl Eklenir

Selam arkadaşlar. Bu yazıda sitelerimizi daha doğrusu arayüzlerimizi hazırlarken Material Design Icon Set’ind...

4 ay önce. 35 0 Devam Et

SSD Disk Kullanmak Bilgisayarımızı Ne Kadar Hızlandırır?

Solid State diskler piyasa çıktığından beri bilgisayar satıcıları hatta elindeki ikinci el bilgisayarı satan in...

4 ay önce. 57 0 Devam Et

Hakkımda

1994'ün Haziran'ında Beyşehir/Konya'da dünyaya gelmişim. O zamanlar, gerek tombikliğim gerek yeşil gözlülüğüm sebebiyle gören herkes tarafından el üzerinde ( hatta defalarca havaya atılıp tutulma gibi ) tutulmuşum.

Bebekliğim Konya'da bir köyde, çocukluğum İstanbul'da geçti. İstanbul'da başladığım iş hayatına doğduğum yer, Beyşehir'de devam ediyorum.

Uzun yıllar çeşitli firmalarda çalıştıktan sonra 2017’den beri kendi yazılım ve reklam şirketimi kurdum. Geliştirmeye ve değiştirmeye devam ediyoruz.