en-iyi-kodlarburada - css tasarımları

css tasarımları

TASARIM ÜSTÜ:

TASARIM ALTI:

CSS KODU:

SAYDAM TASARIM V1

TASARIM ÜSTÜ:

TASARIM ALTI:

CSS KODU:

KİŞİSEL TASARIM

TASARIM ÜSTÜ:

<body> <table width="1024" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td><img src="https://img.webme.com/pic/t/tasarim-dunya/kisiseltas_01.png" width="1024" height="145" /></td> </tr> <tr> <td height="530" valign="top" background="https://img.webme.com/pic/t/tasarim-dunya/kisiseltas_02.png">  <table width="1024" height="488" border="0" cellpadding="0" cellspacing="0"> <tr> <td width="10"> </td> <td width="293" valign="top"><p> </p> <p> </p> <p align="center">Buraya Menu </p></td> <td width="10"> </td> <td width="698" valign="top"><div align="right"> <p> <div id="content">

TASARIM ALTI:

</p></td> <td width="13"> </td> </tr> </table></td> </tr> <tr> <td><img src="https://img.webme.com/pic/t/tasarim-dunya/kisiseltas_03.png" width="1024" height="95" /></td> </tr> </table> </body> </html>

CSS KODU:

h1#title{display: none;} h2#title span {display: none;} div.header{display: none;} li.nav_element{list-style-type: none;} li.nav_element{display: none;} body { background-image: url(http://www.backgroundlabs.com/backgrounds/278.jpg); } .style1 { color: #999999; font-weight: bold; } body,td,th { color: #000000; } a:link { color: #000000; text-decoration: none; } a:visited { text-decoration: none; color: #000000; } a:hover { text-decoration: none; color: #FFFFFF; } a:active { text-decoration: none; color: #FFFFFF; } a { font-weight: bold; }

RENK GEÇİŞLİ TASARIM

TASARIM ÜSTÜ:

<body> <table width="1152" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td><img src="https://img.webme.com/pic/t/tasarim-dunya/gecislitas_01.png" width="1152" height="173" border="0" usemap="#Map" /></td> </tr> <tr> <td height="515" valign="top" background="https://img.webme.com/pic/t/tasarim-dunya/gecislitas_02.png"> <table width="1152" height="493" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td width="8"> </td> <td width="10"> </td> <td width="1109"><div align="center"><div id="content"> <map name="Map" id="Map"><area shape="rect" coords="386,64,572,112" href="#url" /> <area shape="rect" coords="614,60,780,112" href="#url" /> <area shape="rect" coords="832,63,1006,111" href="#url" /> <area shape="rect" coords="1060,61,1123,108" href="#url" /> </map></body> </html>

TASARIM ALTI:

</div></td> <td width="9"> </td> <td width="16"> </td> </tr> </table></td> </tr> <tr> <td><img src="https://img.webme.com/pic/t/tasarim-dunya/gecislitas_03.png" width="1152" height="174" /></td> </tr> </table>

CSS KODU:

h1#title{display: none;} h2#title span {display: none;} div.header{display: none;} li.nav_element{list-style-type: none;} li.nav_element{display: none;} body { background-image: url(http://www.backgroundlabs.com/backgrounds/278.jpg); } .style1 { color: #999999; font-weight: bold; } body,td,th { color: #000000; } a:link { color: #000000; text-decoration: none; } a:visited { text-decoration: none; color: #000000; } a:hover { text-decoration: none; color: #FFFFFF; } a:active { text-decoration: none; color: #FFFFFF; } a { font-weight: bold; }

YEŞİL TASARIM V1

TASARIM ÜSTÜ:

<body> <table width="900" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td height="202" background="https://img.webme.com/pic/t/tasarim-dunya/ysltas_01.png"> <p> </p> <p> </p> <p align="center"> </p> <p align="center">buraya duyuruları yaz </p></td> </tr> <tr> <td height="491" valign="top" background="https://img.webme.com/pic/t/tasarim-dunya/ysltas_02.png"> <table width="900" height="471" border="0" cellpadding="0" cellspacing="0"> <tr> <td width="9"> </td> <td width="10"> </td> <td width="864" valign="top"><div align="center"> <p> </p> <p><div id="content"> <map name="Map" id="Map"><area shape="rect" coords="320,135,884,190" href="http://tasarim-dunya.tr.gg" /> </map> <map name="Map2"><area shape="rect" coords="320,136,877,188" href="http://tasarim-dunya.tr.gg"> <area shape="rect" coords="10,51,200,110" href="#url"> <area shape="rect" coords="205,56,329,104" href="#url"> <area shape="rect" coords="340,59,496,105" href="#url"> <area shape="rect" coords="500,58,719,105" href="#url"> <area shape="rect" coords="725,58,881,103" href="#url"> </map></body> </html>

TASARIM ALTI:

</p> </div></td> <td width="10"> </td> <td width="13"> </td> </tr> </table></td> </tr> <tr> <td><img src="https://img.webme.com/pic/t/tasarim-dunya/ysltas_03.png" width="900" height="209" border="0" usemap="#Map2" /></td> </tr> </table>

CSS KODU:

h1#title{display: none;} h2#title span {display: none;} div.header{display: none;} li.nav_element{list-style-type: none;} li.nav_element{display: none;} body { background-image: url(http://www.backgroundlabs.com/backgrounds/278.jpg); } .style1 { color: #999999; font-weight: bold; } body,td,th { color: #000000; } a:link { color: #000000; text-decoration: none; } a:visited { text-decoration: none; color: #000000; } a:hover { text-decoration: none; color: #FFFFFF; } a:active { text-decoration: none; color: #FFFFFF; } a { font-weight: bold; }

GELİŞMİŞ TASARIM

TASARIM ÜSTÜ:

TASARIM ALTI:

CSS KODU:

ÇOK RENKLİ TASARIM

TASARIM ÜSTÜ:

TASARIM ALTI:

CSS KODU:

ÇERÇEVELİ TASARIM

TASARIM ÜSTÜ:
<table width="1024" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td><img src="https://img.webme.com/pic/t/tasarim-dunya/guzelmtas_01.png" width="1024" height="213"></td> </tr> <tr> <td height="376" valign="top" background="https://img.webme.com/pic/t/tasarim-dunya/guzelmtas_02.png">  <table width="1024" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="92" height="357"> </td> <td width="231" valign="top"><div align="center">buraya menu </div></td> <td width="589" valign="top"><div align="center"><div id="content"> <map name="Map"><area shape="rect" coords="296,55,685,99" href="http://tasarim-dunya.tr.gg"> </map>

TASARIM ALTI:

</div></td> <td width="112"> </td> </tr> </table></td> </tr> <tr> <td><img src="https://img.webme.com/pic/t/tasarim-dunya/guzelmtas_03.png" width="1024" height="179" border="0" usemap="#Map"></td> </tr> </table>

CSS KODU:

h1#title{display: none;} h2#title span {display: none;} div.header{display: none;} li.nav_element{list-style-type: none;} li.nav_element{display: none;} style1 {font-size: 18px} body,td,th { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; } body { background-color: #000000; background-image: url(http://www.backgroundlabs.com/backgrounds/50.gif); } a { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #FF0000; } a:link { text-decoration: none; } a:visited { text-decoration: none; color: #FF0000; } a:hover { text-decoration: none; color: #FF0000; } a:active { text-decoration: none; color: #FF0000; }