Mehmet Ayhan Kişisel Sitesi

mayhann kisisel tema div

Merhaba.Bu tasarım çalışmamda değişik birşey yapmak istedim ve yaptım.Tasarım 2. divli tasarımımdır ve tamamen divlidir.Pek şık olmayabilir bazılarına göre ama kişisel kullanıcılar için uygun bir temadır.Paylaşmak serbesttir ama kaynak belirtin.

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

-->Sol tarafta bir menü
-->Sol üstte bir logo 425x60 (değiştirilebilir resim)
-->Logonun sağında 430x50 reklam
-->Duyurular bölümü
-->Duyuruların üstünde yatay menü
-->En altta 2 tane 350x50 reklam

Önizleme Resim : Tıkla ...
Demo : Tıkla ...

Tasarımın Üstü -->

<div id="site">   <div id="bas-taraf">     <div id="logo"><a href="http://www.mayhann.tr.gg" _fcksavedurl="http://www.mayhann.tr.gg"><img src="http://imagestürk.com.nu/Kisisel-Tema/logo.png" _fcksavedurl="http://imagestürk.com.nu/Kisisel-Tema/logo.png" width="425" height="60" alt="Logo" /></a></div>     <div id="reklamust">       <div id="reklamust_"><a href="http://www.mayhann.tr.gg" _fcksavedurl="http://www.mayhann.tr.gg"><img src="http://imagestürk.com.nu/Kisisel-Tema/reklamust.gif" _fcksavedurl="http://imagestürk.com.nu/Kisisel-Tema/reklamust.gif" alt="Reklam uST" width="430" height="50"></a></div>          </div>     <div id="temizle"></div>     <div id="ustmenu"><ul class="glossymenu">           <li class="current"><a href="http://mayhann.tr.gg" _fcksavedurl="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" _fcksavedurl="http://mayhann.tr.gg"><b>İletişim</b></a></li>           <li><a href="http://mayhann.tr.gg" _fcksavedurl="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" _fcksavedurl="http://mayhann.tr.gg"><b>Konuk</b></a></li>           <li><a href="http://mayhann.tr.gg" _fcksavedurl="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" _fcksavedurl="http://mayhann.tr.gg"><b>Radyo</b></a></li>                </ul></div>         <div id="duyurular">Bu Tasarım www.mayhann.tr.gg tarafından yapılmıştır.</div>   </div>     <div id="orta">     <div id="solmenu"><div id="ddblueblockmenu">  <div class="menutitle">Anamenü</div> <ul> <a href="http://www.mayhann.tr.gg/" _fcksavedurl="http://www.mayhann.tr.gg/">Anasayfa</a> <a href="http://www.mayhann.tr.gg/iletisim.htm/" _fcksavedurl="http://www.mayhann.tr.gg/iletisim.htm/">İletişim</a> <a href="http://www.mayhann.tr.gg/guestbook.htm/" _fcksavedurl="http://www.mayhann.tr.gg/guestbook.htm/">Ziyaretçi Defteri</a> <a href="http://www.mayhann.tr.gg/about.htm/" _fcksavedurl="http://www.mayhann.tr.gg/about.htm/">Hakkımda</a> <a href="http://www.mayhann.tr.gg/tasarimlar.htm/" _fcksavedurl="http://www.mayhann.tr.gg/tasarimlar.htm/">Tasarımlar</a>  </ul></div></div>     <div id="icerik">

Tasarımın Altı -->

