• 28-05-2010, 20:51:34
    #1
    Üyeliği durduruldu
    Selamlar, izlesene.com'daki gibi


    Şu şekilde bir tabloyu nasıl elde edebilirim?
  • 28-05-2010, 21:29:51
    #2
    Üyeliği durduruldu
    Kodlarla desek kızarsın

    Sen yapmaya başla bir yerden, yapamadığın yeri sor yardımcı olan çıkar o zaman. Amerikayı yeniden keşfettirmekle uğraştırma insanları.
  • 28-05-2010, 21:38:59
    #3
    Eposta Aktivasyonu Gerekmekte
    firebug'ı açıp sitenin kodlarını incelersen bir fikrin olabilir
  • 28-05-2010, 23:20:23
    #4
    Üyeliği durduruldu
    JustGo adlı üyeden alıntı: mesajı görüntüle
    Kodlarla desek kızarsın

    Sen yapmaya başla bir yerden, yapamadığın yeri sor yardımcı olan çıkar o zaman. Amerikayı yeniden keşfettirmekle uğraştırma insanları.
    paydayin adlı üyeden alıntı: mesajı görüntüle
    firebug'ı açıp sitenin kodlarını incelersen bir fikrin olabilir
    Herhangi birinizden bu kadar sert cevaplar beklemezdim acikcasi, zaten kodlarla yapildigini biliyorum su anda bir tasarim uzerindeyim, tablo'ya class şeklinde css kodu ayarladım ancak olmadı, sonuç olarak yapmış olan veya yapmayı biliyor olan bir kişi söyleyebilir yöntemini veya kodlarını.
    Amerikayı keşfetmekle ne alakası var anlamıyorum bunun, iki parça kod yazıp yardım edeceksiniz onu da bilen insandan istiyorum. Herneyse, teşekkürler.
  • 28-05-2010, 23:22:16
    #5
    Kimlik doğrulama veya yönetimden onay bekliyor.
    Div'lerle

    Orada birşey yok ki, takıldığın yeri sorsan yardım edelim ama 0'dan mı yapalım?

    Son olarak div'lerle işte
  • 28-05-2010, 23:27:13
    #6
    Üyeliği durduruldu
    Hocam yapmak istedigim izlesene.com'daki gibi gorunum, su anda yaptigim sekil sudur. Ama ben gorunumunun bi tablo gibi olmasini istiyorum, anlatabildim umarim. İzlesenedeki kenarlarindaki cizgiler v.b

  • 28-05-2010, 23:35:03
    #7
    Önce PS'de yapıyorsun aynı tasarımı sonra üst kısmı başlık arkaplanı dahil kesiyorsun resmi ve mesela ornek .divUst gibi div acıp arkaplana kestiğin resmi atıyorsun.

    Sonra tam ortadan 1px uzunluğunda soldan sağa arkaplan kesip onu da misal .divOrta gibi bir div acıp arkaplan yapıyorsun.

    En alt kısım için de o yuvarlanmış köşeleri de bir kaç pixel uzunluğunda soldan sağa kesiyorsun .divAlt diye div açıp arkaplan yaparsın.

    İçerik kısmına yani orta dive gelip içinde yeni divler oluşturacaksın (küçük kare işte). Gerisi süslemeye kalıyor font özellikleri, icon vs.

    Bunları yaparken float, width, height, margin vs. kullanman gerekecek kullanacağını varsayıyorum
  • 28-05-2010, 23:36:53
    #8
    Kimlik doğrulama veya yönetimden onay bekliyor.
    godhelpus adlı üyeden alıntı: mesajı görüntüle
    Herhangi birinizden bu kadar sert cevaplar beklemezdim acikcasi, zaten kodlarla yapildigini biliyorum su anda bir tasarim uzerindeyim, tablo'ya class şeklinde css kodu ayarladım ancak olmadı, sonuç olarak yapmış olan veya yapmayı biliyor olan bir kişi söyleyebilir yöntemini veya kodlarını.
    Amerikayı keşfetmekle ne alakası var anlamıyorum bunun, iki parça kod yazıp yardım edeceksiniz onu da bilen insandan istiyorum. Herneyse, teşekkürler.
    Hocam siz iyi niyetli olabilirsiniz saten mesajlarınızdan belli oluyor gibi ama öyle sömürücü haşereler varki adam 40 satırlık bir kod istiyor oturuyorum erinmeden yazıyorum sırf yardım olsun diye adam bir teşekkür bile etmiyor.

    O yüzden arkadaşların sert çıkması bu konuda biraz normal.

    Mantık ise şöyledir.

    .aycan{width:400px; overflow:hidden; background: url(ooo turuncu resim) no-repeat; border:1px solid #renkkodun;}
    .aycan ul {list-style:none;}
    .... menu kodlarını buraada yazmıyorum http://www.aycan.net/blog/css/haydi-...ogrenelim.html buradan öğrenirsin ve içeride li'leri döndürdükten sonra istediğiniz görüntüye oluşursunuz
    html kodları
    <div class="aycan">
    Başlık burası o resimin üzerine gelecek
    <ul>
    <li> resim kodu a tagı felan..</li>
    <li> resim kodu a tagı felan..</li>
    <li> resim kodu a tagı felan..</li>
    <li> resim kodu a tagı felan..</li>
    <li> resim kodu a tagı felan..</li>
    <li> resim kodu a tagı felan..</li>
    </ul>
    </div>
  • 28-05-2010, 23:43:54
    #9
    Üyeliği durduruldu
    Gangstamonu adlı üyeden alıntı: mesajı görüntüle
    Önce PS'de yapıyorsun aynı tasarımı sonra üst kısmı başlık arkaplanı dahil kesiyorsun resmi ve mesela ornek .divUst gibi div acıp arkaplana kestiğin resmi atıyorsun.

    Sonra tam ortadan 1px uzunluğunda soldan sağa arkaplan kesip onu da misal .divOrta gibi bir div acıp arkaplan yapıyorsun.

    En alt kısım için de o yuvarlanmış köşeleri de bir kaç pixel uzunluğunda soldan sağa kesiyorsun .divAlt diye div açıp arkaplan yaparsın.

    İçerik kısmına yani orta dive gelip içinde yeni divler oluşturacaksın (küçük kare işte). Gerisi süslemeye kalıyor font özellikleri, icon vs.

    Bunları yaparken float, width, height, margin vs. kullanman gerekecek kullanacağını varsayıyorum
    Teşekkür ederim cevap verme nezaketinde bulunduğunuz için.

    AycanB adlı üyeden alıntı: mesajı görüntüle
    Hocam siz iyi niyetli olabilirsiniz saten mesajlarınızdan belli oluyor gibi ama öyle sömürücü haşereler varki adam 40 satırlık bir kod istiyor oturuyorum erinmeden yazıyorum sırf yardım olsun diye adam bir teşekkür bile etmiyor.

    O yüzden arkadaşların sert çıkması bu konuda biraz normal.

    Mantık ise şöyledir.

    .aycan{width:400px; overflow:hidden; background: url(ooo turuncu resim) no-repeat; border:1px solid #renkkodun;}
    .aycan ul {list-style:none;}
    .... menu kodlarını buraada yazmıyorum http://www.aycan.net/blog/css/haydi-...ogrenelim.html buradan öğrenirsin ve içeride li'leri döndürdükten sonra istediğiniz görüntüye oluşursunuz
    html kodları
    <div class="aycan">
    Başlık burası o resimin üzerine gelecek
    <ul>
    <li> resim kodu a tagı felan..</li>
    <li> resim kodu a tagı felan..</li>
    <li> resim kodu a tagı felan..</li>
    <li> resim kodu a tagı felan..</li>
    <li> resim kodu a tagı felan..</li>
    <li> resim kodu a tagı felan..</li>
    </ul>
    </div>

    Hmm. <ul> <li> demek, teşekkür ederim hocam cevabınız için. Ben CSS ve PHP biliyorum ancak kendimi geliştirmeye çalışıyorum, takıldığım noktalarda da yardımcı olacak kaynaklara bakıyorum ancak bazen tam cevabım olmuyorlar. Bu gibi durumlarda forumlardan yardım almak istiyorum, bi art niyetim yok.
    Teşekkür ederim tekrar.