CSS&cArleone
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)
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)
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)
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)
Website icon Fontları
Bu konumuda css ile tasarım yaparken çok ihtiyaç duyduğumuz iconları font olarak bize sunan bir kaç tane siteyi göstereceğim.Normalde iconları...
  cArleone(CSS)
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)
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)
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)
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)
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 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)
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)
Google Fonts Api Kullanımı
Bu dersimizde google font apiyi tanıtacam ve font-faceden farkını söyleycem.Google font api sayesinde sitemizde...
  cArleone(CSS)
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)
Sitemizin Sekme ikonunu Değiştirme
Bu dersimizde sitemizin sekmeler bölünde olan iconunu değiştirmeyi gösterecem.Tarayıcılarda standart olarak...
  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)
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)
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)
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)
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