Tavsiye: Google Belgeseli – Türkçe (Bir Başarı Hikâyesi) Hatırlayalım: Lizzie Velasquez: Gerçek Bir Mücadele Öyküsü
Sponsorlu Bağlantılar

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

CSS ile Resim Ortalamayı Öğrenelim

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

CSS ile Scrollbar Değiştirme Nasıl Yapılır?

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

CSS ile Yatay Açılır Menü Yapımı

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

CSS ile Resimler Transparan (Saydam) Nasıl Yapılır?

CSS dersleri ile ilgili içeriklerimizi ara vermeden yayımlamaya devam ediyoruz. Bu bağlamda, bazı web sitelerindeki resimlerin saydam olduğunu görmüş olmalısınız. Bu işlem Photoshop ile de yapılabilir. Ancak CSS’e ait “opacity” özelliğini de kullanarak, fotoğrafları saydam, yani transparan hâle getirebilirsiniz. Böylelikle temanıza uygun olacak şekilde, daha özgün bir görünüm elde edebiliyorsunuz. Dilerseniz bir örnek yaparak, konuyu daha iyi anlıyor [...]

CSS ile Listeleme İşaretlerini Kaldırma Nasıl Yapılır?

CSS ile ilgili ders içerikli yazılarımızı kaleme almaya devam ediyoruz. Bildiğiniz gibi, CSS’e ait “list-style” özelliğini kullanarak, listeleme yaparken ilgili madde işaretlerini belirleyebiliyoruz. Yani dilerseniz; “disc“, “circle” ve “square” gibi etiketler tanımlayabilmektesiniz. Ancak kullanım alanına göre değişebilse de, listeleme işaretlerini kaldırma ihtiyacı söz konusu olabilmektedir. Yine alt alta listeleme yaparsınız, ancak bu sefer herhangi bir şekilde [...]

CSS ile İlk Harfi Büyük Yazma Nasıl Yapılır?

Bir paragrafın ilk harfinin büyük olarak yazıldığı gazete ve dergilere denk gelmiş olmalısınız. Ayrıca, bazı büyük web siteleri de bu şekilde içerik hazırlamaktadır. Böylelikle, oldukça güzel ve farklı içerik sayfaları elde edebilmektesiniz. Bu işlemi CSS kullanarak yapmak oldukça basit. Yani CSS’nin “first-letter” özelliği kullanılarak, paragrafın ilk harfi büyük yapılabilir ve ardından kolay bir şekilde de biçimlendirilebilir. Dilerseniz bu yönde bir örnek yapıyor [...]

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