Photoshop ile hazırlanan web arayüzlerindeki yazı,obje ve özelliklerine ait CSSleri dışa aktarabiliriz. Peki,photoshop CSS export nasıl yapılır?  Bu sorunun cevabını aşağıdaki video eğitim içeriğinde sizin için hazırladık. Photoshop ile daha fazla soruya yanıt bulmak için Adobe Photoshop CS6 Başlangıç Video...
İlk olarak tarayıcımızda "https://fonts.google.com/" adresini açıyoruz. İstediğimiz yazı tipini seçiyoruz. Css.html'in içine title'ın altına "STANDARD" kodunu kopyalayıp yapıştırıyoruz. "Specify in CSS" kısmını da style sayfamıza yazıyoruz. Peki, Google fonts nasıl kullanılır? Bu sorunun yanıtını yukarıdaki video eğitim içeriğinde sizin için hazırladık. CSS...
Text-shadow(gölge) özelliği ile gölge ekliyoruz. Gölge ekleme sırasını saat yönüne göre belirliyoruz. Sırası da şu şekildedir; sağa ve sola, aşağı ve yukarı, bulanıklık, gölge rengi. Peki, Textlere gölge nasıl eklenir? Bu sorunun yanıtını yukarıdaki video eğitim içeriğinde sizin için hazırladık. CSS Başlangıç...
Text-align: Yazıyı sağa(right), sola(left) ve ortaya(center) hizalamamızı sağlar. Font-size: Yazının, boyutunu ayarlamamızı sağlar. Font-family: Yazının, yazı tipini ayarlamamızı sağlar. Font-style: Yazının, stilini ayarlamamızı sağlar. Peki, Textlere özellikler nasıl ekleriz? Bu sorunun yanıtını yukarıdaki video eğitim içeriğinde sizin için hazırladık. CSS Başlangıç Video Eğitim Seti ile...
Background-repeat özelliğiyle arkaplanın tekrar edip, etmemesini ayarlıyoruz. Eğer değerine "no-repeat" verirsek tekrar etmez ve "repeat-x" değerini verirsek x yönünde yani satır yönünde tekrar ettirir. Repeat-y değerini verirsekte dikey yani sütun bir şekilde tekrar ettirir. Background-position özelliğiyle de pozisyonu ayarlarız. Peki, Arkaplanda...
CSS ile linklere özellikler verebiliyoruz. "a:link"; hiç tıklanmamış linklere verilen özellikler. "a:visited"; linke tıklandığında verilen özellikler. "a:hover"; mouse linkin üzerine geldiğinde verilen özellikler. "a:active"; linkin aktif haline verilen özellikler. Peki, CSS ile linklere özellikler nasıl eklenir?  Bu sorunun yanıtını yukarıdaki video eğitim içeriğinde sizin...
Background-color, arkaplan rengini değiştirmemizi sağlar. Background-image, arkaplana resim eklememizi sağlar. Resim kullanırken resmin linkini girmemiz gerekiyor. Peki, CSS ile background işlemleri nasıl yapılır? Bu sorunun yanıtını yukarıdaki video eğitim içeriğinde sizin için hazırladık. CSS Başlangıç Video Eğitim Seti ile programla ilgili diğer sorularınıza...
CSS'de font kullanımı için; ilk olarak istediğimiz bir fontu indiriyoruz. Daha sonra kendi fontumuzu kullanabiliyor duruma gelmek için include(dahil) etmek için "@font-face" diye bir tanımlama yapmamız gerekiyor. Font-family'nin isminin ne olduğunu belirlememiz gerekiyor. Son olarakta font dosyamızın nerede olduğunu...
Id(identify):Tek bir nesneye aittir. Id isimleri aynı olamaz. Değişiklik yapmak için "#" selector'u kullanılır. Class(sınıf): Sınıfta birden fazla eleman bulunabilir. Değişiklik yapmak için "." selector'u kullanılır. Aynı isimleri verirsek, aynı isimli olanları kendi içlerinde gruplandırmış oluruz. Peki, CSS'de Id ve Class...
video

CSS – Nedir?

