Tavsiye: 12 Adımda Pazartesi Sendromunu Yenin! Hatırlayalım: 10 Adımda Pozitif Olma Rehberi
Fatih Özel Kolej

Teknobeyin - Teknolojinin Beyni
Teknoloji, internet, sosyal medya, yazılım, oyun, webmaster ve birçok güncel içerik sizlerle.

İLGİLİ YAZILAR

CSS’de “before” ve “after” Sınıfları Ne İşe Yarar?

CSS DersleriBir süredir CSS dersleri yazı dizisine ara vermiştik ancak şimdi devam ediyoruz. Bu dersimizde, CSS’de “before” ve “after” sınıflarının ne işe yaradığını ve nasıl kullanıldığını öğreniyor olacağız. CSS ile mevcut div’in öncesine veya sonrasına metin veya spesifik bir obje eklenebilir. İşte bu gibi durumlar için, before ve after sınıfları bize yardımcı olmaktadır. Bu konuyla ilgili olarak şuradaki yazımda yer alan örneği de inceleyebilirsiniz. Aşağıdaki şekilde ise kullanım [...]

CSS ile Yuvarlak Kenarlıklar Oluşturucu!

CSS ile Yuvarlak Kenarlıklar Oluşturucu!CSS Dersleri ile ilgili bugüne kadar birçok içerik paylaştık sizler için. Bildiğiniz gibi sadece CSS kullanarak, yuvarlak (oval) kenarlıklar elde edebilmek mümkün. Bunun için ise CSS kodu yazmanız gerekiyor. Bu belki size yorucu gelebilir. Bu yüzden sizlerle bir kaynak site paylaşmak istiyorum. Border Radius adlı bu site vasıtası ile dilediğiniz yuvarlaklık boyutunu belirleyerek, direkt ilgili kodu alabilirsiniz. Pratik bir site. Mutlaka kullanmanızı tavsiye ediyorum. Ben de [...]

CSS ile Kıvrılmış Kenar Efekti Yapımı

CSS ile Kıvrılmış Kenar Efekti YapımıCSS Dersleri ile ilgili içeriklerimize ara vermeden devam ediyoruz ve bugün gerçekten farklı bir konuyu işliyor olacağız. Bilirsiniz, bazı sitelerde kâğıt gibi kıvrılmış kenarlıklar vardır. Bu daha farklı bir görünüm elde edebilmemizi sağlar tasarımımızda. Gerek sitenizin Header bölümünde, gerek Image’lerinizde kullanabileceğiniz gibi, ana bölüme ait div içerisinde de kullanabilirsiniz. CSS ile kıvrılmış kenar efekti yapımını, şimdi sizlerle paylaşıyor olacağız. Faydalı olmasını [...]

CSS ile İki Renkli Kenarlık Yapımı

CSS ile İki Renkli Kenarlık YapımıCSS Dersleri ile ilgili yazı dizisine devam ediyoruz arkadaşlar. Bugün ise sadece CSS kullanarak iki farklı renk içeren bir kenarlık (border) nasıl yapılıyor, bu konuyu öğreniyor olacağız. Bu şekilde sitenize farklı ve özgün görünümler elde edebilmek için iki farklı renk içeren kenarlıklar (çubuklar) ekleyebilirsiniz. Yapılması gereken ise çok basit, aşağıdaki kodları, renk kodlarını dilerseniz değiştirerek, ilgili div içerisine eklemenizdir. Böylelikle siz de iki renkli [...]

Hayat Kurtaran Parametre: Clear Both Nedir?

Hayat Kurtaran Parametre: Clear Both Nedir?Başlık biraz abartılı gelmiş olabilir. Ancak açıklamasını yapabilirim. Bildiğiniz gibi CSS ile bir div’i sola veya sağa yaslamak adına “float” parametresini kullanırız. Ancak bu kodun ardından eklediğimiz div, bu koda ait div ile iç içe geçebiliyor. Bu gibi durumları ortadan kaldırmak adına da clear parametresi bize yardımcı olmaktadır. Yani üzerindeki float etiketli bir div’in kendisinden sonraki div için geçersiz kılınmasına olanak tanıyor. Yapmanız gereken de pek [...]

