css+ xhtml + photoshop mükemmel olsa bile insanın yaratıcılığı ( bu tabiri sevmemde yerine koyacak sıfat v. s. bilmiyorum olmadımı olmuyor. en basiti sadece renk seçimi bile hiçbir resim olmayan bir tasarımı harika gsterebiliyor. http://www.fatihhayrioglu.com/ burada css kitabıda var. Türkçe Kendine zgü fikir ve grüşü olmayıp, sadece başkalarının ağızlarının içine bakarak yorum yapabilmek nasıl bir duruştur, nasıl bir kişilik profilidir hiç anlayamamışımdır.

BİÇİMLENDİRME color : Linkin rengini belirler. background-color : Linkin zemin rengini belirler. background-image : Linkin zeminine resim ekler text-decoration : Linkin altının, üstünün vs. çizgili olup olmayacağını belirler. font-weight : Yazının kalınlık veya inceliğini belirler. border : Linkin etrafına kenarlık ekler. display : Linki içeren hücre, satır vb. istenilen alanın seçilmesini sağlar. Bu komutlar sadece "link" değil tüm yazı ya da içinde bulunduğu "katman" 'ın ilgili zelliklerini belirler. position : Katmanın yerinin belirlenmesini sağlar. absolute : Katmanın yerinin pencere esas alınarak belirlenmesini sağlar. relative : Katmanın yerinin bir nceki katman esas alınarak belirlenmesini sağlar. static : Katmanın yerinin sabit olarak belirlenmesini sağlar."Katman" 'in sayfa içindeki pozisyonu x, y koordinatlarıyla belirlenmesini sağlar . Bu bilgiler elbette faydalı olsa da bu tür işlerle ilgilenmeyi düşünenlerin en alt seviye bile olsa İngilizce ğrenmesini neririm; bylelikle kendi kaynağından bunları daha iyi ğrenme şansları olur. (http://www. w3. org/Style/CSS/learning - Aynı sayfa da -tr- linki de mevcut)

eyw hocam şu aralar çok lazım olcak :) Ben giderken sen dnüyodun, sen benden daha fazla şey bilirsin vs.

başlarsam eğer işimi grür :) aa iyi olmuş lan. güncelleme yapayım imzaya bi ara :W

işe yarıyabiletesi yüksek :D |sadece aptalların başarısı ders notu ile lçülür|

Ya geleksiz geleksiz şeylerden konu acmayın xD hoca ellerine saglık yerinde bi paylaşim umarım paylaşim ruhu olan herkese rnek olur :) Those who speak know nothing, And find out to their cost, Like those who curse their luck in too many places, And those who fear are lost...

eyv banada şu aralar lazım olabilir.. bazıları için karanlık, korkunun kaynağıdır. bazılarınında tek bildiği şey..

