Merhabalar,
yaklaşık 1 aydır psd to css yapıyorum ama çoğunda yarı da bırakıyordum bu sefer bi tanesini tamamlamaya karar verdim en baştan yaptım dünden beri uğraşıyorum,
footerda kaymalar olabilir orası çok zorladı beni en çok zorlandığım kısım oldu.
Site;
http://b3fy.com/css/
kaymalar olursa veya hata falan olursa söylerseniz sevinirim,ayrıca eksik yanlarımı bulursanız söylemekten çekinmeyin lütfen.
düşüncelerinizi ve değerlendirmelerinizi de merak ediyorum.
İlk tamamen bitirdiğim PSD to CSS çalışmam.
7
●1.042
- 22-01-2013, 15:41:44
Üyeliği durdurulduEllerine sağlık,aynı sorun bendede var bende 1 aydır css eğitim setini tamamıyla izledim yuttum.Ama birine karar veriyorum dökmeye yarısındayken sıkılıyorum başkasına geçiyorum
.Senin tasarımda on numara olmuş kardeşim eksiklerini ben sana söyliyeyim.(Fazla iyi değilim ama 
)
1.Yatay pixeli küçültürsen daha iyi olur bence.
2.Bilmiyorum temanın özelliğimi en üstteki menünün yazıları biraz dışa kaymış.Ama dediğim gibi bu sanırım bilerekte yapılmış gibi.Ama çirkin görünüyor bence.
3.Bizi takip edin bölümündeki div baslik3'ü biraz alçaltırsan iyi olur dışarı kayıyor firefoxta.
4.Popüler aramalar kısmınıda overflow hidden yaparsan iyi olur.
5.Yine üst menudehi widht değerini ayarla yatayı sağa çektiğimizde siyahlık gidiyor.
6.Arama kısmını güzel bir görselle süslersen fena olmaz sanki.
Genel olarak güzel olmuş bence.Dediğim gibi bende yeni başladım acemiyim ama bu kadarını görebildim.Saygılar.İyi çalışmalar. - 22-01-2013, 16:08:51Çok teşekkürler yorumun içinVunpado adlı üyeden alıntı: mesajı görüntüleEllerine sağlık,aynı sorun bendede var bende 1 aydır css eğitim setini tamamıyla izledim yuttum.Ama birine karar veriyorum dökmeye yarısındayken sıkılıyorum başkasına geçiyorum.Senin tasarımda on numara olmuş kardeşim eksiklerini ben sana söyliyeyim.(Fazla iyi değilim ama )
1.Yatay pixeli küçültürsen daha iyi olur bence.
2.Bilmiyorum temanın özelliğimi en üstteki menünün yazıları biraz dışa kaymış.Ama dediğim gibi bu sanırım bilerekte yapılmış gibi.Ama çirkin görünüyor bence.
3.Bizi takip edin bölümündeki div baslik3'ü biraz alçaltırsan iyi olur dışarı kayıyor firefoxta.
4.Popüler aramalar kısmınıda overflow hidden yaparsan iyi olur.
5.Yine üst menudehi widht değerini ayarla yatayı sağa çektiğimizde siyahlık gidiyor.
6.Arama kısmını güzel bir görselle süslersen fena olmaz sanki.
Genel olarak güzel olmuş bence.Dediğim gibi bende yeni başladım acemiyim ama bu kadarını görebildim.Saygılar.İyi çalışmalar.
1-yatay pixeli anlamadım widthi mi düşür diyorsun?
2-o menü evet temanın özelliği
3-başlığı düzelttim
4-overflow hidden yaptım bu da oldu
5-bunu da anlamadım
6-arama kısmını halledicem temadada öyle değil zaten ben geçici olarak koydum onu
çok teşekkürler tekrar genel olarak bunlar da hata yapıyorum bunları da düzeltim mi tamam olcak heralde benim için. - 22-01-2013, 16:35:06 Üyeliği durdurulduYatay çubuk varya aşağıdaki onun çıkmaması lazım.Yani yaptığın tasarımı bir div içine alarak çalış.Mesela ben böyle çalışıyorum;#Wrapper {
width: 950px;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
}
Böyle bir wrapper içinde yaparsan hem siten ortalanmış olur.Hemde yatay çubuk çıkmaz.
6. ise üst menu varya orda yatay çubuğu sona getir ve tekrar üste bak ne dediğimi anlarsın.Resimde gösterieyim bende sana yarım bıraktığım bir çalışmamı göstereyim.
Buda benim çalışmam şuanluk böyle kaldı.
- 22-01-2013, 16:42:45Allah allah orası neden öyle olmuş ki width değeri de vermedim repeat-x dedim...ayrıca neden o çubuk çıkıyo onuda anlamadım nasıl düzelir ki acabaVunpado adlı üyeden alıntı: mesajı görüntüleYatay çubuk varya aşağıdaki onun çıkmaması lazım.Yani yaptığın tasarımı bir div içine alarak çalış.Mesela ben böyle çalışıyorum;#Wrapper {
width: 950px;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
}
Böyle bir wrapper içinde yaparsan hem siten ortalanmış olur.Hemde yatay çubuk çıkmaz.
6. ise üst menu varya orda yatay çubuğu sona getir ve tekrar üste bak ne dediğimi anlarsın.Resimde gösterieyim bende sana yarım bıraktığım bir çalışmamı göstereyim.
Buda benim çalışmam şuanluk böyle kaldı.
edit:wrapper a width değeri vermişim o yüzden - 25-01-2013, 10:42:49Genel olarak fena degil yeni başlayan biri için iyi ayrıca . Bir kaç küçük hatanı söyliyeyim.
Mesela bir "id" sayfada en fazla bir kere kullanılmak zorundadır, tekrar eden veriler için class tanımlamalısın. Örneğin "header" bir kere olduğu için 'id', videoların altında dış diye tabir ettigin birbirini tekrar eden veri için 'class' kullanmalısın.
Ayrıca kodlarken tab kurallarına uymalısın. Dümdüz yazmak yerine özenli yazarsan işini hızlandırır, ilerde bakan birini sıkmaz düzenlemeleri rahat yapabilir. Kişisel çalışmalar için farketmez tabii ki bu ama ama pek kodlanmaya uygun görünmüyor düzensizlikten dolayı
Heh bir de dikkatimi çekti, absolute olarak kullandıklarında sağa yaslamak için right=0 yerine left=78 vb kullanmışsın right ve bottom parametrelerini de kullanabilirsin.
Heh bi de 950px yerine 980px body genisliginde çalış derim.
http://validator.w3.org burdanda html hatalarına bakabilirsin
Son olarak, Eline sağlık. - 25-01-2013, 19:32:10Çok teşekkürler hocam,önerilerinizi dikkate alacağım ve hatalarımı da telafi etmeye çalışacağımsefakdas adlı üyeden alıntı: mesajı görüntüleGenel olarak fena degil yeni başlayan biri için iyi ayrıca . Bir kaç küçük hatanı söyliyeyim.
Mesela bir "id" sayfada en fazla bir kere kullanılmak zorundadır, tekrar eden veriler için class tanımlamalısın. Örneğin "header" bir kere olduğu için 'id', videoların altında dış diye tabir ettigin birbirini tekrar eden veri için 'class' kullanmalısın.
Ayrıca kodlarken tab kurallarına uymalısın. Dümdüz yazmak yerine özenli yazarsan işini hızlandırır, ilerde bakan birini sıkmaz düzenlemeleri rahat yapabilir. Kişisel çalışmalar için farketmez tabii ki bu ama ama pek kodlanmaya uygun görünmüyor düzensizlikten dolayı
Heh bir de dikkatimi çekti, absolute olarak kullandıklarında sağa yaslamak için right=0 yerine left=78 vb kullanmışsın right ve bottom parametrelerini de kullanabilirsin.
Heh bi de 950px yerine 980px body genisliginde çalış derim.
http://validator.w3.org burdanda html hatalarına bakabilirsin
Son olarak, Eline sağlık. - 03-02-2013, 01:45:55 Üyeliği durdurulduBaşlangıç olarak çok iyi bir tema ortaya çıkarmışsınız.AlprTbk adlı üyeden alıntı: mesajı görüntüleÇok teşekkürler hocam,önerilerinizi dikkate alacağım ve hatalarımı da telafi etmeye çalışacağım
Önerilerim;
- Divler arasındaki boşluk farkları öyle çok göze çarpıyor ki bu da sayfayı profesyonellikten uzaklaştırıyor.
- Başlıkları kimi yerde ortalamışsınız kimi yerde ise sağa yaslamışsınız.
- Popüler aramalar kısmına padding değeri atayarak yazıların kenarlardan taşmasına engel olabilirsiniz.
Diğer önerilerimi zaten diğer arkadaşlar da belirtmişler. Elinize sağlık dilerim güzel işler çıkarırsınız.
.Senin tasarımda on numara olmuş kardeşim eksiklerini ben sana söyliyeyim.(Fazla iyi değilim ama 
)
