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 [...]

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 [...]

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 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 [...]

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 [...]

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ı [...]

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 [...]

CSS ile resim ortalamak, birçok kişinin de bildiği üzere çok kolay bir işlemdir. Ancak bazı durumlarda ne kadar çok "float: center" veya "text-align: center" deneseniz de, ilgili resmin ortalanmadığını görebilirsiniz. Bunun çeşitli sebepleri olabilir. Ancak, eğer bir resmi ortalamak istiyorsanız, aşağıdaki kodları kullanmanız bu yönde yeterli olacaktır. Böylelikle ilgili resim kesin olarak ortalanmış olacaktır. Hem ortalanacak, hem de sağdan ve soldan [...]

Bildiğiniz üzere bir web sitesinde aşağı ve yukarı hareket edebilmek için scrollbar (kaydırma çubuğu) kullanılmaktadır. Buna ek olarak, her tarayıcının kendine özel bir scrollbar stili bulunmakta olup, dilerseniz CSS yardımı ile scrollbar değiştirme işlemini de kolaylıkla gerçekleştirebilirsiniz. Böylelikle web sitenizin mevcut tasarımına özel scrollbar hazırlayabilmektesiniz. Dilerseniz hemen şimdi, örnek kodları ve bu yönde yapılan örnek bir çalışmaya göz atıyor [...]

Günümüzde CSS ve HTML kullanarak birbirinden farklı şeyler elde edebilmek mümkün. Örneğin, CSS'e ait ilk harfi büyük yazma özelliğinin yanı sıra, otomatik resim boyutlandırma imkânı da mevcut. Dolayısı ile CSS ile birçok faydalı içeriğimize göz atmanızda fayda bulunmaktadır. Konumuza da dönecek olursak, birçok statik web sayfasında veya bloglarda yatay bir açılır menü görmüş olmalısınız. Yani web siteniz ile ilgili bağlantıları ekleyebileceğiniz [...]