Kimsenin beğenmediği iç sayfa tasarımı

Question

silinecek konu.

Guneyz · Answer

Benim en gözüme batan yer eğik başlık backgroundları oldu çok kalıp göstermiş siteyi bence başlıkların altına düz bir border çekilse bile daha hoş durabilir denemeye değer 
Birde menü sağa blocklanmalı diye düşünüyorum ortada kalmış gibi duruyor.

NecatiGZL · Answer

Birdahaki konu nereye geçiyoruz Hocam burda eksik bulamadım

Bi en üst kısım çok boş

AtabeyV · Answer

Guneyz adlı üyeden alıntı:						mesajı görüntüle									Benim en gözüme batan yer eğik başlık backgroundları oldu çok kalıp göstermiş siteyi bence başlıkların altına düz bir border çekilse bile daha hoş durabilir denemeye değer  		mantıklı bir deneyeyim varmı öneri border stili?

Soundblast · Answer

Sosyal paylaş butonlarını yazının sonuna eklemenizi oneririm. Kimse yazıyı okumadan paylasımda bulunmaz sonucta. Gayet hoş bir site olmuş. az ve öz. iyi çalışmalar.

AtabeyV · Answer

NecatiGZL adlı üyeden alıntı:						mesajı görüntüle									Birdahaki konu nereye geçiyoruz Hocam burda eksik bulamadım 		bakalım kısmet neresi gözümüze kötü gözükürse

Soundblast adlı üyeden alıntı:						mesajı görüntüle									Sosyal paylaş butonlarını yazının sonuna eklemenizi oneririm. Kimse yazıyı okumadan paylasımda bulunmaz sonucta. Gayet hoş bir site olmuş. az ve öz. iyi çalışmalar. 		doru diyorsunuz yazdır ve indir butonları hakkında ne düşünüyorsunuz?

Guneyz · Answer

herhangi bir 1px solid border versen daha şık durur, birde sosyal medya butonları çok ortada kalmış lak diye bırakılmış gibi duruyor mesela başlık fontunu küçültüp float: right olarak paylaşım butonlarını başlığın sağ tarafına koyabilirsin.

Soundblast · Answer

Gayet güzel ben begendim acıkcası. zaten karmasık siteleri oldum olası sevmemişimdir  ziyaretciye istedigini versin kafi. gereksiz seylerden uzak durmak lazım.

Prototype · Answer

AtabeyV adlı üyeden alıntı:						mesajı görüntüle									Anasayfaya gelen eleştrilerle siteyi bir şekilde güzelleştirdik. Şimdi iç sayfalara el atıyorum. Şu sayfa örnek olarak: https://volkanatabey.com.tr/mega-kol...dek-sistemler/
inceleyip eksik gedik düzeltilmesi gereken yerleri olumsuz yönleriyle bana söylerseniz çok sevinirim.

Saygı ve sevgiler... 		Hocam "condensed" sıkıştırılmış font tipi okumayı zorlaştırıyor.
Kategori menüsünün UX tasarıma ihtiyacı var gibi.
Container/Wrapper (Sayfa sarıcı/sınırlandırıcı) elementine bir maksimum genişlik atamalısınız. Benim monitörüm Ultrawide ve sitenin en solu ile en sağı arasında çooooook genişlik var. Teorik olarak sonsuza gidiyor sanırım. Buna 1300px vb. gibi bir maksimum (max-width) genişlik vermelisin.
Onun dışında benim gördüğüm bir şey yok, zaten zevkler ve renkler tartışılmaz. Kolaylıklar dilerim.

AtabeyV · Answer

