Yeni Tasarım Ne güzel Olmuş

Graficafe - Yeni Tasarım Ne güzel Olmuş ...

Cevapla
Yeni Tasarım Ne güzel Olmuş
Metin METE isimli Üye şimdilik offline konumundadır

Metin METE(30)

Sanat Yn. / İstanbul

Standart
Alt 15-10-2012 #21
Sponsorlu Bağlantılar

Zaten artık tablo mantığı ile yapılan web siteleri piyasa ya kalmadı yada hepsi div ile kodlandı tekrar. Eğer görseller png,jpeg olarak değilde css mantığı ile oluşturuldu ise bence sitenin ekrana göre genişlememesi için bir sorun olacağını sanmıyorum. Çok profesyonel değilim ama % mantığı ile yazılan css dosyalarını ekran çözünürlüğüne göre genişletme imkanı sağlanamaz mı ? Yani 1920*1080 yada 2560x1600 bir monitörle girince ekran otomatik genişlese. Çok sorun değil ama benim ekranda cidden ortada sanki ufak kalıyor yada bana öyle geliyor. Tekrar elinize sağlık.

Not : Birde sanırım alıntı yazısı uzun olduğundanmıdır bilmiyorum bazı alıntıları alıntı çerçevesi içine almıyor. Bu sadece bendemi böyle acaba ?

Yeni Tasarım Ne güzel Olmuş
CSS mantığı ile resim oluşturulmaz! Şayet CSS3 ile özel font varsa ikonları özel fontla yaparız, grafikle yapılmış degradeli arkaplanları yaparız vs.vs.vs. Hiç grafik kullanmadan da siteyi yaparız ama her tarayıcıda çalışmaz. Buda hiç iyi bir şey değil..

Genişlik konusuna gelirsek! Yaptığımız tablo yapısında, dediğin şekilde olabilmesi için çok sağlam bir matematik algoritması hazırlanması lazım. Hemen basit bir örnek veriyorum;

<div> tablo yapısında sabit genişlik zorunlu ve % değer yan yana tablolar için verilmiyor. 500 piksel genişlikte bir tablo içinde bulunan 2 tablodan biri 150 piksel genişlikte ise diğerine "100%" değer verdiğimde tabloyu alta atacağından, "350 piksel" sabit genişlik vermek zorundayım... Bu durumda sadece portal için şu matematiği yapmam gerek:

  1. Girdiğimiz tarayıcının ekran boyutunu otomatik alacağız (Örn: 1280 piksel)
  2. Daha sonra portal sol sütununa eski temadaki gibi sabit bir genişlik vereceğiz (ki şuan 250 piksel genişlikte)
  3. Şimdi sağ kısımdaki içerik tablomuza geliyoruz ve 1280-250 = 1030, aradaki boşluk içinde 1030-10=1020, sayfadaki sağdan ve soldan boşluk içinde 1020-20=1000 piksel de sağda bulunan içerik tablosunun otomatik genişliği. Buraya kadar bir sıkıntı yok...
  4. Şimdi içerik tablomuzun genişliğini sayfaya tamamen yaydık ama bu tablonun içindeki tablolarıda 1000 piksele göre yaymak gerekeceğinden sadece "Popüler Konular" ve "Popüler Gruplar" için, 1000-10=990, 990/2=495 piksel otomatik genişlik olacak. Ardından bu tabloların da içeriklerini yaymak gerekecek ve profil resmi tablosu sabit olduğundan 495-50=445, 445-10=435 piksel de profil resminin yanında bulunan yazıların tablosunun otomatik genişliği olacak.
  5. Yukarıda sadece 1 tablo için işlem yaptım. İçerik tablosunda ki aynı olmayan tablolar içinde aynı işlemler yapılacak. Aradaki 1, 2, 5 ya da 10 piksel küsürleri de eklersek, bildiğimiz cacık olur... Çünkü çok fazla tablo var ve her tabloya tek tek bu işlemleri yaptırıp otomatik genişlik almamız gerekecek.
  6. Farzet ki hepsini de yaptık! Bu sefer içerik tablosu içindeki 728 piksel genişlikte reklamlar başıboş tablo olarak ortada kalacak ve hem simetrik olarak çok kötü gözükecek, hemde genel manada arayüz göze hitap etmeyecek!

