tasarimcidost - renkli tasarim

renkli tasarim

Tasarımın Üzerindeki Yazıya

Tasarımın Altındaki Yazıya

</div>     <div id="yanalan">     <div id="h2">ANAMENU</div>       <ul>         <li><a href="#" _fcksavedurl="#">Buraya Menü</a></li>         <li><a href="#" _fcksavedurl="#">Buraya Menü</a></li>         <li><a href="#" _fcksavedurl="#">Buraya Menü</a></li>         <li><a href="#" _fcksavedurl="#">Buraya Menü</a></li>       </ul> <div id="h2">WEBMASTER</div>       <ul>         <li><a href="#" _fcksavedurl="#">Buraya Menü</a></li>         <li><a href="#" _fcksavedurl="#">Buraya Menü</a></li>         <li><a href="#" _fcksavedurl="#">Buraya Menü</a></li>         <li><a href="#" _fcksavedurl="#">Buraya Menü</a></li>       </ul> <div id="h2">EGLENCE</div>       <ul>         <li><a href="#" _fcksavedurl="#">Buraya Menü</a></li>         <li><a href="#" _fcksavedurl="#">Buraya Menü</a></li>         <li><a href="#" _fcksavedurl="#">Buraya Menü</a></li>         <li><a href="#" _fcksavedurl="#">Buraya Menü</a></li>       </ul>     </div>     <div id="icerik_temizleme"></div>   </div>   <div id="tasarimalti">     <div id="reklam_alani"><img src="https://img.webme.com/pic/k/komikcaps/kodcudostreklamalani.gif" _fcksavedurl="https://img.webme.com/pic/k/komikcaps/kodcudostreklamalani.gif" alt="Reklam" border="0" height="52" width="460"></div>   </div> </div> </body> </html>

Css Bölümüne

body { 	background-image: url(http://bglabs.evade.netdna-cdn.com/45875kli90/269.gif); } #tasarimbaslangic { 	width: 900px; 	margin-right: auto; 	margin-left: auto; } #menu ul { 	margin: 0px; 	padding: 0px; 	list-style-type: none; } #menu li { 	float: left; } #menu a { 	text-decoration: none; 	display: block; 	color: #00CC33; 	font-family: Arial, Helvetica, sans-serif; 	font-weight: bold; 	font-size: 14px; 	padding-right: 10px; 	padding-left: 10px; 	height: 23px; 	padding-top: 8px; } #menu a:hover { 	background-color: #F7DD05; 	color: #000000; } #tasarimustu { 	background-image: url(https://img.webme.com/pic/t/tasarimcidost/baslangictasarimi_01.png); 	height: 443px; } #tasarimortasi { 	background-image: url(https://img.webme.com/pic/t/tasarimcidost/baslangictasarimi_02.png); } #tasarimalti { 	background-image: url(https://img.webme.com/pic/t/tasarimcidost/baslangictasarimi_03.png); 	height: 163px; } #logo { 	float: left; 	height: 117px; 	width: 333px; 	margin-top: 25px; 	margin-left: 40px; } #reklamust { 	float: left; 	height: 53px; 	width: 460px; 	margin-left: 30px; 	margin-top: 83px; } #menu { 	float: left; 	width: 674px; 	margin-top: 9px; 	margin-left: 18px; 	height: 29px; } #h2 { background-color: #F7DD05; height:22px; font-weight:bold; font-family: 'Chicle', cursive; font-size:15px; padding-top:3px; padding-left:3px; } #arama { 	float: left; 	height: 29px; 	margin-left: 5px; 	width: 180px; 	margin-top: 10px; } #duyuru { 	float: left; 	width: 368px; 	margin-top: 68px; 	margin-left: 53px; 	height: 150px; } #yanalan ul { 	margin: 0px; 	padding: 0px; 	list-style-type: none; } #yanalan a { 	display: block; 	font-family: Verdana, Arial, Helvetica, sans-serif; 	font-weight: bold; 	color: #00CC33; 	text-decoration: none; 	font-size: 13px; 	padding: 2px; 	border-bottom:dashed 1px black; } #yanalan a:hover { 	color: #000000; 	background-color: #F7DD05; } #sonkonular { 	float: left; 	height: 150px; 	width: 368px; 	margin-top: 68px; 	margin-left: 45px; } #icerikalani { 	float: left; 	margin-left: 20px; 	width: 633px; } #yanalan { 	width: 205px; 	float: left; 	margin-left: 19px; } #icerik_temizleme { 	clear: left; } #reklam_alani { 	float: right; 	width: 460px; 	height: 52px; 	margin-top: 88px; 	margin-right: 35px; }  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;} A{text-decoration:none} body,td,th {   color: #000000; } a:visited { 	color: #000000; } a:hover { 	color: #000000; } a:active { 	color: #000000; }  table {margin-left: auto;margin-right: auto}