Merhabalar. Bugün sizlere tarayıcılara göre ayrı CSS kodlaması hakkında biraz bilgi vermek istiyorum. Bildiğiniz gibi sitemizi kodladığımızda mutlaka ufak tefek hatalar çıkar. Bunları hangi tarayıcıyla bakıyorsak ona göre ayarlar veririz. Yalnız başka bir tarayıcıdan baktığımızda hala düzelmemiş veya daha bozuk olduğunu görürüz. Örneğin firefox‘da padding-left komutu ile yazımıza 2px uzaklık verdik diyelim. Firefox‘dan açtığımızda bir [...]

Şu sıralar yeni bir proje üzerinde çalıştığım için bloguma pek vakit ayıramıyorum. Hazır girmişlen biraz makale yazmalıyım diye düşündüm. Şimdi oldukça kullanışlı, sade ve kolay çalışan bir galeri sistemini tanıtacağım sizlere.
Yukarıdaki tanıtım resminden de anlaşılabileceği gibi resimlerin hemen altındaki sütunda resim ismi onun hemen sağında ise kaçıncı sırada olduğunuz ve ileri geri resimleri bulunuyor.
Resimlerin geçişleri [...]

Merhabalar. Bugün jquery kütüphanesini kullanarak sitemizin üst kısmına sürgülü bir üst menü yapacağız. Aşağıdaki adımları sırayla oluşturarak sitemize kolayca ajaxlı menüler uygulayabiliriz.
1. Adım - Grafikleri Oluşturlarım
İlk önce “Göster” ve “Gizle” grafiklerimizin arkaplanlarını saydam olarak oluşturalım. Saydam yapmamızın sebebi arkasına gelecek grafiğin net gözükmesi.

2. Adım - HTML Kodlarımızı Yazalım
<div id=”sliderWrap”>
<div id=”openCloseIdentifier”></div>
<div id=”slider”>
<div id=”sliderContent”>
Isn’t this nice?
</div>
<div [...]

Merhabalar. CSS kaynaklarını dolaşırken dikkatimi çok ilginç ve güzel bir şey çekti. Yazıların içine arkaplanlar gömülebiliyor ve gradient hissi yaratılabiliyor. Tabii bunu görünce hemen blogumda yazmak istedim ve çalışmalara başladım. Daha önce hiç kullanmadığım jQuery kütüphanesinden faydalanılarak hazırlanmış. Güzel bir yanıda nefret ettiğim IE6′da çalışabiliyor olması. Aşağıdan dosyalara ulaşabilirsiniz.
Daha fazla bilgiye ise Web Designer Wall [...]

Anketler. Evet anketler. Sitenizdeki ziyaretçilerin veya kullanıcıların fikirlerini, düşüncelerini sanırım bilmek istiyorsunuz. Bunun için de size bir anket gerek. Hadi gelin beraber PHP ile anket uygulaması yapalım. Bunu istediğiniz gibi geliştirebilir, CSS kodlarıyla oynayabilirsiniz. Başlıyoruz.

 
Sitelerinizde genellikle oval grafikler kullanmayı tercih ediyorsanız bu makaleyi baştan sona okumanızı tavsiye ediyorum. Kullanacağım kodlar ile sadece 1 pikseli kesip oval tablolar oluşturabiliriz. Bunun başka yollarıda mevcut. Onlarıda diğer yazılarıma saklıyorum. Hemen kodlama işlemimize geçelim ne dersiniz ?
li a {

  display:block; /* gerekli kodumuz */

  border: solid #666;

  border-width: 0 1px; /* sol ve [...]

 
Tasarımını beğendiğininiz sitelerde mutlaka gözünüze çarpan noktalardan biriside formlardaki CSS uygulamaları olmuştur. En azından bu benim için öyle. Gezindiğim ve takip ettiğim sitelerde mutlaka CSS kullanımına çok dikkat ediyorum ve bunu sadece ben değil webmaster olan herkes yapıyor. Bu açıdan CSS’in önemini bir kez daha kavramış olduk.
Buradan yola çıkarak sizlerde sitenizin görünümünün sağlam olmasını isteyeceksinizdir. [...]

Merhabalar. CSS ile değişen buton yapımını öğreneceğiz. Hemen dersimize geçelim
İlk önce üzerine gelmeden önce yani resmimizin ilk halinin kodunu yazalım ve şeffaflık değerini “30″ olarak verelim ;
.l_opac {
-moz-opacity:0.3;
filter:alpha(opacity=30);
}
Bu kodla birlikte resmimizin şeffaflığı 30 olacaktır. Şimdi ise üzerine gelindiğinde alacak değerini yazalım yani “100″ ;
.f_opac {
-moz-opacity:1;
filter:alpha(opacity=100);
}
CSS kodlarımız bukadar şimdi HTML kodlarımızı yazmaya geçelim.
<img src=”buton.png” [...]

 
Aqua Player ile web sitenizde radyo yayınları yapabilir veya istediğiniz müzikleri dinletebilirsiniz.
Rar Şifresi : www.web-teknoloji.net
Aqua Player Download

Merhabalar,
Bu dersimde css ile resimlere gölge efekti vermeyi anlatacağım. Bir çok sitede örneğini görmüş olabilirsiniz. Attaki adımları izlerseniz söylemek istediğimi daha da iyi anlayacaksınızdır.
Not : Golge.gif | Golge.png dosyalarını indirmeyi unutmayınız.
İlk önce gölgemizin kodunu yazarak başlayalım..
background: url(golge.gif) no-repeat bottom right;
Ardından aşağıdaki kodlarla gölgemizin boyunu ayarlayalım. Boyutunu ayarlamak sizlerin hayal gücüne kalmış.
margin: -6px 6px [...]