Forum'da ara:
Ara


Yazar Mesaj
Mesaj09.05.2009, 09:35 (UTC)    
Mesaj konusu: css tasarım photshopta

ben adobe photshopta bır tane css tasarım yaptım kafam gore ben bu tasarımı nasıl kodlara ayıracagım
yanı tasarım ustune tasarımın altına css koduna gore nasıl ayıracagım
bilen varsa yardım edebılırmı
cok acıl
bu tasarımın kodlarını ayıracagım
http://img140.imageshack.us/img140/3280/adszpdr.jpg




bu da tasarımın kodları bunu nasıl ayıracagım


<html>
<head>
<title>Başlıksız-1</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-9">
<style type="text/css">
<!--
body,td,th {
color: #000;
}
body {
background-color: #7C2B1A;
}
a:link {
text-decoration: none;
}
a:visited {
text-decoration: none;
}
a:hover {
text-decoration: none;
}
a:active {
text-decoration: none;
}
-->
</style></head>
<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<!-- ImageReady Slices (Başlıksız-1.psd) -->
<table id="Tablo_01" width="801" height="601" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="3" rowspan="2">
<img src="images/Başlıksız-1_01.gif" width="89" height="106" alt=""></td>
<td colspan="12">
<a href="index.php">
<img src="images/Başlıksız-1_02.gif" width="647" height="99" border="0" alt=""></a></td>
<td colspan="4" rowspan="10">
<img src="images/Başlıksız-1_03.gif" width="64" height="187" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="99" alt=""></td>
</tr>
<tr>
<td colspan="12">
<img src="images/Başlıksız-1_04.gif" width="647" height="7" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="7" alt=""></td>
</tr>
<tr>
<td colspan="2" rowspan="7">
<img src="images/Başlıksız-1_05.gif" width="27" height="65" alt=""></td>
<td colspan="2" rowspan="5">
<a href="index.php">
<img src="images/Başlıksız-1_06.gif" width="168" height="36" border="0" alt=""></a></td>
<td colspan="5" rowspan="2">
<img src="images/Başlıksız-1_07.gif" width="374" height="8" alt=""></td>
<td rowspan="6">
<img src="images/Başlıksız-1_08.gif" width="5" height="43" alt=""></td>
<td colspan="5">
<img src="images/Başlıksız-1_09.gif" width="162" height="5" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="5" alt=""></td>
</tr>
<tr>
<td rowspan="6">
<img src="images/Başlıksız-1_10.gif" width="34" height="60" alt=""></td>
<td colspan="4" rowspan="3">
<a href="index.php?Git=İletişim">
<img src="images/Başlıksız-1_11.gif" width="128" height="24" border="0" alt=""></a></td>
<td>
<img src="images/spacer.gif" width="1" height="3" alt=""></td>
</tr>
<tr>
<td colspan="3">
<img src="images/Başlıksız-1_12.gif" width="92" height="2" alt=""></td>
<td rowspan="3">
<a href="index.php?Git=Dersler">
<img src="images/Başlıksız-1_13.gif" width="220" height="28" border="0" alt=""></a></td>
<td rowspan="5">
<img src="images/Başlıksız-1_14.gif" width="62" height="57" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="2" alt=""></td>
</tr>
<tr>
<td rowspan="4">
<img src="images/Başlıksız-1_15.gif" width="25" height="55" alt=""></td>
<td rowspan="3">
<img src="images/Başlıksız-1_16.gif" width="28" height="33" alt=""></td>
<td rowspan="4">
<img src="images/Başlıksız-1_17.gif" width="39" height="55" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="19" alt=""></td>
</tr>
<tr>
<td colspan="4" rowspan="4">
<img src="images/Başlıksız-1_18.gif" width="128" height="52" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="7" alt=""></td>
</tr>
<tr>
<td colspan="2" rowspan="2">
<img src="images/Başlıksız-1_19.gif" width="168" height="29" alt=""></td>
<td rowspan="2">
<img src="images/Başlıksız-1_20.gif" width="220" height="29" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="7" alt=""></td>
</tr>
<tr>
<td>
<img src="images/Başlıksız-1_21.gif" width="28" height="22" alt=""></td>
<td>
<img src="images/Başlıksız-1_22.gif" width="5" height="22" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="22" alt=""></td>
</tr>
<tr>
<td rowspan="10">
<img src="images/Başlıksız-1_23.gif" width="16" height="429" alt=""></td>
<td colspan="10" rowspan="8" valign="top">&nbsp;</td>
<td>
<img src="images/spacer.gif" width="1" height="16" alt=""></td>
</tr>
<tr>
<td rowspan="9">
<img src="images/Başlıksız-1_25.gif" width="5" height="413" alt=""></td>
<td colspan="5">
<a href="index.php?Git=Css Tasarım">
<img src="images/Başlıksız-1_26.gif" width="175" height="18" border="0" alt=""></a></td>
<td colspan="2" rowspan="6">
<img src="images/Başlıksız-1_27.gif" width="12" height="221" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="18" alt=""></td>
</tr>
<tr>
<td colspan="5">
<img src="images/Başlıksız-1_28.gif" width="175" height="21" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="21" alt=""></td>
</tr>
<tr>
<td rowspan="4">
<img src="images/Başlıksız-1_29.gif" width="7" height="182" alt=""></td>
<td colspan="2">
<a href="index.php?Git=Dersler">
<img src="images/Başlıksız-1_30.gif" width="116" height="17" border="0" alt=""></a></td>
<td colspan="2" rowspan="2">
<img src="images/Başlıksız-1_31.gif" width="52" height="33" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="17" alt=""></td>
</tr>
<tr>
<td colspan="2">
<img src="images/Başlıksız-1_32.gif" width="116" height="16" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="16" alt=""></td>
</tr>
<tr>
<td rowspan="2">
<img src="images/Başlıksız-1_33.gif" width="2" height="149" alt=""></td>
<td colspan="2">
<a href="index.php?Git=Hakkımda">
<img src="images/Başlıksız-1_34.gif" width="138" height="17" border="0" alt=""></a></td>
<td rowspan="2">
<img src="images/Başlıksız-1_35.gif" width="28" height="149" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="17" alt=""></td>
</tr>
<tr>
<td colspan="2">
<img src="images/Başlıksız-1_36.gif" width="138" height="132" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="132" alt=""></td>
</tr>
<tr>
<td colspan="6" rowspan="2">
<img src="images/Başlıksız-1_37.gif" width="180" height="175" alt=""></td>
<td rowspan="3">
<img src="images/Başlıksız-1_38.gif" width="7" height="192" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="171" alt=""></td>
</tr>
<tr>
<td colspan="10" rowspan="2">
<img src="images/Başlıksız-1_39.gif" width="592" height="21" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="4" alt=""></td>
</tr>
<tr>
<td colspan="6">
<img src="images/Başlıksız-1_40.gif" width="180" height="17" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="17" alt=""></td>
</tr>
<tr>
<td>
<img src="images/spacer.gif" width="16" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="11" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="62" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="106" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="25" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="28" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="39" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="220" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="62" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="5" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="34" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="5" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="7" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="2" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="114" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="24" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="28" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="5" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="7" height="1" alt=""></td>
<td></td>
</tr>
</table>
<!-- End ImageReady Slices -->
</body>
</html>
Mesaj09.05.2009, 10:22 (UTC)    
Mesaj konusu:

