Html Tasarým Adresi

iş tm

İş Tasarımı

Tasarımın Üstüne

Tasarımın Altına

</div>
<div id="left"> <h3>MENÜ</h3> <ul>
<li><ul> <li><a href="#" _fcksavedurl="#">Ana
Sayfa</a></li> <li><a href="#"
_fcksavedurl="#">İletişim</a></li> <li><a
href="#" _fcksavedurl="#">Ziyaretci Defteri</a></li>
<li><a href="#"
_fcksavedurl="#">Toplist</a></li> <li><a
href="#" _fcksavedurl="#">Link Ekle</a></li>
<li><a href="#" _fcksavedurl="#">Dost
Siteler</a></li> </ul> </li> </ul>
<h3>Takvim</h3> <ul> <li id="calendar"> <div
id="calendar1"> <table id="calendar2" summary="Calendar">
<caption> January 2008 </caption> <thead> <tr>
<th abbr="Monday" scope="col" title="Monday">M</th> <th
abbr="Tuesday" scope="col" title="Tuesday">T</th> <th
abbr="Wednesday" scope="col" title="Wednesday">W</th> <th
abbr="Thursday" scope="col" title="Thursday">T</th> <th
abbr="Friday" scope="col" title="Friday">F</th> <th
abbr="Saturday" scope="col" title="Saturday">S</th> <th
abbr="Sunday" scope="col" title="Sunday">S</th> </tr>
</thead> <tfoot> <tr> <td abbr="Des" colspan="3"
id="prev"><a href="#" _fcksavedurl="#">«
Des</a></td> <td class="pad"> </td> <td
abbr="Feb" colspan="3" id="next" class="pad"><a href="#"
_fcksavedurl="#">Feb »</a></td> </tr>
</tfoot> <tbody> <tr> <td colspan="2"
class="pad"> </td> <td>1</td>
<td>2</td> <td>3</td> <td>4</td>
<td>5</td> </tr> <tr> <td>6</td>
<td>7</td> <td>8</td> <td>9</td>
<td>10</td> <td>11</td> <td>12</td>
</tr> <tr> <td>13</td> <td>14</td>
<td>15</td> <td>16</td> <td>17</td>
<td>18</td> <td>19</td> </tr> <tr>
<td>20</td> <td id="now">21</td>
<td>22</td> <td>23</td> <td>24</td>
<td>25</td> <td>26</td> </tr> <tr>
<td>27</td> <td>28</td> <td>29</td>
<td>30</td> <td>31</td> <td class="pad"
colspan="2"> </td> </tr> </tbody> </table>
</div> </li> </ul> <h3>Site Hakkında</h3>
<p>Buraya Siteniz Hakkında Bilgi Verebilirsiniz...</p>
<br /> </div>    </div> <div
id="footer"> <p>Copyright © 2008. Designed by <a
href="http://fullkodekle.tr.gg"
_fcksavedurl="http://www.css-tasarimm.tr.gg" title="En iyi kod
sitesi">Kod merkezi</a></p> </div> </div>
</div>

