İş 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; }