Şimdi halen 100% genişlikte bir arayüz istiyor musunuz? Yeni Tasarım Ne güzel Olmuş

NOT: Sizin mesajınızda dikkatimizi çekti, sanırım alıntı tablomuzda bir sorun var ama uzunlukla alakalı bir sorun olmadığını düşünüyoruz. Onu gün içinde halletmeye çalışacağız...
Bu mesajdan alıntı yap
EsPriTüeL isimli Üye şimdilik offline konumundadır

EsPriTüeL

Grafiker / İstanbul

Standart
Alt 15-10-2012 #22
                             Sponsorlu Bağlantılar
CSS mantığı ile resim oluşturulmaz! Şayet CSS3 ile özel font varsa ikonları özel fontla yaparız, grafikle yapılmış degradeli arkaplanları yaparız vs.vs.vs. Hiç grafik kullanmadan da siteyi yaparız ama her tarayıcıda çalışmaz. Buda hiç iyi bir şey değil..

Genişlik konusuna gelirsek! Yaptığımız tablo yapısında, dediğin şekilde olabilmesi için çok sağlam bir matematik algoritması hazırlanması lazım. Hemen basit bir örnek veriyorum;

<div> tablo yapısında sabit genişlik zorunlu ve % değer yan yana tablolar için verilmiyor. 500 piksel genişlikte bir tablo içinde bulunan 2 tablodan biri 150 piksel genişlikte ise diğerine "100%" değer verdiğimde tabloyu alta atacağından, "350 piksel" sabit genişlik vermek zorundayım... Bu durumda sadece portal için şu matematiği yapmam gerek:

  1. Girdiğimiz tarayıcının ekran boyutunu otomatik alacağız (Örn: 1280 piksel)
  2. Daha sonra portal sol sütununa eski temadaki gibi sabit bir genişlik vereceğiz (ki şuan 250 piksel genişlikte)
  3. Şimdi sağ kısımdaki içerik tablomuza geliyoruz ve 1280-250 = 1030, aradaki boşluk içinde 1030-10=1020, sayfadaki sağdan ve soldan boşluk içinde 1020-20=1000 piksel de sağda bulunan içerik tablosunun otomatik genişliği. Buraya kadar bir sıkıntı yok...
  4. Şimdi içerik tablomuzun genişliğini sayfaya tamamen yaydık ama bu tablonun içindeki tablolarıda 1000 piksele göre yaymak gerekeceğinden sadece "Popüler Konular" ve "Popüler Gruplar" için, 1000-10=990, 990/2=495 piksel otomatik genişlik olacak. Ardından bu tabloların da içeriklerini yaymak gerekecek ve profil resmi tablosu sabit olduğundan 495-50=445, 445-10=435 piksel de profil resminin yanında bulunan yazıların tablosunun otomatik genişliği olacak.
  5. Yukarıda sadece 1 tablo için işlem yaptım. İçerik tablosunda ki aynı olmayan tablolar içinde aynı işlemler yapılacak. Aradaki 1, 2, 5 ya da 10 piksel küsürleri de eklersek, bildiğimiz cacık olur... Çünkü çok fazla tablo var ve her tabloya tek tek bu işlemleri yaptırıp otomatik genişlik almamız gerekecek.
  6. Farzet ki hepsini de yaptık! Bu sefer içerik tablosu içindeki 728 piksel genişlikte reklamlar başıboş tablo olarak ortada kalacak ve hem simetrik olarak çok kötü gözükecek, hemde genel manada arayüz göze hitap etmeyecek!

Şimdi halen 100% genişlikte bir arayüz istiyor musunuz? Yeni Tasarım Ne güzel Olmuş

NOT: Sizin mesajınızda dikkatimizi çekti, sanırım alıntı tablomuzda bir sorun var ama uzunlukla alakalı bir sorun olmadığını düşünüyoruz. Onu gün içinde halletmeye çalışacağız...
Ben en iyisi ekranı tarayıcıdan genişleteyim. Yeni Tasarım Ne güzel Olmuş Çünkü şimdi birde şu olacak hadi oturdu diyelim görseller internet explorer da sıkıntı çıkacağı kesin ki hala bir çok kesim onu kullanıyor. Tekrar elinize sağlık.
Bu mesajdan alıntı yap
crldrw isimli Üye şimdilik offline konumundadır