CSS Koduna

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;}
/* Design by WWW.FULLKODEKLE.TR.GG */ * { margin: 0px; padding: 0px; }
a:link { color: #A5A9B2; } a:hover { text-decoration: none; color:
#FF0000; } a:visited { color: #A5A9B2; } body { background: #ffffff
url(https://img.webme.com/pic/c/css-tasarimm/1-back_all.gif) repeat-x;
font: 13px Tahoma, Verdana, Arial, Helvetica, sans-serif; color:
#666666; } #contentt { margin: 0 auto; background: #ffffff; width:
742px; text-align: left; } #back { background: #ffffff; width: 742px; }
#header { height: 406px; text-align: left; } #menu1 { width: 702px;
height: 152px; padding-left: 40px; } #menu ul { list-style: none; }
#menu li { display: inline; } #menu a { float: left; width: 79px;
height: 32px; display: block; text-align: center; text-decoration:
none; color: #000000; font-weight: bold; font-size: 12px;
text-transform: uppercase; } #menu a:hover { width: 79px; height: 32px;
color: #004586; text-decoration: underline; } #button1 a { background:
url(https://img.webme.com/pic/c/css-tasarimm/1-button1.jpg) no-repeat;
height: 24px; width: 124px; padding-top: 120px; } #button1 a:hover {
background:
url(https://img.webme.com/pic/c/css-tasarimm/1-button1_r.jpg) no-repeat;
height: 24px; width: 124px; } #button2 a { background:
url(https://img.webme.com/pic/c/css-tasarimm/1-button2.jpg) no-repeat;
height: 24px; width: 124px; padding-top: 120px; } #button2 a:hover {
background:
url(https://img.webme.com/pic/c/css-tasarimm/1-button2_r.jpg) no-repeat;
height: 24px; width: 124px; } #button3 a { background:
url(https://img.webme.com/pic/c/css-tasarimm/1-button3.jpg) no-repeat;
height: 24px; width: 124px; padding-top: 120px; } #button3 a:hover {
background:
url(https://img.webme.com/pic/c/css-tasarimm/1-button3_r.jpg) no-repeat;
height: 24px; width: 124px; } #button4 a { background:
url(https://img.webme.com/pic/c/css-tasarimm/1-button4.jpg) no-repeat;
height: 24px; width: 124px; padding-top: 120px; } #button4 a:hover {
background:
url(https://img.webme.com/pic/c/css-tasarimm/1-button4_r.jpg) no-repeat;
height: 24px; width: 124px; } #button5 a { background:
url(https://img.webme.com/pic/c/css-tasarimm/1-button5.jpg) no-repeat;
height: 24px; width: 124px; padding-top: 120px; } #button5 a:hover {
background:
url(https://img.webme.com/pic/c/css-tasarimm/1-button5_r.jpg) no-repeat;
height: 24px; width: 124px; } #logo { background:
url(http://www.ww64.com/uploads/images/2009-01-11/GaojLxnp2u.jpg)
no-repeat; width: 722px; height: 234px; text-align: left; padding-left:
20px; padding-top: 10px; } #logo a { text-decoration: none;
text-transform: lowercase; font-style: italic; font-size: 18px; color:
#000000; } #logo H2 a { font-size: 12px; } #left { width: 266px; }
#left H3 { width: 241px; height: 47px; font-size: 14px; font-weight:
bold; padding-left: 25px; padding-top: 15px; text-transform: uppercase;
color: #000000; background:
url(https://img.webme.com/pic/c/css-tasarimm/1-title.gif) repeat-x }
#left ul { list-style: none; } #left li ul { border: 0px; margin-left:
20px; margin-bottom: 10px; } #left li li { padding: 4px 20px;
background: url(https://img.webme.com/pic/c/css-tasarimm/1-small.gif)
no-repeat left; } #left a { color: #A5A9B2; } #left a:visited { color:
#A5A9B2; } #left p { padding: 10px; } #calendar1 { padding: 0 10px 20px
10px; } #calendar table { width: 100%; text-align: center; } #calendar
thead { } #calendar tbody td { border: 1px solid #F1F1F1; } #calendar
#prev { text-align: left; } #calendar #next { text-align: right; }
#calendar tfoot a { text-decoration: none; font-weight: bold; }
#calendar #now { background: #696969; border: 1px solid #ff0000;
font-weight: bold; color: #ffffff } #right { float: right; width:
450px; padding-right: 10px; } #right H4 { margin: 0; padding: 0px;
font-size: 12px; color: #C5C5C5; } #right a { color: #A5A9B2;
text-decoration: none; } #right p { margin: 0; padding: 0;
padding-bottom: 10px; } #right h2 { margin: 0; padding: 0; padding-top:
10px; color: #C5C5C5; } .date { text-align: right; color: #808080;
font-size: 11px; } .date a { color: #D72020; } #footer { height: 29px;
clear: both; padding-top: 50px; background:
url(https://img.webme.com/pic/c/css-tasarimm/1-footer.gif) repeat-x
bottom; } #footer p { margin: 0; font-size: 10px; text-align: center;
color: #ffffff; } #footer a { color: #ffffff; }

1 - Çok Kötü	0
2 - Kötü
3 - Orta
4 - Güzel	1
5 -Çok Güzel	5