Geçtiğimiz dönemlerde hem Blogger için, hem de WordPress için 125x125 banner alanı oluşturmayı anlatmıştık. Şimdi ise alternatif olarak tekrar bu konuyu işliyor olacağız. Daha temiz kodlar ve görseller ile reklam alanımız daha profesyonel bir görünüm sunacak. Bu reklam alanlarını blogunuzda, web sitenizde veya forumunuzda v.b. her yerde kullanabilirsiniz. Aşağıdaki kodları dilediğiniz bölüme entegre etmeniz yeterli olacaktır. Umarız [...]

Sunucunuzun mevcut durumunu monitör etmek mi istiyorsunuz? Bunun için Apache Status yardımcınız olacak. Apache Status ile sunucunuzun ne durumda olduğunu (CPU kullanımı, Uptime süresi v.b.) kolaylıkla inceleyebilirsiniz. Basit bir HTML sayfasında listeleme olduğu için, tüm bilgiler oldukça anlaşılır oluyor. Apache Status sayfasını otomatik olarak yenilemek istiyorsanız da, aşağıdaki uzantıyı kullanabilirsiniz. Bilmeyenler için faydalı [...]

İnternet gerçekten de büyük bir ekosistem. Her ne kadar bilgi edinebilmenin en kolay ve pratik yolu olsa da, maalesef ki kötücül amaçları olan insanları da barındırmıyor değil. Bu yüzden bizler de güvenlik olgusuna azami seviyede önem göstererek, ivedilikle bu yöndeki önlemleri almaya çalışmalıyız. Şifrelerimiz, İnternet üzerindeki kimliğimize giriş yapabilmek adına kullandığımız bir nevi ilk güvenlik sınırıdır. Bu yüzden şifrelerimizin güvenliğini sağlamak için [...]

Geçtiğimiz HTML dersleri ile ilgili yazımızda kayan yazı ile ilgili bir içerik kaleme almıştık. Şimdi ise HTML'de satır atlamanın nasıl yapıldığını öğreniyor olacağız. En temel HTML derslerinden bir tanesi olup, birçok statik web sayfasında gerekli de olan bir ipucu. Yani paragraf yerine örnek bir listeleme veya benzeri bir durumda satır atlamak gerektiğinde, örnekte yer alan "br" kodunu kullanabilirsiniz. Bilmeyenler için faydalı bir ders olmasını [...]

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

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

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

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