HTML bize metin biçimlendirme alanında çok geniş olanaklar sunar. CSS, uzun yazılışıyla Cascading Style Sheets, veya Türkçesiyle Stil şablonları ise bunu bir adım daha teye gtürür, bize sayfalarımız için global şablonlar hazırlama olanağı verdiği gibi, tek bir harfin stilini; yani renk, font, büyüklük gibi zelliklerini değiştirmek için de kullanılabilir. Bu tekniğin en nemli zelliği kullanımındaki bu esnekliğidir. Bir web sayfası içerisinde zaten estetik kuralları gereği yüzlerce renk ve font kullanmayız. Genelde birbiriyle uyumlu birkaç renk ve birkaç font kullanırız ki, bunları her sayfada ayrı ayrı tekrar belirtmek yerine CSS yardımıyla bir sefer tanımlayıp bütün web sayfamızda kullanabiliriz. Bu şekilde güncelleme yaparken de onlarca sayfayı değiştirmekten kurtuluruz. CSS kodları HTML kodlarının içine yazılırlar. Türüne gre body veya head blümlerinde yer alabilirler. Bunların dışında harici CSS dosyaları oluşturulup bunlar gerektiğinde HTML belgesi içerisinde çağırılabilirler. Hemen hemen her konuda olduğu gibi CSS konusunda da Microsoft Internet Explorer ve Netscape farklı yorumlar ortaya koyarlar. Bu noktada her iki browser'ın da aynı/benzer yorumlayacağı kodlar yazmak en uygunudur. LİNK ZELLİKLERİ a : Linkin, sayfa açıldığında tıklanmadan veya ümleç üzerine getirilmeden nceki durumudur. a:hover : Linkin imleç üzerine getirildiğindeki durumudur. a:active : Linkin tıklandığı andaki durumudur. a:visited : Linkin tıklandıktan sonraki durumudur. BİÇİMLENDİRME color : Linkin rengini belirler. background-color : Linkin zemin rengini belirler. background-image : Linkin zeminine resim ekler text-decoration : Linkin altının, üstünün vs. çizgili olup olmayacağını belirler. font-weight : Yazının kalınlık veya inceliğini belirler. border : Linkin etrafına kenarlık ekler. display : Linki içeren hücre, satır vb. istenilen alanın seçilmesini sağlar. LİSTE ZELLİKLERİ disk : Liste biçiminin disk şeklinde olmasını sağlar. circle : Liste biçiminin çember şeklinde olmasını sağlar. square : Liste biçiminin kare olmasını sağlar. decimal : Liste biçiminin rakamlardan oluşmasını sağlar. lower-roman : Liste biçiminin i, ii, iii gibi küçük roma rakamlarından oluşmasını sağlar. upper-roman : Liste biçiminin I, II, II gibi büyük roma rakamlarından oluşmasını sağlar. lower-alpha : Liste biçiminin a, b, c şeklinde küçük harf olmasını sağlar. upper-alpha : Liste biçiminin A, B, C şeklinde büyük harf olmasını sağlar. none : Listenin simgesiz olmasını sağlar. inside : Listenin ikinci satırının en soldan başlamasını sağlar. Outside : Listenin ikinci satırının ilk satır ile aynı yerden başlamasını sağlar. list-style-image : Liste biçiminin resim olmasını sağlar. KATMAN ZELLİKLERİ position : Katmanın yerinin belirlenmesini sağlar. absolute : Katmanın yerinin pencere esas alınarak belirlenmesini sağlar. relative : Katmanın yerinin bir nceki katman esas alınarak belirlenmesini sağlar. static : Katmanın yerinin sabit olarak belirlenmesini sağlar. top : Katmanın üstten ne kadar aşağıda olması gerektiğini belirler. left : Katmanın soldan ne kadar içeride olması gerektiğini belirler. width : Katmanın genişliğinin ne kadar olacağını belirler. height : Katmanın yüksekliğinin ne kadar olacağını belirler. overflow : Katmanın belirtilen yükseklik ve genişliğe sığmayan kısmına ne olacağını belirler. auto : Otomatik olarak belirlenir. scroll : Kaydırma çubuğu ekleyerek grünmesini sağlar. visible : Katmanı belirtilen boyutların dışına taşırarak sığmayan yerlerin grünmesini sağlar. hidden : Sığmayan yerleri gizler. visibility : Katmanın grünebilirlik ayarını yapar. visible : Katmanın grünür olmasını sağlar. hidden : Katmanı gizler. z-index : Katmanların alttan üste doğru hangi sıra ile gsterileceğini belirler.1 değeri katmanın en altta olacağını belirtir. FONT ZELLİKLERİ font-family:Yazı türünü belirler. font-style:Yazının normal veya sağa eğik olmasını sağlar. font-variant:Yazının normal veya tümünün büyük harflerden oluşmuş olmasını sağlar. font-weight:Yazının kalınlık-inceliğini belirler. font-size:Yazının büyüklüğünü belirler. TEXT ZELLİKLERİ word-spacing : Kelimeler arasında bırakılacak boşluğu boşluğu belirler. letter-spacing : Harfler arasında bırakılacak boşluğu boşluğu belirler. text-decoration : Kelimenin altının, üstünün vs. çizili olup olmayacağını belirler. underline : Kelimenin altının çizili olmasını sağlar. overline : Kelimenin üstünün çizili olmasını sağlar. line-through : Kelimenin ortasından çizili olmasını sağlar. blink : Kelimenin yanıp snmesini sağlar. vertical-align : Metnin yatay olarak nasıl hizalanacağını belirler. text-transform: Kelimelerin büyük harf veya küçük harflerden oluşmasını sağlar. capitalize : Kelimelerin ilk harflerinin büyük olmasını sağlar. uppercase : Kelimelerin bütün harflerinin büyük olmasını sağlar. lowercase : Kelimelerin bütün harflerinin küçük olmasını sağlar. none : Kelimelerin orjinal metindeki gibi olmasını sağlar. text-align: Metnin dikey olarak nasıl hizalanacağını belirler. left : Metni sola yaslar. right : Metni sağa yaslar. center : Metni ortalar. justify : Metni iki yana yaslar. text-indent : Metnin ilk satırının soldan ne kadar içerden başlayacağını belirler. line-height : Satırın yüksekliğini ayarlar. first-line : Metnin ilk satırının biçimlendirilmesini sağlar. first-letter : Metnin ilk harfinin biçimlendirilmesini sağlar. İMLEÇ ZELLİKLERİ crosshair:İmlecin artı işareti şeklinde olmasını sağlar. auto:İmlecin metinde dikey çizgi, boş alanda normal ok şeklinde olmasını sağlar. default:İmlecin hem metinde hem de boş alanda normal ok şeklinde olmasını sağlar. hand:İmlecin linkte olduğu gibi el şeklinde olmasını sağlar. move:İmlecin taşıma işareti şeklinde olmasını sağlar. ne-resize:İmlecin sağa yatık normal ok olmasını sağlar. nw-resize:İmlecin sola yatık normal ok olmasını sağlar. se-resize:İmlecin yukardan aşağı doğru ve sağa yatık normal ok olmasını sağlar. sw-resize:İmlecin yukardan aşağı doğru ve sola yatık normal ok olmasını sağlar. n-resize:İmlecin aşağıdan yukarıya doğru ince ok şeklinde olmasını sağlar. s-resize:İmlecin yukardan aşağı doğru ince ok şeklinde olmasını sağlar. w-resize:İmlecin sola doğru ince ok şeklinde olmasını sağlar. e-resize:İmlecin sağa doğru ince ok şeklinde olmasını sağlar. text:İmlecin hem metinde hem de boş alanda metinde olduğu gibi grünmesini sağlar. wait:İmlecin meşgul animasyonuna dnüşmesini sağlar. help:İmlecin yardım-soru işaretine dnüşmesini sağlar ZEMİN ZELLİKLERİ background-color: Zeminin rengini belirler. #color : Renk adı.transparent: Zeminin saydam olmasını sağlar. background-image: Zemine resim yerleştirilmesini sağlar. url : Zemine yerleştirilen resmin adresi. background-repeat: Zemine yerleştirilen resmin nasıl yayılacağını belirler. repeat : Resmin bütün zemine yayılmasını sağlar. repeat-x : Resmin sol-üstten sağ-üste doğru yayılmasını sağlar. repeat-y : Resmin sol-üstten sol-alta doğru yayılmasını sağlar. no-repeat: Resmin yayılmadan orjinal boyutuyla grünmesini sağlar. background-attachment: Zemindeki resmin, sayfa kaydırma çubuğuyla hareket ettirildiğindeki durumunu belirler. scroll : Sayfa hareket ettirildiğinde zeminin de kaymasını sağlar. fixed: Sayfa kaydırılsa da zeminin sabit kalmasını sağlar background-position: Zemindeki resmin istenilen şekilde yerleştirilmesini sağlar. top : Resmi yukarı yerleştirir. center : Resmi ortalar. bottom : Resmi aşağı yerleştirir. left : Resmi sola yerleştirir. right: Resmi sağa yerleştirir. ... px : Resmin soldan istenilen lçüde içerde olmasını sağlar. TABLO ZELLİKLERİ margin : Tablo ile pencerenin kenarları arasında bırakılacak boşluğu belirler. margin-top : Tablo ile pencerenin üst kenarı arasında bırakılacak boşluğu belirler. margin-right : Tablo ile pencerenin sağ kenarı arasında bırakılacak boşluğu belirler. margin-bottom : Tablo ile pencerenin alt kenarı arasında bırakılacak boşluğu belirler. margin-left : Tablo ile pencerenin sol kenarı arasında bırakılacak boşluğu belirler. padding : Tablo kenarları ile tablo içeriği arasında bırakılacak boşluğu belirler. padding-top : Tablonun üst kenarı ile tablo içeriği arasında bırakılacak boşluğu belirler. padding-right : Tablonun sağ kenarı ile tablo içeriği arasında bırakılacak boşluğu belirler. padding-bottom : Tablonun alt kenarı ile tablo içeriği arasında bırakılacak boşluğu belirler. padding-left : Tablonun sol kenarı ile tablo içeriği arasında bırakılacak boşluğu belirler. border : Tablonun kenarlarının şekillendirilmesini sağlar. border-top : Tablonun üst kenarının şekillendirilmesini sağlar. border-left : Tablonun sol kenarının şekillendirilmesini sağlar. border-bottom : Tablonun alt kenarının şekillendirilmesini sağlar. border-right : Tablonun sağ kenarının şekillendirilmesini sağlar. border-width : Tablonun kenarlarının kalınlığını belirler. border-top-width : Tablonun üst kenarının kalınlığını belirler. border-right-width : Tablonun sağ kenarının kalınlığını belirler. border-bottom-width : Tablonun alt kenarının kalınlığını belirler. border-left-width : Tablonun sol kenarının kalınlığını belirler. border-style : Tablonun kenarlık türünü belirler. border-top-style : Tablonun üst kenarlık türünü belirler. border-right-style : Tablonun sağ kenarlık türünü belirler. border-bottom-style : Tablonun alt kenarlık türünü belirler. border-left-style : Tablonun sol kenarlık türünü belirler. border-color : Tablonun kenarlarının rengini belirler. border-top-color : Tablonun üst kenarının rengini belirler. border-right-color : Tablonun sağ kenarının rengini belirler. border-bottom-color : Tablonun alt kenarının rengini belirler. border-left-color : Tablonun sol kenarının rengini belirler. color : Tabloda geçen metnin rengini belirler. width : Tablonon genişliğini belirler. height : Tablonun yüksekliğini belirler. NOT : Başlık "TABLO" olarak verildi Ancak bu nitelikler başta TD, TR, TH vs. olmak üzere hemen her etiket için kullanılabilir. CSS' yi zel kılan da zaten bu... KAYDIRMA ÇUBUĞU ZELLİKLERİ scrollbar-face-color :Kaydırma çubuğunun yüzey rengi, aynı zamanda zemini de etkiliyor. scrollbar-base-color :Kaydırma çubuğununun sol ve üst kenarlıklarını çizgi halinde kaplıyor. scrollbar-shadow-color :Sağ ve alt kenarlıkların glge rengi. scrollbar-highlight-color :Sol ve üst kenarlıkların glge rengi, aynı zamanda zemini de etkiliyor. scrollbar-arrow-color :Yn oklarının rengi Not: alıntıdır :) Matematikçi ve Yazılımcı. http://www.ontedi.com ve http://www.cizgi.site Siteme beklerim herkesi.

a. q css si :) başımın belası ğrenmek lasımm Sorularınızı cilginsigortaci@gmail.com a yazabilirsiniz cevaplar facebook sayfasında >>> facebook.com/cilginsigortaci

Güzel bilgi.. Çalmana sağlık ;)

css geliştirmek için birde QuantaPlus ve Aptana vardır. harika editrlerdir bassinyourface