CSS
UstaDerslik Soru-Cevap Yararlı Araçlar
arama ikon
Diller
Türkçe Türkçe

bilgi UstaDerslik
Bu uyari kutusudur.
Tamam
Anasayfa
İletişim
Üyeler


Css Ders-32 Quotes Kullanımı
Css derslerimize devam ediyoruz.Daha önce html dersimizde q tagını [url=!http://ustaderslik.com/konu/HTML_Ders-16_Metni_Tırnak_içine_Alma!] anlatmıştım.Q tagı metni çift tırnak...
  cArleone(CSS)
Css3 Outline-Offset Kullanımı
Css outline ile border üstüne bir tane daha dış çizgi çizdire biliyorduk.Burada...
  cArleone(CSS3)
Css Ders-31 Dış çizgi (Outline)
Css derslerimize devam ediyoruz.Bu derste outline özelliğini işleyeceğiz.Daha önce border ...
  cArleone(CSS)
Css font-variant Kullanımı
Bu dersimiz de css'in font-variant özelliğini işleyeceğiz.Font variant küçük harfleri büyüye ve büyük harflerin boyuttunu ise az daha büyüye çevirir.Bu şekilde baş harf vurgulanmış olur...
  cArleone(CSS)
CSS3 Hazır Animasyonlar
Bu dersimizde için de tam 65 hazır animasyonun bulunduğu Animate.css göstereceğim.Css3 ile gelen yeni özelliklerle farklı farklı onlarca değişik animasyon yapabiliriz.Burada ...
  cArleone(CSS3)
Resim Upload Sitesi Teması html-css
Daha önceden başlayıp bitiremediğim bir projenin temasını paylaşmak istedin.Hizliresim şablonunda yeniden sıfırdan bir tema kodlamıştım.Aslında upload kısmınıda yapmıştım php ile ama işlerim yüzünden yarıda kalmıştı.Php kısımlarını çıkarıp sadece temayı paylaşmak istedim...
  cArleone(CSS)
Css Ders-30 Obje Hizalama - justify content
Css serimize devam ediyoruz.Bu derste [renk=!d12c69!] justify-content[/renk] komutunu anlatacağım.Justify content objeleri kapsayıcı divin içinde hizalamamızı sağlıyor...
  cArleone(CSS)
Css Ders-29 Obje Kırpma - Clip
Css derslerimize deavm ediyoruz bu derste sayfada bulunan resim metin gibi objeleri nasıl kırpabileceğimizi anlatacağım.Bunun için kullanacağımız komut clip.Clip diktörtgen şeklinde kırpma yapıyor...
  cArleone(CSS)
CSS Ders-28 içerik Girme - Content
Css eğitim serimize devam ediyoruz.Bu derste content methodunu işliyeceğiz.Content içerik girmemizi sağlayan bir method.Geçen derste before ve afterı anlattım.Onlarla başa ve sona içerik girmemizi sağlıyordu.Bu derste nasıl içerikler girmemizi sağlıyor ona bakacağız.Content methodu before ve after ...
  cArleone(CSS)
CSS Ders-27 Before ve After Kullanımı
Css derslerimize kaldığımız yerden devam ediyoruz.Bu derste seçtiğimiz bir objenin arkasına ve önüne bir obje yerleştirmemizi sağlayan before ve afterı anlatacağım.After objenin sonuna Before ise önüne yerleştirir...
  cArleone(CSS)
CSS3 Animasyon Yapımı - Animation
Bu dersimizde css3 ile gelimiş animasyon yapmamızı sağlayan animation özelliğini işleyeceğiz.Daha önce hızlı ve kolay animasyon yapma fonksiyonu olan transitionu...
  cArleone(CSS3)
Css WebSite örneği
Dün gördüğüm ve hoşuma giden bir temayı bu gün boş vaktimde koda döktüm.Bu taraz beğendiğim temaları genelde koda dökmeyi severim.Site yapısını ve kodları incelemek isteyenler için kodları paylaşıyorum.Temayı birden fazla renk...
  cArleone(CSS)
Less Css Ders-3 Fonksiyonlar - Mixins
Less css serimize kaldığımız yerden devam ediyoruz.Bu derste mixins sistemini anlatacağım.Mixins fonksiyon gibi işler.Dinamik dillerden birini öğrendiyseniz fonksiyonun ne olduğunu biliyorsunuzdur.Bilmeyenler için açıklayayım.Bir isim altında bir alan oluşturup bu isim altında veri...
  cArleone(CSS)
Less Css Ders-2 Değişkenler
Less serimizde özellikleri işlemeye başlıyoruz.İlk olarak değişkenleri işleyeceğiz.Öncelikle değişkenin tanımını bilmeyenler için anlatayım.Değişkenler içinde veri taşıyan ve istediğimiz zaman içeriğini değiştire bildiğimiz şeydir.Less de değişkenlerde...
  cArleone(CSS)
Less Css Ders-1 Başlangıç
Yeni bir seriye başlıyoruz.Bu seride less.js yi anlatacağım.Öncelikle işlevinden bahsedip sonra kurulumunu anlatayım.Css bildiğiniz gibi stabil bir dil.Objeyi seçer kodu yazarız.Less ise de değişkenler,matematiksel işlemler,iç içe seçiciler gibi dinamiksel işlemlerle...
  cArleone(CSS)
CSS Ders-26 Metinleri Ters çevirme
Css derslerimize devam ediyoruz.Bu derste yazıları ters çeviren bir css özelliğini anlatacağım.Bunun için kullanacağımız komut unicode-bidi...
  cArleone(CSS)
CSS Ders-25 Büyük Küçük Harf Dönüştürme
Css serimize devam ediyoruz.Bu derste küçük harfleri büyük harfe,büyük harfleri küçük harfe dönüştürme gibi işlemleri yapan text-transform komutunu anlatacağım...
  cArleone(CSS)
CSS Ders-24 Flex Kullanımı
Css derslerimize devam ediyoruz.Bu derste flex komutlarını anlatacağım.Öncelikle işlevinden bahsedeyim.Bir div içinde bazı divlerimiz var diyelim.Bunları width height vermeden hepsini içine sığacak şekilde sığdırabiliriz.İstersek genişliklerinide değiştirebiliriz.Ama bunda...
  cArleone(CSS)
CSS3 Multiple Columns Kullanımı
CSS3 derslerimize devam ediyouz.Bu derste multiple columns özelliğini işleyeceğiz.Öncelikle işlevinden bahsedelim.Belirli bir alanı dikey olarak ...
  cArleone(CSS3)
CSS3 Appearance Kullanımı
Bu css3 dersimizde appearance methodunu işliyiceğiz.Öncelikle işlevinden başlayalım.Objelerden bazı özellikleri silme veya eklememize yarıyor.Mesela bir selecteki oku kaldırma ve bir divi butona çevirme gibi.Şimdilik webkit ve...
  cArleone(CSS3)
CSS Ders-23 Pointer Events Kullanımı
CSS derslerimize devam ediyoruz. Bu derste pointer-events kodunu anlatacağım.Öncelikle işlevinden bahsedelim.Normal koşullarda bir objeyi başka bir objenin üstüne koyduğumuzda altakine mouse olayları işlemiyordu.Çünkü önündeki obje...
  cArleone(CSS)
CSS3 Select Option Tasarımı Değiştirme
Bu dersimizde css ile nasıl select-option tasarımı yaparız onu işliyeceğiz.Hemen örneğe geçelim...
  cArleone(CSS3)
CSS3 Resize Kullanımı
Bu dersimizde css3 ün resize özelliğini anlatacağım.Öncelikle işlevinden başlayalım.Resize textareanın sağ alt köşesinden büyütülme işlemini...
  cArleone(CSS3)
CSS Ders-22 @import Kullanımı
CSS derslerimize devam ediyoruz.Bu derste css @import işlemini göreceğiz.Öncelikle işlevinden başlayalım.@import css kullandığımız yerlerde başka bir css dosyasını import yani dahil etmemize yarıyor.Peki ne işimize yarar derseniz.Mesela tüm php dosyalarınıza bir css dosyasını dahil edeceksiniz,ama her birine link tagı ile eklemek istemiyorsunuz.Tüm sayfalarınıza...
  cArleone(CSS)
CSS3 Uzun Metinleri Alana Sığdırmak ( word-wrap )
CSS eğitim serimize devam ediyoruz.Bu derste alanımızdan taşan uzun metinleri sığdırmayı göreceğiz.Sığdırmayı sağlayan kodumuz word-wrap tır.Hemen bir örnek yapalım.
  cArleone(CSS3)
CSS3 Resim Biçimlendirme (filter)
Bu dersimizde css3 le resimlerin ayarlarıyla oynamayı göreceğiz.Yani resmi grileştirme,parlaklık artırma,bulanıklaştırma gibi bir çok özelliğini göreceğiz.Bu işlemleri yapmamızı sağlayan kod filter.Şimdi tek tek inceleyelim.Örnek kodlarda oranları olabildiğince abarttım.Farkın tam olarak görülebilmesi için...
  cArleone(CSS3)
CSS Ders-21 Background-position Kullanımı
CSS derslerimize devam ediyoruz.Bu dersimizde css sprite tekniği olan background-positionu anlatacağım.Öncelikle işlevinden bahsedelim.Sitemizde bir çok yerinde resimler kullanmak zorunda kalırız.Bunların hepsi tek tek yüklenir sayfaya.Biz bunların hepsini tek resim haline getirip ...
  cArleone(CSS)
CSS Basit Bir Responsive Site Yapımı
Bu dersimizde css ile basit bir responsive site edeceğiz.Öncelikle responsivenin mantığını anlatayım.Öncelikle tasarımını yapacağımız cihazın boyutu büyüklüğünde alanı yakalıyoruz.Tablet ise...
  cArleone(CSS)
CSS Metni Resime Göre Pozisyonlandırma (vertical-align)
CSS de bu dersimizde metni resme göre pozisyonlandırmayı işleyeceğiz.Normalde sayfaya bir resim ve metin koyduğumuzda yan yana.Metin altta yer alır.Biz...
  cArleone(CSS)
CSS Checkbox ve Radio Tasarımını Değiştirme
Bu dersimizde css kullanarak checkbox ve radioların tasarımlarını değiştireceğiz.Mantığı basit.Sayfamıza checkbox ve radiolarımızı ekliyoruz.Daha sonra bunlara label atıyoruz.İnputları...
  cArleone(CSS)
CSS Büyük Arkaplanları Ortalamak
Bu dersimizde css ile nasıl büyük boyutlu resimleri nasıl ortalarız onu anlatacağım.Şu şekilde anlatayım.Sitemizin içeriği 960 px ama arkaplanımızın boyutu 2000px civarlarında.Bizde bunu tam...
  cArleone(CSS)
CSS3 @Media Kullanımı (responsive)
Bu dersimizde css3 ün @media elemanını işliyeceğiz.Media günümüzde artık bir çok sitede kullanılmaya başlayan güzel bir eleman...
  cArleone(CSS3)
CSS3 Metnin Arkaplanına Resim ve Gradient Verme
CSS3 ün güzel bir özelliklerinden birini anlatacağım.Bu derste texte arkaplan resmi vermeyi göstereceğim.Aslında mantığı basit...
  cArleone(CSS3)
Css Footer örneğim
Bir sitede gördüğüm footer tasarımını kendim kodlamak istedim.Sonuçta hemen hemen aynı bir tasarımı yaptım.Boş durmaması için paylaşmak istedim....
  cArleone(CSS)
CSS3 3D Dönme Merkezi
CSS3 de döndürme işlemi yaparken tam ortada döndürme yapar.Bazen köşeden döndürmek isteyebiliriz.Bunun için şöyle bir yöntem yaptım.Döndürme işlemini yaparken dönen objenin...
  cArleone(CSS3)
Jquery Ders-3 .css() Kullanımı
Jquery serimize devam ediyoruz.Bu derste kodlara başlıyoruz.İlk göreceğimiz kod .css().Öencelikle bunun işlevinden bahsedelim...
  cArleone(JQUERY)
CSS Ders-20 Link işlemleri
CSS derslerimize devam ediyoruz.Bu derste link işlemlerini görecez.Öncelikle bunlar ne işe yarar ondan başlayalım.Normalde sayfaya eklenmiş link mavi tıklandıktan sonra...
  cArleone(CSS)
CSS Ders-19 Mouse imleci Değiştirme (cursor)
CSS serimize devam ediyoruz.Bu derste mouse imlecini değiştirmeyi görecez.Mesela link üzerine gelince el işareti çıkmasın yada bizim koyduğumuz bir objede ...
  cArleone(CSS)
CSS Ders-18 Yazı Kalınlığı (font-weight)
Bu günkü css dersimizde yazılara kalınlık vermeye bakacağız.Yazılara kalınlığı...
  cArleone(CSS)
CSS Animasyonlu Buton Yapma
Site içinde kullanımını anlattım birde burda anlatayım.Sağdaki paremetrelerle oynayarak butonu tasarlıyonuz.Animasyonlu yapacaksanız.Animasyon süresini stabil kod almadan...
  cArleone(CSS)
CSS 3D Görünümlü Buton
Gördüğüm bir fake 3d buton örneğini kendim yaptım paylaşmak istedim.Mantığı basit aslında.Css ile 3d görünümü için ...
  cArleone(CSS3)
CSS Ders-17 Derinlik (z-index)
CSS derslerimize devam ediyoruz.Bu derste objelerimize derinlik yani alttamı üstemi olmasını...
  cArleone(CSS)
CSS Yön Okları Yapımı
CSS de nasıl yön okları yaparız onu anlatacam.Eskiden olsa resim dosyası olarak çağırılır kullanılırdı.Ama artık cssle yapıyoz...
  cArleone(CSS)
CSS ile Resimlere Zoom Vermek
Bu dersimizde eklenti kullanmadan resimlere zoom vermeyi anlatacam.Mantığı şu...
  cArleone(CSS)
CSS Ders-16 Alandan Taşma (overflow)
Bu dersimizde css taşma konusuna bakacaz.Mesela bir yazımız yada positionla yerleştirdiğimiz bir obje taşıyosa bunlara...
  cArleone(CSS)
CSS3 3D Küp örneğim
CSS3 de gelen yeni özelliklerle basit 3d işlemler artık yapabiliyoruz.Bunu göstermek amaçlı bir 3d örneği...
  cArleone(CSS3)
CSS3 Animasyon Yapımı (Transition)
Bu dersimizde css3 çok güzel özelliklerinden biri olan transition kodunu göreceğiz.Öncelikle işlevinden bahsedelim.Transition ile objelerimize animasyona bağlayabiliriz.Bunu objede her hangi bir ...
  cArleone(CSS3)
CSS Ders-15 Odaklanma (Focus)
Bu dersimiz focus yani odaklanma ma işlevine stil vermeyi görecez.Önce işlevinden başlayalım.input,textarea... gibi...
  cArleone(CSS)
CSS Ders-14 Obje şeffaflığı (Opacity)
CSS eğitimimizin bu dersinde opacity koduna bakacaz.Önce bu ne işe yarar ona bakalım.Bu objenin şefaflığını ...
  cArleone(CSS)
CSS Dışardan Font Yükleme (font-face)
Bu dersimizde dışarıdan font çağırma yöntemi olan font-face ye değinecem.font-family i anlatırken standart fontlara değinmiştim.Bu dersimiz değişik fontları sitemizde kullanmayı görecez...
  cArleone(CSS3)
CSS Ders-13 Hover
CSS de bu dersimizde artık biraz etkileşime geçecez.Etkileşim yani eventlar.Daha çok javascript işidir ama cssde de ufak bir tana var. Sayfada her hangi bir...
  cArleone(CSS)
CSS Ders-12 Pozisyonlandırma Kullanımı (Position)
siteyi positionlarla kurmayın diyerek bir uyarıyla başlayayım :).Şimdi positionun 3 ...
  cArleone(CSS)