crldrw

Forumdan Uzaklaştırıldı

Grafiker / Adana

Standart
Alt 15-10-2012 #23
eskisi kötüydü bu daha kötü olmuş hipnoz oluyorum siteye bakarken
çok göz yorucu
güzelim alan adı ziyan oldu
Bu mesajdan alıntı yap
Gökhan TEKİN isimli Üye şimdilik offline konumundadır

Gökhan TEKİN

ARTniyetli

Fotoğrafçı / Bursa

Standart
Alt 15-10-2012 #24
eskisi kötüydü bu daha kötü olmuş hipnoz oluyorum siteye bakarken
çok göz yorucu
güzelim alan adı ziyan oldu

Bugün farkettiğimiz bir bug yüzünden. Sanırım bu yorumu yaptınız. Siteye hangi browser ile girdiğinizi öğrenebilirmiyim ? İnternet explorer kullanıcısmınız ?
Bu mesajdan alıntı yap
Özgür KARAGÖZ isimli Üye şimdilik offline konumundadır

Özgür KARAGÖZ

Hiç Biri / Sakarya

Standart
Alt 15-10-2012 #25
Merhaba. Bahsettiğiniz şekilde "CSS ile genişletme butonu" yok! Yaptığımız kodlamada ki tablo (DIV) mantığında da 100% genişlik yok. Yok ise neden yaptığımızın sebebine de bu yazıdan ulaşabilirsiniz; "Tablo mu? Div mi? Karmaşasına Son Noktayı HTML5 koydu"

Ben yine özet geçeyim; <table> kodu Excel mantığında satır ve sütunlardan oluşuyor. Daha fazla kod kullanıldığından sayfanın daha geç yüklenmesine sebep oluyor. İçerik ne kadar çoksa sayfada o kadar geç açılır... <table> kodunda sütunlar için sabit ya da % değer verilebiliyor. Yani eski temada mesajlardaki "kullanıcı bilgisi" tablosu mesela "200 piksel" ise, "mesaj" tablosuna "100%" değer vererek hangi ekran boyutunda girilirse girilsin tamamen ekrana yayılmış bir görüntü görürüz. Yalnız <div> tabloda, içerikler tek tek tablolandığından ya tamamen "100%" genişlik verip ekrana yayacağız (ki yan yana tablo konulmuyor), ya da tek tek sabit ölçü vererek ekrana sığdıracağız. Sitenin genel yapısına baktığımızda yan yana çok tablo olduğundan sabit ölçü vermek zorundaydık. Verdiğimiz sabit ölçüyü de siz widescreen (geniş ekran) kullanan kullanıcıların ekran boyutundan ziyade, standart en küçük ekran boyutunu baz alarak ölçülendiriyoruz! Bu ölçüde 1024x768'dir... Sadece bu site için söylemiyorum. Modern tarayıcı kodları ile hazırlanmış tüm web siteleri sizin ekranınızda zaten küçücük gözükecek... Bunu da bir eksiklik olarak değil de, yenilik olarak görün Yeni Tasarım Ne güzel Olmuş

Deneme mesajıdır
Bu mesajdan alıntı yap
Value isimli Üye şimdilik offline konumundadır

Value

Hiç Biri / İstanbul

Standart
Alt 16-10-2012 #26
Tek kaşımı kaldırıp az gezindim.. biraz yorucu oldu tabi Yeni Tasarım Ne güzel Olmuş
Eh fena değil Yeni Tasarım Ne güzel Olmuş idare eder Yeni Tasarım Ne güzel Olmuş işimizi görür Yeni Tasarım Ne güzel Olmuş en kötü can sıkıntımızı alır Yeni Tasarım Ne güzel Olmuş

Emeği geçenlere çikolata gönderiyorum hemen Yeni Tasarım Ne güzel Olmuş tüm tüketici birliği adına Yeni Tasarım Ne güzel Olmuş

Neyse efenim az talan edelim.. Yeni havasını alalım, biraz eskitelim Yeni Tasarım Ne güzel Olmuş
Bu mesajdan alıntı yap
Özgür KARAGÖZ isimli Üye şimdilik offline konumundadır

Özgür KARAGÖZ

Hiç Biri / Sakarya

