lostyazilim

PSD TO HTML/CSS Eğitim Seti: Headerı Koda Döktük #2

8 Mesajlar 931 Okunma
lstbozum

TayfunGuler TayfunGuler Kod Şiirdir Kullanıcı
  • Üyelik 01.12.2013
  • Yaş/Cinsiyet 24 / E
  • Meslek -
  • Konum Ankara
  • Ad Soyad T** G**
  • Mesajlar 2229
  • Beğeniler 165 / 454
  • Ticaret 75, (%100)
Merhaba sevgili takipçilerimiz.Donanım arızalarından dolayı videoumuzda ufak aksıklıklar oldu ve biraz gecikti.Hala arızaları devam eden donanımları yenilemeye çalışırken sizlere 2.videoyu yayınladım.Bu videoda Header kısmını html/css’e döktük.

PSD temamızın Header kısmında kullandığımız kodları sizinle paylaşıyorum.Döktüğümüz hiçbir kısımda daha responsive işlemi uygulamadık.Eğitim setimizin sonunda uygulayacağız.

Not:Logo yaparken font hatası almamızın sebebi font-face kullanmamızdır.Ben Lato fontunu bilgisayarımı yüklediğim için hata vermemektedir.Bu hatayı sonradan oynarken buldum ve düzelttim.Kaynak kodlarında hata bulunmamaktadır.PSD’nin aynısı karşınıza çıkacaktır.

3.Videomuzda font hatasının çözümünü anlatacağım.
Kaynak kodlarımız: http://tayfunguler.org/psd-to-htmlcss-egitim-seti-2/

https://www.youtube.com/watch?v=6yEUpTtcUNg
EnderGrafik bbking

kişi bu mesajı beğendi.

Wordpress/Php/React/Laravel/Codeigniter/Woocommerce işleriniz için Pm atınız.
www.tayfunguler.org
wmaraci
reklam

ogzhntr ogzhntr WM Aracı Kullanıcı
  • Üyelik 03.03.2013
  • Yaş/Cinsiyet 31 / E
  • Meslek Elektrik - Elektronik Tekniker
  • Konum Diğer
  • Ad Soyad O** E**
  • Mesajlar 1858
  • Beğeniler 89 / 532
  • Ticaret 2, (%100)
Anlatım çok güzel hocam böyle devam edersiniz inş.. :)
TayfunGuler

kişi bu mesajı beğendi.

TayfunGuler TayfunGuler Kod Şiirdir Kullanıcı
  • Üyelik 01.12.2013
  • Yaş/Cinsiyet 24 / E
  • Meslek -
  • Konum Ankara
  • Ad Soyad T** G**
  • Mesajlar 2229
  • Beğeniler 165 / 454
  • Ticaret 75, (%100)

ogzhntr adlı üyeden alıntı

Anlatım çok güzel hocam böyle devam edersiniz inş.. :)


Sogutucunun sesi çok fazla geliyor.O yüzden ek bir mikrofon, kulaklık ve ses kartı alıcam.Bundan sonra sürekli eğitim videosu çekmekten dilim alışır ve hatasız birşey olur diye umuyorum :)
 

 

Wordpress/Php/React/Laravel/Codeigniter/Woocommerce işleriniz için Pm atınız.
www.tayfunguler.org

ogzhntr ogzhntr WM Aracı Kullanıcı
  • Üyelik 03.03.2013
  • Yaş/Cinsiyet 31 / E
  • Meslek Elektrik - Elektronik Tekniker
  • Konum Diğer
  • Ad Soyad O** E**
  • Mesajlar 1858
  • Beğeniler 89 / 532
  • Ticaret 2, (%100)

TayfunGuler adlı üyeden alıntı

Sogutucunun sesi çok fazla geliyor.O yüzden ek bir mikrofon, kulaklık ve ses kartı alıcam.Bundan sonra sürekli eğitim videosu çekmekten dilim alışır ve hatasız birşey olur diye umuyorum :)


sogutucunun sesi o kadar rahatsız etmiyor :)
 

 

wmaraci
wmaraci

Ozi Ozi . Kullanıcı
  • Üyelik 10.12.2012
  • Yaş/Cinsiyet 29 / E
  • Meslek Devoloper
  • Konum Almanya
  • Ad Soyad H** K**
  • Mesajlar 3052
  • Beğeniler 1 / 941
  • Ticaret 50, (%100)
Html/css ten anlamasam gerçekten videodan'da anlamayacağım hocam bu ne hız :) Bir olayı anlamadan diğer olayı geçiyorsunuz :rolleyes::
 

 

TayfunGuler TayfunGuler Kod Şiirdir Kullanıcı
  • Üyelik 01.12.2013
  • Yaş/Cinsiyet 24 / E
  • Meslek -
  • Konum Ankara
  • Ad Soyad T** G**
  • Mesajlar 2229
  • Beğeniler 165 / 454
  • Ticaret 75, (%100)

Ozi adlı üyeden alıntı

Html/css ten anlamasam gerçekten videodan'da anlamayacağım hocam bu ne hız :) Bir olayı anlamadan diğer olayı geçiyorsunuz :rolleyes::


Alışkanlık olmuş sanırsam.Birde videoda hata yapmışım montajla o kadar kapatabildim :)
 

 

Wordpress/Php/React/Laravel/Codeigniter/Woocommerce işleriniz için Pm atınız.
www.tayfunguler.org

Kurklu Kurklu WM Aracı Kullanıcı
  • Üyelik 11.12.2013
  • Yaş/Cinsiyet 31 / E
  • Meslek Öğrenci
  • Konum Adana
  • Ad Soyad İ** K**
  • Mesajlar 262
  • Beğeniler 78 / 74
  • Ticaret 11, (%100)
Logo kısmında yazı yerine resim kullandım ama resme line-height değerini veremedim bir türlü.
 

 

TayfunGuler TayfunGuler Kod Şiirdir Kullanıcı
  • Üyelik 01.12.2013
  • Yaş/Cinsiyet 24 / E
  • Meslek -
  • Konum Ankara
  • Ad Soyad T** G**
  • Mesajlar 2229
  • Beğeniler 165 / 454
  • Ticaret 75, (%100)

FRTKRKL adlı üyeden alıntı

Logo kısmında yazı yerine resim kullandım ama resme line-height değerini veremedim bir türlü.


PM ile cevap verildi....
 

 

Wordpress/Php/React/Laravel/Codeigniter/Woocommerce işleriniz için Pm atınız.
www.tayfunguler.org
wmaraci
Konuyu toplam 1 kişi okuyor. (0 kullanıcı ve 1 misafir)
Site Ayarları
  • Tema Seçeneği
  • Site Sesleri
  • Bildirimler
  • Özel Mesaj Al