Prototype adlı üyeden alıntı:						mesajı görüntüle									Hocam "condensed" sıkıştırılmış font tipi okumayı zorlaştırıyor.
Kategori menüsünün UX tasarıma ihtiyacı var gibi.
Container/Wrapper (Sayfa sarıcı/sınırlandırıcı) elementine bir maksimum genişlik atamalısınız. Benim monitörüm Ultrawide ve sitenin en solu ile en sağı arasında çooooook genişlik var. Teorik olarak sonsuza gidiyor sanırım. Buna 1300px vb. gibi bir maksimum (max-width) genişlik vermelisin.
Onun dışında benim gördüğüm bir şey yok, zaten zevkler ve renkler tartışılmaz. Kolaylıklar dilerim. 		max-width i tam anlayamadım hocam nereye ne koymam lazım kodlarla anlatır mısınz?

Prototype · Answer

AtabeyV adlı üyeden alıntı:						mesajı görüntüle									max-width i tam anlayamadım hocam nereye ne koymam lazım kodlarla anlatır mısınz?

&#91; width olmadan ..................................................................................................... sonsuza gider &#93;

&#91; width: 100px ...................................... 100 pixel genişliğinde olur &#93;

&#91; max-width: 100px ................. en fazla 100 pixel e kadar büyür &#93;kod olarak sizin style.css dosyanızda aşağıdaki kod var.

.container {
width: 75%;
margin: 0 auto;

}(Her ne kadar genişlik ekranın 75% 'i olarak ayarlansa da, bu değer geniş veya büyük ekranlarda aşırı olacaktır. Bu da hem estetiği bozabilir hem de okumayı zorlaştırır.)

]bu kodu şu şekilde değiştirebilirsiniz.

.container {
width: 100%;
max-width: 1300px;
margin: 0 auto;
padding: 0 15px;
}Bu sayede, container (Yani ana sarıcı div'iniz) 100% genişlikte olacak ama en fazla 1300px e kadar büyüyecek. Ayrıca mobil ekranlarda da sağdan soldan 15px boşluk bırakması için "padding: 0 15px" değerini girdik ki sağa sola yapışmasın.

Kolaylıklar dilerim.

AtabeyV · Answer

Prototype adlı üyeden alıntı:						mesajı görüntüle									
&#91; width olmadan ..................................................................................................... sonsuza gider &#93;

&#91; width: 100px ...................................... 100 pixel genişliğinde olur &#93;

&#91; max-width: 100px ................. en fazla 100 pixel e kadar büyür &#93;kod olarak sizin style.css dosyanızda aşağıdaki kod var.

.container {
width: 75%;
margin: 0 auto;

}(Her ne kadar genişlik ekranın 75% 'i olarak ayarlansa da, bu değer geniş veya büyük ekranlarda aşırı olacaktır. Bu da hem estetiği bozabilir hem de okumayı zorlaştırır.)

]bu kodu şu şekilde değiştirebilirsiniz.

.container {
width: 100%;
max-width: 1300px;
margin: 0 auto;
padding: 0 15px;
}Bu sayede, container (Yani ana sarıcı div'iniz) 100% genişlikte olacak ama en fazla 1300px e kadar büyüyecek. Ayrıca mobil ekranlarda da sağdan soldan 15px boşluk bırakması için "padding: 0 15px" değerini girdik ki sağa sola yapışmasın.

Kolaylıklar dilerim. 		bunu yapınca yüksek çözünürlüklü monitörde küçücük çıkıyor site hocam

Ous · Answer

Üstad hakkımda yazını okudum da maşallahın var kendini baya geliştirmişsin. Kafada saç kalmaması bu sebepten sanırım ama sorun değil parayı basıp ektirirsin. Siten de güzel olmuş arka planı beyaz yapmayı denedin mi hiç ?

AtabeyV · Answer

Ous adlı üyeden alıntı:						mesajı görüntüle									Üstad hakkımda yazını okudum da maşallahın var kendini baya geliştirmişsin. Kafada saç kalmaması bu sebepten sanırım ama sorun değil parayı basıp ektirirsin. Siten de güzel olmuş arka planı beyaz yapmayı denedin mi hiç ? 		denerim hocam okuduk okumasınada iş bulamıyoruz