Standart
Alt 17-10-2012 #27
Merhaba. Bahsettiğiniz şekilde "CSS ile genişletme butonu" yok! Yaptığımız kodlamada ki tablo (DIV) mantığında da 100% genişlik yok. Yok ise neden yaptığımızın sebebine de bu yazıdan ulaşabilirsiniz; "Tablo mu? Div mi? Karmaşasına Son Noktayı HTML5 koydu"

Ben yine özet geçeyim; <table> kodu Excel mantığında satır ve sütunlardan oluşuyor. Daha fazla kod kullanıldığından sayfanın daha geç yüklenmesine sebep oluyor. İçerik ne kadar çoksa sayfada o kadar geç açılır... <table> kodunda sütunlar için sabit ya da % değer verilebiliyor. Yani eski temada mesajlardaki "kullanıcı bilgisi" tablosu mesela "200 piksel" ise, "mesaj" tablosuna "100%" değer vererek hangi ekran boyutunda girilirse girilsin tamamen ekrana yayılmış bir görüntü görürüz. Yalnız <div> tabloda, içerikler tek tek tablolandığından ya tamamen "100%" genişlik verip ekrana yayacağız (ki yan yana tablo konulmuyor), ya da tek tek sabit ölçü vererek ekrana sığdıracağız. Sitenin genel yapısına baktığımızda yan yana çok tablo olduğundan sabit ölçü vermek zorundaydık. Verdiğimiz sabit ölçüyü de siz widescreen (geniş ekran) kullanan kullanıcıların ekran boyutundan ziyade, standart en küçük ekran boyutunu baz alarak ölçülendiriyoruz! Bu ölçüde 1024x768'dir... Sadece bu site için söylemiyorum. Modern tarayıcı kodları ile hazırlanmış tüm web siteleri sizin ekranınızda zaten küçücük gözükecek... Bunu da bir eksiklik olarak değil de, yenilik olarak görün Yeni Tasarım Ne güzel Olmuş
deneme bir ki
Bu mesajdan alıntı yap
drawsever isimli Üye şimdilik offline konumundadır

drawsever(41)

Hiç Biri / Mersin

Standart
Alt 19-10-2012 #28
yeni tasarım bence de güzel olmuş. ancak benim bir sorunum oldu. giriş yaptıktan sonra sayfanın sağ üst köşesinde gözüken Sayın, kullanıcıismi şeklinde görülen alanda benim adım değil, hemen bir üstteki mesajın sahibi Özgür Karagöz yazısı yer alıyor. Bu durum birkaç kez tekrar etti. Şu anda düzelmiş gibi. Bir problem mi oldu acaba?
Bu mesajdan alıntı yap
Value isimli Üye şimdilik offline konumundadır

Value

Hiç Biri / İstanbul

Standart
Alt 02-11-2012 #29
Öncelikle aldığım beğenileri göremiyorum..
İkinci olarak telefonumdan siteye girdiğimde keyifli bir manzarayla karşılaşmadığımı belirtmek isterim.

Umarım en kısa zamanda sorunsuz bir gezinti yapabiliriz.. Kolay gelsin..
Bu mesajdan alıntı yap
hzlgtmz isimli Üye şimdilik offline konumundadır

hzlgtmz

Grafiker / İstanbul

Standart
Alt 02-11-2012 #30
Alınan beğenilerin görünmemesi derdinden muzdaribim bende..
Bu mesajdan alıntı yap
Cevapla

Benzer Konular
Konu Konu Bilgileri Forum Cevaplar Son Mesaj
Star TV'nin yeni logosu, nasıl olmuş? ma®tin Logo Tasarımları 36 01-03-2012 15:45:17
Yeni web arayüzüm nasıl olmuş arkadaşlar. theturkayy Web Tasarımı 6 24-04-2011 20:10:45
Yeni Web site tasarımım nasıl olmuş? onurist Fireworks 4 20-11-2009 05:28:50
slm arkadaşlar ellerinize saglık güzel bir site olmuş GaM3OvEr Hoşgeldiniz 3 22-11-2008 11:41:31
Hangisi (tasarım) Güzel Olmuş, Yorumlarınızı ARTI ve EKSİ lerinizi Bekliyorum Nazy Ambalaj Tasarımı 63 27-08-2008 11:21:59

Kapat
Şifremi Unuttum?