CSS Kodu -->

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;} #site { 	height: auto; 	width: 950px; 	margin-right: auto; 	margin-left: auto; } #bas-taraf { 	background-image: url(http://imagestürk.com.nu/Kisisel-Tema/cokliii_01.png); 	height: 236px; 	width: 950px; } #orta { 	background-image: url(http://imagestürk.com.nu/Kisisel-Tema/cokliii_02.png); 	height: auto; 	width: 950px; } #alt { 	background-image: url(http://imagestürk.com.nu/Kisisel-Tema/cokliii_03.png); 	height: 107px; 	width: 950px; } #logo { 	float: left; 	height: 60px; 	width: 425px; 	margin-top: 8px; 	margin-left: 24px; } #reklamust { 	float: left; 	height: 52px; 	width: 431px; 	margin-top: 12px; 	margin-left: 46px; 	background-color: #B1B1B1; } #reklamust_ { 	height: 50px; 	width: 430px; 	background-color: #F00; 	margin-top: 1px; 	margin-right: auto; 	margin-bottom: auto; 	margin-left: auto; } #temizle { 	clear: left; } #ustmenu { 	height: 39px; 	width: 925px; 	margin-left: 12px; 	margin-top: 20px; } .glossymenu{ 	position: relative; 	background: url(media/menur_bg.gif) repeat-x; /*tab background image path*/ 	height: 39px; 	list-style: none; 	margin-top: 0; 	margin-right: 5px; 	margin-bottom: 0; 	margin-left: 0px; 	padding-top: 0; 	padding-right: 0; 	padding-bottom: 0; 	padding-left: 0px; }  .glossymenu li{ float:left; } #duyurular { 	width: 720px; 	margin-left: 185px; 	margin-top: 19px; 	height: 22px; 	font-size: 18px; 	font-family: Arial, Helvetica, sans-serif; } #solmenu { 	float: left; 	height: auto; 	width: 160px; 	margin-left: 35px; } #icerik { 	float: left; 	margin-left: 55px; 	width: 650px; 	height: auto; } #sayac { 	width: 500px; 	margin-right: 75px; 	margin-left: 75px; } #iyicetemizle { 	clear: left; } .glossymenu li a{ 	float: left; 	display: block; 	color:#FFF; 	text-decoration: none; 	font-family: sans-serif; 	font-size: 13px; 	font-weight: bold; /*Padding to accomodate left tab image. Do not change*/ 	height: 39px; 	line-height: 39px; 	text-align: center; 	cursor: pointer; 	padding-top: 0px; 	padding-right: 0; 	padding-bottom: 0px; 	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: #0FF; 	background: url(media/menur_hover_right.gif) no-repeat right top; /*right tab image path*/ } #ddblueblockmenu{ 	border: 1px solid #606060; /*Main Border Color */ 	border-bottom-width: 0; 	width: 160px; } #solreklam { 	float: left; 	height: 50px; 	width: 350px; 	margin-top: 25px; 	margin-left: 40px; } #sagreklam { 	float: left; 	height: 50px; 	width: 350px; 	margin-top: 25px; 	margin-left: 170px; }  #ddblueblockmenu ul{ margin: 0; padding: 0; list-style-type: none; font: normal 90% 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif; }  #ddblueblockmenu a{ 	display: block; 	padding: 3px 0; 	padding-left: 9px; 	width: 145px; /*94% minus all left/right paddings and margins*/ 	text-decoration: none; 	color: #ffffff; /* Menu Font Color */ 	background-color: #2175bc; /*Menu background Color */ 	border-bottom: 1px solid #90bade; /*Bottom border color */ 	border-left: 7px solid #1958b7; /*Left border color */ 	list-style-type:none; }  * html #ddblueblockmenu a{ /*IE only */ width: 94%; /*IE 5*/ width: 94%; /*94% minus all left/right paddings and margins*/ }  #ddblueblockmenu a:hover { background-color: #2586d7; /*Menu background Color On Hover*/ border-left-color: #1c64d1; /*Left border color On Hover*/ }  #ddblueblockmenu div.menutitle{ 	color: #ffffff; /* Title Font Color */ 	border-bottom: 1px solid black; 	padding: 1px 0; 	padding-left: 5px; 	background-color: #606060;  /*Menu Tite Background Color*/ 	font: bold 90% 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif; } body { 	background-image: url(http://www.backgroundlabs.com/backgrounds/444.jpg); }

Bana tasarım isteklerinde bulunun ...

mayhann kisisel tema div

Duyurular

Kategoriler

Webmaster

facebook'ta beni bul

Etiket Bulutu

Reklam

Mehmet Ayhan Kişisel Sitesi

mayhann kisisel tema div

Duyurular

Kategoriler

Webmaster

facebook'ta beni bul

Etiket Bulutu

Reklam