CSS (Cascading Style Sheets) ile var olan textlere (yazılara) istediğiniz gibi renk verebilirsiniz, boyutunu istediğiniz pikselde ayarlayabilirsiniz, kullandığınız font'u (yazı) değiştirebilirsiniz, istediğiniz şekilde arka plan ekleyebilirsiniz, Mesela; paragrafların tamamını bir kodla değiştirebilirsiniz. Sayfamızın içinde bir "style" dosyası vardır ve...
CSS dahil yöntemleri 3 şekildedir; 1) Style ile 2) Header'ın içinde style kullanarak 3) Css içinde include ederek, Css'i dahil edebiliriz. Ama önerilen yöntem; css içinde include ederek dahil etmektir. Peki, CSS kullanım çeşitleri nelerdir? Bu sorunun yanıtını yukarıdaki video eğitim içeriğinde sizin...
CSS'i çalıştırırken; öncelikle hangi tag(etiket)'da etkili olacağını yazdırıyoruz. Verdiğimiz özellikler sadece yazdığımız tag'da etkilidir. CSS özelliklerimizi; TagAdı{...} şeklinde yazıyoruz. Peki, CSS Mantığı nedir? Bu sorunun yanıtını yukarıdaki video eğitim içeriğinde sizin için hazırladık. CSS Başlangıç Video Eğitim Seti ile programla ilgili diğer...
CSS'de renklerimizi "color(renk)" özelliği ile belirliyoruz. Css 'de renk vermenin farklı yolları; direkt isim olarak vermek, RGB('Red' 'Green' 'Blue) olarak belirlemek, hexadecimal olarak renk belirlemek. RBG'de oranlar; 0-255 arasındadır. Hexadecimal; 0123456789abcdef (16'lık sayı sistemi) Örnek kullanımı: #FF0000; Peki, CSS'de renk formları nelerdir? Bu...
İlk olarak örnek bir link oluşturuyoruz. Linkimizin arkaplanına "background-image" özelliği ile bir resim ekliyoruz. "Hover(klavye ile üzerine gelindiğinde)" özelliği ile linkimizin arkaplan resmine "background-position" özelliğini veriyoruz ve "y" yönünde -38 piksel aşağıya aldırıyoruz. CSS Hover ve Background Image ile...
Öncelikle "ul" ile liste oluşturuyoruz ve içine "li" ile 3 tane eleman ekliyoruz. Eklediğimiz elemanların başına kendi istediğimiz resmi eklemek için "list-style-image" özelliğini kullanıyoruz. "Color" özelliği ile rengini değiştirebiliyoruz. "Float(yaslamak)" özelliği ile elemanlarımızı sola yaslıyoruz. CSS ile listelere özellikler...
CSS ile tablolara da özellikler verebiliyoruz. Öncelikle tablo oluşturuyoruz ve 3 tane satır ve 2 tane sütun ekliyoruz. Tablomuzun dışına 1 piksel kalınlığında border özelliği veriyoruz. Satır veya sütunların ayrı ayrı "background-color" özelliği ile arkaplan renklerini değiştirebiliyoruz. "Border-spacing" özelliğiyle...
İlk olarak sayfamıza resim ekliyoruz. HTML olarak vermek yerine css dosyasında resmimize özellikler verebiliyoruz. Resimlerde işlemler yapabilmek için "img" kodunu kullanıyoruz. "Hover" sadece linklerde kullanılmaz image ile de kullanabiliriz resmin üzerine gelindiğinde de işlem yapar. CSS ile resimlere özellikler...
video

CSS – Div Nedir?

"Div" etiketi en önemli etiketlerden biridir ve çok sık kullanılır. Div; istediğiniz her şekli verebileceğiniz, istediğiniz her türlü şeyi atayabileceğiniz bir etikettir. Tamamen değişkendir. Div nedir? sorusunun yanıtını yukarıda sizin için hazırladığımız video eğitim içeriğinden bulabilirsiniz. CSS Başlangıç Video Eğitim Seti...
Relative(bağımlı); dışında ki div'e bağımlı olmasıdır. Position:relative özelliğini kullandığımız da div'in içerisinde yazı veya resim ne varsa ona kaç piksel verirsek verelim bulunduğu div'e bağımlı hareket eder ve verdiğimiz bütün özellikler div'e göre ayarlanır. Relative position nedir? sorusunun yanıtını yukarıda...
Position:absolute; özelliğini verdiğimiz de kapsayan div'e relative (bağlı) olur. Başka divler oluştursakta onlarla herhangi bir bağlılığı olmaz. Absolute position nedir? sorusunun yanıtını yukarıda sizin için hazırladığımız video eğitim içeriğinden bulabilirsiniz. CSS Başlangıç Video Eğitim Seti ile programla ilgili diğer sorularınıza yanıt...

Son Yazılar

0BeğenenlerBeğen
79TakipçilerTakip Et
0TakipçilerTakip Et
197TakipçilerTakip Et
0AbonelerAbone