CSS KODU
<!--
body,td,th {
color: #000;
}
body {
background-color: #7C2B1A;
}
a:link {
text-decoration: none;
}
a:visited {
text-decoration: none;
}
a:hover {
text-decoration: none;
}
a:active {
text-decoration: none;
}
-->

TASARIMIN ÜZERİNDEKİ YAZI

<!-- ImageReady Slices (Başlıksız-1.psd) -->
<table id="Tablo_01" width="801" height="601" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="3" rowspan="2">
<img src="images/Başlıksız-1_01.gif" width="89" height="106" alt=""></td>
<td colspan="12">
<a href="index.php">
<img src="images/Başlıksız-1_02.gif" width="647" height="99" border="0" alt=""></a></td>
<td colspan="4" rowspan="10">
<img src="images/Başlıksız-1_03.gif" width="64" height="187" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="99" alt=""></td>
</tr>
<tr>
<td colspan="12">
<img src="images/Başlıksız-1_04.gif" width="647" height="7" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="7" alt=""></td>
</tr>
<tr>
<td colspan="2" rowspan="7">
<img src="images/Başlıksız-1_05.gif" width="27" height="65" alt=""></td>
<td colspan="2" rowspan="5">
<a href="index.php">
<img src="images/Başlıksız-1_06.gif" width="168" height="36" border="0" alt=""></a></td>
<td colspan="5" rowspan="2">
<img src="images/Başlıksız-1_07.gif" width="374" height="8" alt=""></td>
<td rowspan="6">
<img src="images/Başlıksız-1_08.gif" width="5" height="43" alt=""></td>
<td colspan="5">
<img src="images/Başlıksız-1_09.gif" width="162" height="5" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="5" alt=""></td>
</tr>
<tr>
<td rowspan="6">
<img src="images/Başlıksız-1_10.gif" width="34" height="60" alt=""></td>
<td colspan="4" rowspan="3">
<a href="index.php?Git=İletişim">
<img src="images/Başlıksız-1_11.gif" width="128" height="24" border="0" alt=""></a></td>
<td>
<img src="images/spacer.gif" width="1" height="3" alt=""></td>
</tr>
<tr>
<td colspan="3">
<img src="images/Başlıksız-1_12.gif" width="92" height="2" alt=""></td>
<td rowspan="3">
<a href="index.php?Git=Dersler">
<img src="images/Başlıksız-1_13.gif" width="220" height="28" border="0" alt=""></a></td>
<td rowspan="5">
<img src="images/Başlıksız-1_14.gif" width="62" height="57" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="2" alt=""></td>
</tr>
<tr>
<td rowspan="4">
<img src="images/Başlıksız-1_15.gif" width="25" height="55" alt=""></td>
<td rowspan="3">
<img src="images/Başlıksız-1_16.gif" width="28" height="33" alt=""></td>
<td rowspan="4">
<img src="images/Başlıksız-1_17.gif" width="39" height="55" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="19" alt=""></td>
</tr>
<tr>
<td colspan="4" rowspan="4">
<img src="images/Başlıksız-1_18.gif" width="128" height="52" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="7" alt=""></td>
</tr>
<tr>
<td colspan="2" rowspan="2">
<img src="images/Başlıksız-1_19.gif" width="168" height="29" alt=""></td>
<td rowspan="2">
<img src="images/Başlıksız-1_20.gif" width="220" height="29" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="7" alt=""></td>
</tr>
<tr>
<td>
<img src="images/Başlıksız-1_21.gif" width="28" height="22" alt=""></td>
<td>
<img src="images/Başlıksız-1_22.gif" width="5" height="22" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="22" alt=""></td>
</tr>
<tr>
<td rowspan="10">
<img src="images/Başlıksız-1_23.gif" width="16" height="429" alt=""></td>
<td colspan="10" rowspan="8" valign="top">&nbsp;</td>
<td>
<img src="images/spacer.gif" width="1" height="16" alt=""></td>
</tr>
<tr>
<td rowspan="9">
<img src="images/Başlıksız-1_25.gif" width="5" height="413" alt=""></td>
<td colspan="5">
<a href="index.php?Git=Css Tasarım">
<img src="images/Başlıksız-1_26.gif" width="175" height="18" border="0" alt=""></a></td>
<td colspan="2" rowspan="6">
<img src="images/Başlıksız-1_27.gif" width="12" height="221" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="18" alt=""></td>
</tr>
<tr>
<td colspan="5">
<img src="images/Başlıksız-1_28.gif" width="175" height="21" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="21" alt=""></td>
</tr>
<tr>
<td rowspan="4">
<img src="images/Başlıksız-1_29.gif" width="7" height="182" alt=""></td>
<td colspan="2">
<a href="index.php?Git=Dersler">
<img src="images/Başlıksız-1_30.gif" width="116" height="17" border="0" alt=""></a></td>
<td colspan="2" rowspan="2">
<img src="images/Başlıksız-1_31.gif" width="52" height="33" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="17" alt=""></td>
</tr>
<tr>
<td colspan="2">
<img src="images/Başlıksız-1_32.gif" width="116" height="16" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="16" alt=""></td>
</tr>
<tr>
<td rowspan="2">
<img src="images/Başlıksız-1_33.gif" width="2" height="149" alt=""></td>
<td colspan="2">
<a href="index.php?Git=Hakkımda">
<img src="images/Başlıksız-1_34.gif" width="138" height="17" border="0" alt=""></a></td>
<td rowspan="2">
<img src="images/Başlıksız-1_35.gif" width="28" height="149" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="17" alt=""></td>
</tr>
<tr>
<td colspan="2">
<img src="images/Başlıksız-1_36.gif" width="138" height="132" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="132" alt=""></td>
</tr>
<tr>
<td colspan="6" rowspan="2">
<img src="images/Başlıksız-1_37.gif" width="180" height="175" alt=""></td>
<td rowspan="3">
<img src="images/Başlıksız-1_38.gif" width="7" height="192" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="171" alt=""></td>
</tr>
<tr>
<td colspan="10" rowspan="2">
<img src="images/Başlıksız-1_39.gif" width="592" height="21" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="4" alt=""></td>
</tr>
<tr>
<td colspan="6">
<img src="images/Başlıksız-1_40.gif" width="180" height="17" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="17" alt=""></td>
</tr>
<tr>
<td>
<img src="images/spacer.gif" width="16" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="11" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="62" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="106" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="25" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="28" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="39" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="220" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="62" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="5" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="34" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="5" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="7" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="2" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="114" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="24" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="28" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="5" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="7" height="1" alt=""></td>
<td></td>
</tr>
</table>
<!-- End ImageReady Slices -->
______________
Önceki mesajları göster:   


Powered by phpBB © 2001, 2005 phpBB Group
Türkçe Çeviri: phpBB Türkiye & Erdem Çorapçıoğlu