CSS Animasyonlu Slider örneği
Bir sitede gördüğüm slideri kendim kodlamak istedim ve yaptım.Bir işe yarasın diye koyuyorum...
  cArleone(CSS)
CSS3 2D Transform işlemleri (Döndürm-Pozisyon-Bükme-Büyültme)
CSS3 özelliklerini anlatmaya devam ediyorum.Bu derste 2d transform özelliklerini anlatacam.Transformun 3d özellikleride var bir başka derste ona değinecem.2d transformla neler yapabiliriz...
  cArleone(CSS3)
CSS Basit Giriş Sistemi Tasarımı
Daha önceden yaptığım basit bir giriş sistemi tasarımını paylaşmak istedim....
  cArleone(CSS)
CSS Ders-11 Basit Site iskeleti Yapımı
CSS derslerimize devam ediyoruz.Bu derste basit bir site iskeleti yapacaz.Yapacağımız iskeletin...
  cArleone(CSS)
CSS Ders-10 Ard Arda Eleman Sıralama (float-clear)
Bu derste float kodunu görecez.İşlevinden başlayalım.Block elementleri yan yana sıralamak için kullanırız.Bildiğiniz gibi block elemnetlere width de versek gidebildikleri kadar gider.İşte burda ...
  cArleone(CSS)
