Archives for the 'CSS' Category
Göreceli olarak konumlandırma relative sorunu
Bu hata göreceli olarak konumlandırılmış(position:relative) bir elementin içinde mutlak konumlandırılmış(position:absolute) elementlerin bulunduğu durumlarda meydana gelir. Bu hata IE6 ve altı versiyonlarda görülür.
Normal Görünüm - Firefox 2.0
Hatalı Görünüm - IE6
Yukarıdaki ekran görüntülerinde de görüldüğü gibi göreceli konumlandırma(position:relative) içerisinde kullanılan mutlak konumlandırılmış(position:absolute) nesneler Internet Explorer’da hatalı görünücektir. Bu hata ie’nin farklı versiyonlarında farklı şekilde tepki verebilir, yani […]
Scrollbar Görünümünü Değiştirelim
Scrollbarınızı (Kaydırma çubuğunu) renklendirmek istiyorsanız buyrun.
Kodumuz
body {
scrollbar-arrow-color: #547741;
scrollbar-face-color: #FFFFFF;
scrollbar-3dlight-color: #FFFFFF;
scrollbar-darkshadow-color: #FFFFFF;
scrollbar-highlight-color: #FFFFFF;
scrollbar-shadow-color: #FFFFFF;
scrollbar-track-color: #FFFFFF;
background-color: transparent;
}scrollbar-arrow-color: - Scrollbar alt ve üst okunun rengi
scrollbar-face-color: - Mouse ile aşağı yukarı kaydırmak için dokunduğumuz yer
scrollbar-3dlight-color: - Mouse ile dokunduğumuz yerin yanındaki dış kısım ( Açık renklerin olacağı kısım ) Gölge gibi düşünebiliriz.
scrollbar-darkshadow-color: - Bu kısım da gölgedir ve scrollbarın […]
sayfayı ortalamak
Bir web sitesi oluşturdunuz, diyelim ki tasarımınızı Photoshop’ta yaptınız. Doğru bir şekilde export edin, örneğin: .php, .html, .asp uzantılarına sahip.
Bir CSS oluşturun ve sayfanızdan buna link verin. Bunun için harici bir CSS olsun ve ismi de style.css olsun.
Aşağıdaki kodu web sayfanızda <head> tagları arasına kopyalayıp yapıştırın.
<link media=”screen” type=”text/css” href=”style.css” rel=”stylesheet”>CSS dosyanıza aşağıdaki CSS kodlarını ekleyin. […]
Resim kullanmadan oval köşeli tablolar
oval köşelere sahip katmanlar yaratmak çok kolaymış halbuki Yok yok herhangi bir javascript kodu kullanmadan yapacağız
Kullanmanız gereken CSS kodları şöyle;
<style type=”text/css”>
#metin_banner {width:200px;}
#metin_banner h1, #metin_banner h2 {margin:0 10px; letter-spacing:1px;}
#metin_banner h1 {font-size:2.5em; color:#fff;}
#metin_banner h2 {font-size:2em;color:#06a; border:0;}
#metin_banner h2 {padding-top:0.5em;}
#metin_banner {background: transparent; margin:1em;}
.xtop, .xbottom {display:block; background:transparent; font-size:1px;}
.xb1, .xb2, .xb3, .xb4 {display:block; overflow:hidden;}
.xb1, .xb2, .xb3 {height:1px;}
.xb2, .xb3, .xb4 {background:#ccc; border-left:1px […]
Alt çizgisiz ve aktif kısayollar
Bu günlerde alt çizgisiz ve klasik mavi renge sahip olmayan Internet kısayolları kullanmak çok moda oldu. Herkes gerekli olsun olmasın bu tip kısayolları kullanıyor. Eğer siz de bu tip link’lerin sayfanızın genel görünümünü güzelleştireceğine inanıyor ve bunları kullanmak istiyorsanız size bu işi nasıl becerebileceğinizi anlatalım.Alt çizgisiz bir kısayol oluşturmak için <A HREF… takısının içinde bir […]