Mehmet Ayhan Kişisel Sitesi

Mehmet Ayhan ilk Tablosuz tasarim

Arkadaşlar tablolu tasarımı bıraktım tablosuz (div li) tasarıma geçtim ve buda ilk tasarımım alın kullanın tavsiye edin.İlk divli tasarımım olduğu için biraz klasik oldu ama olsun.

Özellikleri:
Yapımcı : www.mayhann.tr.gg - Mehmet Ayhan
Tasarım Özellikleri -->

-->EN ÜSTTE KOCAMAN 966X102 LOGO
-->ÜST MENÜ - DİKEY )
-->SOL MENÜ - DİKEY
-->EN ALTTA 500X60 REKLAM
-->REKLAMIN YANINDA 300X60 BOYUTUNDA KÜÇÜK LOGO İSTERSENİZ BAŞKA BİR ŞEY OLARAKTA KULLANABİLİRSİNİZ.
-->TASARIMIN EN ALT SAĞ KISMINDA COPYRIGHT
Önizleme Resim : Tıkla ...
Demo : Tıkla ...

Tasarımın Üstü -->

<div id="sayfa">   <div id="ust"><a href="http://www.mayhann.tr.gg" _fcksavedurl="http://www.mayhann.tr.gg"><img src="http://forumazor.tk/ozel/yeni-tasarim/LOGO.png" _fcksavedurl="http://forumazor.tk/ozel/yeni-tasarim/LOGO.png" width="966" height="103" hspace="17" vspace="13"></a></div>   <div id="menu"><ul class="glossymenu"> 	<li class="current"><a href="http://mayhann.tr.gg" _fcksavedurl="http://mayhann.tr.gg"><b>Anasayfa</b></a></li> 	<li><a href="http://mayhann.tr.gg" _fcksavedurl="http://mayhann.tr.gg"><b>İletişim</b></a></li> 	<li><a href="http://mayhann.tr.gg" _fcksavedurl="http://mayhann.tr.gg"><b>Hakkımda</b></a></li>	 	<li><a href="http://mayhann.tr.gg" _fcksavedurl="http://mayhann.tr.gg"><b>Konuk Defteri</b></a></li>	 	<li><a href="http://mayhann.tr.gg" _fcksavedurl="http://mayhann.tr.gg"><b>Oyunlar</b></a></li>	 	<li><a href="http://mayhann.tr.gg" _fcksavedurl="http://mayhann.tr.gg"><b>Radyo</b></a></li>	 </ul> </div>   <div id="orta">     <div id="sol"><div id="ddblueblockmenu">  <div class="menutitle">Menu</div> <ul> <li><a href="http://mayhann.tr.gg" _fcksavedurl="http://mayhann.tr.gg">Anayafa</a></li> <li><a href="http://mayhann.tr.gg" _fcksavedurl="http://mayhann.tr.gg">İletişim</a></li> <li><a href="http://mayhann.tr.gg" _fcksavedurl="http://mayhann.tr.gg">E-okul</a></li> <li><a href="http://mayhann.tr.gg" _fcksavedurl="http://mayhann.tr.gg">Konuk Defteri</a></li> </ul>  <div class="menutitle">Link Takas</div> <ul> <li><a href="http://mayhann.tr.gg" _fcksavedurl="http://mayhann.tr.gg">Eklenecek</a></li> <li><a href="http://mayhann.tr.gg" _fcksavedurl="http://mayhann.tr.gg">Eklenecek</a></li> <li><a href="http://mayhann.tr.gg/" _fcksavedurl="http://mayhann.tr.gg/">Eklenecek</a></li> <li><a href="http://mayhann.tr.gg/" _fcksavedurl="http://mayhann.tr.gg/">Ekle lan isin ne</a></li> <li><a href="http://mayhann.tr.gg/" _fcksavedurl="http://mayhann.tr.gg/">Eklenecek</a></li> <li><a href="http://mayhann.tr.gg" _fcksavedurl="http://mayhann.tr.gg" style="border-bottom-color: black">Olum Baq Qit</a></li> </ul>  </div>  </div>     <div id="sag">

Tasarımın Altı -->

Css Kodu -->

