Bu sitedeki her şey Sevgi ile kodlanmıştır.

Kategori Listesini Göster

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

İLGİLİ YAZILAR

PHP Öldü mü? PHP'nin Geleceği ve Öğrenme Gerekliliği Üzerine

PHP Öldü mü? PHP'nin Geleceği ve Öğrenme Gerekliliği Üzerineİnternet üzerindeki bazı forum sayfalarında ve YouTube kanallarında gördüğüm bir başlıktan yola çıkarak, bunun üzerine yazmak istedim. Birçok insan "PHP öldü mü," şeklinde soru işaretlerine sahip ki, bu tür başlıklar çoğalmış durumda. [...]

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

CSS ile Online Buton Yapmak Çok Kolay

Web siteleri için, butonların özel bir yeri bulunmaktadır. Yani web sitenizde kullandığınız butonların, tasarımınıza özel olarak hazırlanmış olması, oldukça fark yaratıcı bir etki bırakacaktır. Bu yüzden özgün butonlar oluşturmak çok ama çok önemli. Photoshop kullanarak da bu işlemi yapabiliriz. Ancak CSS yardımı ile de birbirinden güzel butonlar oluşturmak mümkün. Bu yönde hazırlanmış birtakım web siteleri de mevcut durumda. Böylelikle birkaç tıklama ile, [...]

CSS ile Otomatik Resim Boyutlandırma Nasıl Yapılır?

Bir web sitesinde yer alan görsellerin belli bir boyut doğrultusunda görüntülenmesi, özellikle profesyonel bir görünüm açısından oldukça önem arz etmektedir. Örneğin, web sitenizdeki görsellerin boyutlarını (yükseklik ve genişlik değerleri) belli bir oranda belirlemediniz. Bu durumda yapılabilecek, otomatik bir yöntem mevcut mu? Elbette, CSS yardımı ile otomatik fotoğraf boyutlandırmak kesinlikle mümkün. Böylelikle, web sitenizdeki tüm fotoğrafların boyutunu [...]

HTML ile Kayan Yazı Nasıl Yapılır?

Bazı web sitelerindeki, özellikle duyuru bölümlerinde, "kayan yazı" özelliğini görmüş olmalısınız. Yani soldan sağa veya sağdan sola kayan yazılar daha özgün bir görünümü beraberinde getirebilmektedir. Web sitenizdeki duyuru veya bilgi amaçlı bölümler için, HTML ile kayan yazı özelliğini kullanabilirsiniz. Aşağıda bu yönde bir örnek yer almakta olup, aşağıdaki örnekte birkaç düzenleme de mevcut. Yani aşağıdaki kodları kullanarak, kayan yazı özelliğini elde edebileceğiniz [...]

CSS ile Büyük Küçük Harf Nasıl Yapılır?

CSS ile ilgili dersleri içeren yazı dizimize devam ediyoruz. Geçtiğimiz derslerde hatırlarsanız, yazılara gölge verme ve kutulara gölge verme gibi içeriklerin yanı sıra, seçili alan rengini değiştirme ve yorum satırı ekleme gibi konuları da işlemiştik. Şimdi ise, harf dönüşümü konusunu inceliyor olacağız. Bu bağlamda, CSS ile kodlama yaparken, dilediğiniz metinlerin veya başlıkların, tamamen büyük ve tamamen küçük harflerden oluşmasını sağlayabiliyorsunuz. Buna [...]

Yukarı Çık