CSS Ders-9 İnline ve Block Elementler
CSS derslerimize devam ediyoruz.Bu ders önemli çünkü objelerin türlerine bakacaz.Bunu iyi kavramalısınız.CSS de...
  cArleone(CSS)
CSS Ders-8 iç Boşluk (Padding)
CSS serimize devam ediyoruz bu derste paddingi işleyecez.Padding ne önce ondan başlayalım.Padding iç...
  cArleone(CSS)
CSS Üsten Açılır Menü Örneğim
Daha önceden css ile yaptığım bir açılır menüyü paylaşmak istedim.Matığı şu position ile butonun altına alt kategorileri yerleştir...
  cArleone(CSS)
CSS3 2 Animasyonlu Menü örneğim
Daha önceden tasarladığım 2 css menü yü paylaşmak istedim...
  cArleone(CSS3)
CSS3 Gölgelendirmeler (Shadow)
CSS güzel özelliklerini anlatmaya devam diyom.Bu derste gölgeleri işleyecez.2 çeşit gölgemiz var biri...
  cArleone(CSS3)
CSS Ders-7 Dış Boşluk (Margin)
CSS derslerimize devam ediyoruz bu derste margin kodunu görecez.Margin ne ondan başlayalım .Margin dış boşluk anlamına geliyo.Mesela bir...
  cArleone(CSS)