body { 	margin-top: -8px; }    table {margin-left: auto;margin-right: auto}  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;}  #sayfa { 	height: auto; 	width: 1000px; 	margin-right: auto; 	margin-left: auto; 	margin-top: -18px; } #ust { 	background-image: url(http://forumazor.tk/ozel/yeni-tasarim/divl_01.png); 	height: 123px; 	width: 1000px; } #reklam-alani { 	height: 60px; 	width: 500px; 	margin-top: 19px; 	margin-left: 19px; 	float: left; } #kucuk-logo { 	float: left; 	height: 60px; 	width: 300px; 	margin-top: 19px; 	margin-left: 6px; } #ve-son { 	float: left; 	height: 60px; 	width: 148px; 	margin-top: 7px; 	margin-left: 6px; 	font-size: 15px; 	font-family: Candara; 	font-weight: bold; } #menu { 	background-image: url(http://forumazor.tk/ozel/yeni-tasarim/divl_02.png); 	height: 55px; 	width: 1000px; } #orta { 	background-image: url(http://forumazor.tk/ozel/yeni-tasarim/divl_03.png); 	height: auto; 	width: 1000px; } #alt { 	background-image: url(http://forumazor.tk/ozel/yeni-tasarim/divl_04.png); 	height: 98px; 	width: 1000px; } body { 	background-color: #E3D4F2; } .glossymenu{ 	position: relative; 	padding: 0 0 0 34px; 	margin: 0 auto 0 auto; 	background: url(media/menur_bg.gif) repeat-x; /*tab background image path*/ 	height: 46px; 	list-style: none; }  .glossymenu li{ 	float:left; }  .glossymenu li a{ 	float: left; 	display: block; 	color:#000; 	text-decoration: none; 	font-family: sans-serif; 	font-size: 13px; 	font-weight: bold; /*Padding to accomodate left tab image. Do not change*/ 	height: 46px; 	line-height: 46px; 	text-align: center; 	cursor: pointer; 	padding-top: 2; 	padding-right: 0; 	padding-bottom: 0; 	padding-left: 16px; }  .glossymenu li a b{ 	float: left; 	display: block; 	padding: 0 24px 0 8px; /*Padding of menu items*/ }  .glossymenu li.current a, .glossymenu li a:hover{ 	color: #FFF; 	background: url(media/menur_hover_left.gif) no-repeat; /*left tab image path*/ 	background-position: left; }  .glossymenu li.current a b, .glossymenu li a:hover b{ 	color: #06F; 	background: url(media/menur_hover_right.gif) no-repeat right top; /*right tab image path*/ } .arrowlistmenu{ width: 180px; /*width of menu*/ }  #ddblueblockmenu{ border: 1px solid black; border-bottom-width: 0; width: 209px; }  #ddblueblockmenu ul{ margin: 0; padding: 0; list-style-type: none; font: normal 90% 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif; }  #ddblueblockmenu li a{ display: block; padding: 3px 0; padding-left: 9px; width: 193px; /*185px minus all left/right paddings and margins*/ text-decoration: none; color: white; background-color: #2175bc; border-bottom: 1px solid #90bade; border-left: 7px solid #1958b7; }  * html #ddblueblockmenu li a{ /*IE only */ width: 111px; /*IE 5*/ width: 191px; /*185px minus all left/right paddings and margins*/ }  #ddblueblockmenu li a:hover { background-color: #2586d7; border-left-color: #1c64d1; }  #ddblueblockmenu div.menutitle{ color: white; border-bottom: 1px solid black; padding: 1px 0; padding-left: 5px; background-color: black; font: bold 90% 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif; } #sol { 	float: left; 	height: auto; 	width: 210px; 	margin-left: 17px; } #sag { 	float: left; 	height: auto; 	width: 550px; 	margin-left: 20px; 	margin-right: 20px; } #temiz { 	clear: left; }

Reklamlara tıklayın daha bir sürü gelir

Mehmet Ayhan ilk Tablosuz tasarim

Duyurular

Kategoriler

Webmaster

facebook'ta beni bul

Etiket Bulutu

Reklam

Mehmet Ayhan Kişisel Sitesi

Mehmet Ayhan ilk Tablosuz tasarim

Duyurular

Kategoriler

Webmaster

facebook'ta beni bul

Etiket Bulutu

Reklam