CSS ile Yazıyı İki Yana Yaslama Nasıl Yapılır?

CSS ile Yazıyı İki Yana Yaslama Nasıl Yapılır?Bilirsiniz, genellikle text bölümlerini sola veya sağa yaslı yapabilmek kolaydır. Ancak tasarım ile uyumluluk için CSS ile yazıyı iki yana yaslamak da kesinlikle basit bir işlem. Açtığınız div kodunun içerisine aşağıda yer alan kodu eklemeniz bu yönde yeterli olacaktır. Böylelikle, yazı iki yana da yaslanacak ve ancak bu şekilde kelimeler arası boşluk da biraz artacaktır. Eğer bu sizin için sıkıntı yaratmıyor ise, iki yana yaslama işlemi için aşağıdaki kodu CSS kodu içerisine [...]

CSS’de !important Nedir? Nasıl Kullanılır?

CSS ile kodlama yaparken bir nevi işimizi kolaylaştıran bir etiket var: !important etiketin adı. Gerçekten de mükemmel bir özellik. Örneğin, iki tane div açtınız ve diğer bir div’in öncelikli olmasını istiyorsunuz, bunun için kodun sonuna “!important” etiketi eklemeniz yeterli olacaktır. Yani !important etiketi, öncelik tanımanıza yarıyor. Sürekli kullanılmasına gerek olmamakla birlikte, bazı yerlerde kullanılması elzem olabiliyor. Aşağıdaki örneği dilerseniz bu yönde [...]

CSS ile Çizgi Efektli Yazı Yazma Nasıl Yapılır?

Bir süredir CSS derslerine ara vermiştik. Şimdi ise güzel bir ders ile karşınızdayız. CSS ile çizgi efektli yazı yazma nedir öncelikle bunu açıklayalım. Standart border kodumuzu, yazımızın arkasından geçecek şekilde tanımlamaya çalışacağız. Böylelikle ortaya gerçekten güzel bir görünüm çıkacak. Dilerseniz aşağıdaki adımlar doğrultusunda web sitenizdeki yazı başlıklarınızda v.b. kullanabilirsiniz bu özelliği. Fazla vakit kaybetmeden izniniz ile, ilgili adımlara [...]

CSS ile Linklerin Altındaki Çizgiyi Kaldıralım

Blogger‘da veya WordPress‘te genellikle linklerin altında çizgi bulunur. Veya linkin üzerine gelince bir çizgi çıkar. Buraya kadar elbette bir problem yok ancak bazı webmaster’lar bu çizgiyi tercih etmemektedir. Dolayısı ile sadece CSS kullanarak linklerin altındaki çizgileri kaldırabiliriz. Aşağıdaki kodları temanızın CSS bölümüne eklemeniz ise bu yönde yeterli olacaktır. İlgili kodları dilediğiniz altyapı için kullanabilirsiniz, sorunsuz olarak çalışacağını [...]

CSS ile Uzun Yazıları Üç Nokta ile Bitirmek

Zaman zaman bir div içerisine tüm yazıyı eklemek istemeyiz. Yani çok uzun yazılardan sonra üç nokta ekleyerek, bu yazının devamı var demek isteyebiliriz. Bunu JavaScript kullanarak da yapabilmek mümkündür. Ancak sizlere bunu CSS ile de yapabileceğinizi söylesem, ne dersiniz? Evet, bu işlemi yalnızca CSS kullanarak da yapabilmekteyiz. Uzun yazılarınızın sonuna üç nokta koymak istiyorsanız, aşağıdaki örneği [...]

Bugün Günlerden: . Toplam 19 kategorideki 7.957 yazıda 8.259 yorum bulunmaktadır.
Yukarı Çık