Tasarımı Nasıl Genişletebilirim?
-
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 ;
-
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>
-
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.
-
Genişletemezsin, genişletirsen de boku çıkar. Tavsiye olarak arkaplan rengini o koyu yeşil renk yap.
-
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.
-
tüm kodları yazsana hocam
-
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.
-
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> -
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.
-
hocam sen bunu css olarak çıktı almışsın tüm divleri tek tek ortalaman gerek bu kodlarla sanırım
-
en dışdaki div "div.Table_01" bu mu?eğer buysa " margin:auto; " kodunu ekle. Siten yayındaysa linkler birde.