Tasarımı Nasıl Genişletebilirim?

  1. KısayolKısayol reportŞikayet pmÖzel Mesaj
    insidae
    insidae's avatar
    Kayıt Tarihi: 29/Kasım/2009
    Erkek

    Merhaba beyler resimdede anlattığım gibi psd tasarımımı css'e çevirdim slice tool ile kestikten sonra dosyalar masaüstüne geldi.şimdi ben bu tasarımı nasıl ortalayıp sağ ve sola doğru genişletebilirim normal siteler gibi. hangi kodları yazmalıyım ? buyrun buda resmi ;


    Bir güldün yar sen, hep elime batan.Seni dalından kopardım, kandoldu avuçlarım..
  2. KısayolKısayol reportŞikayet pmÖzel Mesaj
    Gzx
    Gzx's avatar
    Kayıt Tarihi: 23/Ağustos/2005
    Erkek

    photoshop'dan export ettiysen

    <!begin .... start>

    ...

    ...

    ...

    <!begin ... end>

     

    gibi satır atar kodların başına ve sonuna

     

    onları şu şekilde değiştir

    <Center>

    </Center>

     

    eğer begin satırları yoksa

    <head>

    </head> tagları arasına yaz

     

    yani

    <head>

    <center>

    ..

    ..

    ..

    </center>

    <head>

     

     


    "açık mı var la" yazdı diye ban yiyen adam !
  3. KısayolKısayol reportŞikayet pmÖzel Mesaj
    insidae
    insidae's avatar
    Kayıt Tarihi: 29/Kasım/2009
    Erkek

    Gzx bunu yazdı:
    -----------------------------

    photoshop'dan export ettiysen

    ...

    ...

    ...

     

    gibi satır atar kodların başına ve sonuna

     

    onları şu şekilde değiştir

     

     

     

     

     

    eğer begin satırları yoksa

     

    tagları arasına yaz

     

    yani

     

     

     

    ..

    ..

    ..

     

     

     

     

     


    -----------------------------

     

    yazdım hocam <head> arasına dediğin gibi olmadı malesef . kodlardan örnek vereym ;

     

    div.Table_01 {
        position:absolute;
        left:0px;
        top:0px;
        width:960px;
        height:900px;
    }

     

    <div class="Untitled-1AA-02">
            <img src="images/Untitled-1AA_02.png" width="269" height="94" alt="">

     

    gibi gidiyor.


    Bir güldün yar sen, hep elime batan.Seni dalından kopardım, kandoldu avuçlarım..
  4. KısayolKısayol reportŞikayet pmÖzel Mesaj
    wking
    wking's avatar
    Kayıt Tarihi: 28/Mart/2010
    Erkek

    Genişletemezsin, genişletirsen de boku çıkar. Tavsiye olarak arkaplan rengini o koyu yeşil renk yap.

  5. KısayolKısayol reportŞikayet pmÖzel Mesaj
    insidae
    insidae's avatar
    Kayıt Tarihi: 29/Kasım/2009
    Erkek

    wking bunu yazdı:
    -----------------------------

    Genişletemezsin, genişletirsen de boku çıkar. Tavsiye olarak arkaplan rengini o koyu yeşil renk yap.


    -----------------------------

    saol hocam aklıma daha değişik bir fikir geldi. daha geniş boyutlarda sayfa açıp bu tasarımın arkaplanını kaldırcam ve o yeni açtığım sayfanın arkaplanına bunun gibi yapıcam daha sonra bu tasarımı alıp yeni açtığım sayfaya direk ekleycem ortalatıcam böylece hem geniş hem ortalanmış şekilde durur.


    Bir güldün yar sen, hep elime batan.Seni dalından kopardım, kandoldu avuçlarım..
  6. KısayolKısayol reportŞikayet pmÖzel Mesaj
    Gzx
    Gzx's avatar
    Kayıt Tarihi: 23/Ağustos/2005
    Erkek

    tüm kodları yazsana hocam


    "açık mı var la" yazdı diye ban yiyen adam !
  7. KısayolKısayol reportŞikayet pmÖzel Mesaj
    kvasir
    kvasir's avatar
    Kayıt Tarihi: 24/Ağustos/2005
    Erkek

    wking bunu yazdı:
    -----------------------------

    Genişletemezsin, genişletirsen de boku çıkar. Tavsiye olarak arkaplan rengini o koyu yeşil renk yap.


    -----------------------------

    + üstte ve alttaki o kurdele gibi şeyleri uzatabilirsin.

  8. KısayolKısayol reportŞikayet pmÖzel Mesaj
    insidae
    insidae's avatar
    Kayıt Tarihi: 29/Kasım/2009
    Erkek

    Gzx bunu yazdı:
    -----------------------------

    tüm kodları yazsana hocam


    -----------------------------

    buyur hocam.

    <html>
    <head>
    <center>
    <title>Untitled-1AA</title>
    <meta http-equiv="Content-Type" content="text/html; charset=windows-1254">
    <!-- Save for Web Styles (Untitled-1AA.psd) -->
    <style type="text/css">
    <!--
     
    div.Table_01 {
        position:absolute;
        left:0px;
        top:0px;
        width:960px;
        height:900px;
    }
     
    div.Untitled-1AA-01 {
        position:absolute;
        left:0px;
        top:0px;
        width:324px;
        height:99px;
    }
     
    div.Untitled-1AA-02 {
        position:absolute;
        left:324px;
        top:0px;
        width:269px;
        height:94px;
    }
     
    div.Untitled-1AA-03 {
        position:absolute;
        left:593px;
        top:0px;
        width:367px;
        height:99px;
    }
     
    div.Untitled-1AA-04 {
        position:absolute;
        left:324px;
        top:94px;
        width:269px;
        height:85px;
    }
     
    div.Untitled-1AA-05 {
        position:absolute;
        left:0px;
        top:99px;
        width:104px;
        height:693px;
    }
     
    div.Untitled-1AA-06 {
        position:absolute;
        left:104px;
        top:99px;
        width:220px;
        height:80px;
    }
     
    div.Untitled-1AA-07 {
        position:absolute;
        left:593px;
        top:99px;
        width:233px;
        height:80px;
    }
     
    div.Untitled-1AA-08 {
        position:absolute;
        left:826px;
        top:99px;
        width:1px;
        height:636px;
    }
     
    div.Untitled-1AA-09 {
        position:absolute;
        left:827px;
        top:99px;
        width:133px;
        height:80px;
    }
     
    div.Untitled-1AA-10 {
        position:absolute;
        left:104px;
        top:179px;
        width:722px;
        height:45px;
    }
     
    div.Untitled-1AA-11 {
        position:absolute;
        left:827px;
        top:179px;
        width:133px;
        height:556px;
    }
     
    div.Untitled-1AA-12 {
        position:absolute;
        left:104px;
        top:224px;
        width:36px;
        height:511px;
    }
     
    div.Untitled-1AA-13 {
        position:absolute;
        left:140px;
        top:224px;
        width:429px;
        height:38px;
    }
     
    div.Untitled-1AA-14 {
        position:absolute;
        left:569px;
        top:224px;
        width:257px;
        height:51px;
    }
     
    div.Untitled-1AA-15 {
        position:absolute;
        left:140px;
        top:262px;
        width:429px;
        height:13px;
    }
     
    div.Untitled-1AA-16 {
        position:absolute;
        left:140px;
        top:275px;
        width:487px;
        height:119px;
    }
     
    div.Untitled-1AA-17 {
        position:absolute;
        left:627px;
        top:275px;
        width:199px;
        height:132px;
    }
     
    div.Untitled-1AA-18 {
        position:absolute;
        left:140px;
        top:394px;
        width:487px;
        height:13px;
    }
     
    div.Untitled-1AA-19 {
        position:absolute;
        left:140px;
        top:407px;
        width:522px;
        height:177px;
    }
     
    div.Untitled-1AA-20 {
        position:absolute;
        left:662px;
        top:407px;
        width:164px;
        height:328px;
    }
     
    div.Untitled-1AA-21 {
        position:absolute;
        left:140px;
        top:584px;
        width:522px;
        height:23px;
    }
     
    div.Untitled-1AA-22 {
        position:absolute;
        left:140px;
        top:607px;
        width:487px;
        height:128px;
    }
     
    div.Untitled-1AA-23 {
        position:absolute;
        left:627px;
        top:607px;
        width:35px;
        height:128px;
    }
     
    div.Untitled-1AA-24 {
        position:absolute;
        left:104px;
        top:735px;
        width:856px;
        height:96px;
    }
     
    div.Untitled-1AA-25 {
        position:absolute;
        left:0px;
        top:792px;
        width:104px;
        height:39px;
    }
     
    div.Untitled-1AA-26 {
        position:absolute;
        left:0px;
        top:831px;
        width:827px;
        height:69px;
    }
     
    div.Untitled-1AA-27 {
        position:absolute;
        left:827px;
        top:831px;
        width:133px;
        height:69px;
    }
     
    -->
    </style>
    </center>
    <!-- End Save for Web Styles -->
    </center>
    </head>
    <center>
    <body style="background-color:#FFFFFF; margin-top: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px;">
    <!-- Save for Web Slices (Untitled-1AA.psd) -->
    <center><div class="Table_01">
        <div class="Untitled-1AA-01">
            <img src="images/Untitled-1AA_01.png" width="324" height="99" alt="">
        </div>
        <div class="Untitled-1AA-02">
            <img src="images/Untitled-1AA_02.png" width="269" height="94" alt="">
        </div>
        <div class="Untitled-1AA-03">
            <img src="images/Untitled-1AA_03.png" width="367" height="99" alt="">
        </div>
        <div class="Untitled-1AA-04">
            <img src="images/Untitled-1AA_04.png" width="269" height="85" alt="">
        </div>
        <div class="Untitled-1AA-05">
            <img src="images/Untitled-1AA_05.png" width="104" height="693" alt="">
        </div>
        <div class="Untitled-1AA-06">
            <img src="images/Untitled-1AA_06.png" width="220" height="80" alt="">
        </div>
        <div class="Untitled-1AA-07">
            <img src="images/Untitled-1AA_07.png" width="233" height="80" alt="">
        </div>
        <div class="Untitled-1AA-08">
            <img src="images/Untitled-1AA_08.png" width="1" height="636" alt="">
        </div>
        <div class="Untitled-1AA-09">
            <img src="images/Untitled-1AA_09.png" width="133" height="80" alt="">
        </div>
        <div class="Untitled-1AA-10">
            <img src="images/Untitled-1AA_10.png" width="722" height="45" alt="">
        </div>
        <div class="Untitled-1AA-11">
            <img src="images/Untitled-1AA_11.png" width="133" height="556" alt="">
        </div>
        <div class="Untitled-1AA-12">
            <img src="images/Untitled-1AA_12.png" width="36" height="511" alt="">
        </div>
        <div class="Untitled-1AA-13">
            <img src="images/Untitled-1AA_13.png" width="429" height="38" alt="">
        </div>
        <div class="Untitled-1AA-14">
            <img src="images/Untitled-1AA_14.png" width="257" height="51" alt="">
        </div>
        <div class="Untitled-1AA-15">
            <img src="images/Untitled-1AA_15.png" width="429" height="13" alt="">
        </div>
        <div class="Untitled-1AA-16">
            <img src="images/Untitled-1AA_16.png" width="487" height="119" alt="">
        </div>
        <div class="Untitled-1AA-17">
            <img src="images/Untitled-1AA_17.png" width="199" height="132" alt="">
        </div>
        <div class="Untitled-1AA-18">
            <img src="images/Untitled-1AA_18.png" width="487" height="13" alt="">
        </div>
        <div class="Untitled-1AA-19">
            <img src="images/Untitled-1AA_19.png" width="522" height="177" alt="">
        </div>
        <div class="Untitled-1AA-20">
            <img src="images/Untitled-1AA_20.png" width="164" height="328" alt="">
        </div>
        <center><div class="Untitled-1AA-21">
            <img src="images/Untitled-1AA_21.png" width="522" height="23" alt=""></center>
        </div>
        <div class="Untitled-1AA-22">
            <img src="images/Untitled-1AA_22.png" width="487" height="128" alt="">
        </div>
        <div class="Untitled-1AA-23">
            <img src="images/Untitled-1AA_23.png" width="35" height="128" alt="">
        </div>
        <div class="Untitled-1AA-24">
            <img src="images/Untitled-1AA_24.png" width="856" height="96" alt="">
        </div>
        <div class="Untitled-1AA-25">
            <img src="images/Untitled-1AA_25.png" width="104" height="39" alt="">
        </div>
        <div class="Untitled-1AA-26">
            <img src="images/Untitled-1AA_26.png" width="827" height="69" alt="">
        </div>
        <div class="Untitled-1AA-27">
            <img src="images/Untitled-1AA_27.png" width="133" height="69" alt="">
        </div>
    </div>
    </center>
    <!-- End Save for Web Slices -->
    </body>
    </center>
    </html>


    Bir güldün yar sen, hep elime batan.Seni dalından kopardım, kandoldu avuçlarım..
  9. KısayolKısayol reportŞikayet pmÖzel Mesaj
    insidae
    insidae's avatar
    Kayıt Tarihi: 29/Kasım/2009
    Erkek

    VBDream bunu yazdı:
    -----------------------------

    wking bunu yazdı:
    -----------------------------

    Genişletemezsin, genişletirsen de boku çıkar. Tavsiye olarak arkaplan rengini o koyu yeşil renk yap.


    -----------------------------

    + üstte ve alttaki o kurdele gibi şeyleri uzatabilirsin.


    -----------------------------

    saol hocam temayı biraz daha genişletip tasarımı ortaya çekicem üst menü tarafı ile sağ taraf cok basit kaldı orayı biraz daha değiştiricem.


    Bir güldün yar sen, hep elime batan.Seni dalından kopardım, kandoldu avuçlarım..
  10. KısayolKısayol reportŞikayet pmÖzel Mesaj
    Gzx
    Gzx's avatar
    Kayıt Tarihi: 23/Ağustos/2005
    Erkek

    hocam sen bunu css olarak çıktı almışsın tüm divleri tek tek ortalaman gerek bu kodlarla sanırım


    "açık mı var la" yazdı diye ban yiyen adam !
  11. KısayolKısayol reportŞikayet pmÖzel Mesaj
    Nautilus
    Nautilus's avatar
    Kayıt Tarihi: 01/Haziran/2007
    Erkek

    en dışdaki div "div.Table_01" bu mu?eğer buysa " margin:auto; " kodunu ekle. Siten yayındaysa linkler birde.


    şizofren olabilirsiniz yardım alın!
Toplam Hit: 1132 Toplam Mesaj: 11