CSS Ders-6 Genişlik - Yükseklik (Width-Height)
Biraz geç oldu ilk derslerde anlatmam gerekirirdi. :) Zaten çok basit ama çok kullandığımız bir koddur width ile height.width bir objeye ...
  cArleone(CSS)
CSS3 Oval Köşe ( Border Radius )
CSS3 web tasarımda çok güzel özellikler getirmiştir.Bunlardan biride border-radius yani oval köşe bir çok yerde...
  cArleone(CSS3)
CSS Ders-5 Çerçeve ( Border )
Css derslerine devam ediyoruz.Bu deste border kodlarını görecez.Öncelikle border ne işe yarar ordan başlayalım.border bir nesneye
  cArleone(CSS)
jQuery 1.Ders(css,hide,show,seçiciler)
Bugün jQuery kütüphanesine giriş yapacağız.Videoda serimde jQuery adına yararlı bilgiler vermeye çalışacağım takipte kalın.
  emrhangms(JQUERY)
CSS Ders-4 Arkaplan ( Background )
Css de arkaplan önemli konulardandır.Sitemizin her yerinde arkaplan kullanırız.Bu yüzden css öğrenecekler arkaplanı kodlarını iyi kavramalı.
  cArleone(CSS)
CSS Ders-3 color font-family font-size Kullanımı
Bu derste css e de kolara başlıyoruz ve 3 yeni kod öğreniyoruz bunlar color font-size font-family ...
  cArleone(CSS)
CSS Ders-2 Kod Mantığı
Bu derste css de kod mantığını göreceğiz.Daha önceki derste giriş ve seçicileri işlemiştik. Şimdi ana kalıbımızı ...
  cArleone(CSS)
CSS Ders-1 Giriş ve Seçiciler
CSS web sitelerimizi tasarımı için kullanabileceğimiz bir dil. HTML ile bir iskelet oluştururuz bu iskelete css ile şekil veririz. İnsan vücudundan örnek verecek olursak.kemikler html -derimiz css.
  cArleone(CSS)

Önerilen Yazarlar
Tüm Hakları Saklıdır. ©Arleone 2013-2014 UstaDerslik






Giriş
Şifremi Unuttum...
Şifre Talep
  Kuralları Kabul Ediyorum.
Kaydol