kodlagitsin

tasarim20

TASARIM 20

KOD 20

Tasarimin Üzerine

Tasarimin 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://www.css-tasarimm.tr.gg"  _fcksavedurl="http://www.csstasarim-arsiv.tr.gg" title="Css Tasarim  Merkezi">Css Tasarim Merkezi</a></p>  	</div>  </div> </div>

Css Kod Bölümüne

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.CSS-TASARİMM.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(https://img.webme.com/pic/c/css-tasarimm/1-header.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; }

ANA MENÜ

CSS MENÜ

PHOTOSHOP MENÜ

DREAMWEAVER MENÜ

HTML MENÜ

İCON MENÜ

tasarim20