Tasarimkurdu | Tasarımın Kalbi

css tasarimlar eski

İstek Tasarımlar:
Burada Sizlerden Gelen Tasarım isteklerinin Kodlarını Paylasacagız...

Önizleme:

Tasarımın Üstü :

margin-right: auto;
	margin-left: auto;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: dashed;
	border-right-style: dashed;
	border-left-style: dashed;
	border-top-color: #999;
	border-right-color: #999;
	border-left-color: #999;
}
#main ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
#main ul li a {
	height: 20px;
	width: 196px;
	display: block;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #999;
	background-color: #FFF;
	font-family: Tahoma;
	font-size: 14px;
	color: #06C;
	text-decoration: none;
	text-align: left;
	text-indent: 4px;
	font-weight: bold;
	cursor: pointer;
}
#main ul li a:hover {
	background-color: #06C;
	color: #FFF;
	text-indent: 8px;
	width: 198px;
}
.header {
	margin: 2px;
	height: 20px;
	width: 194px;
	text-align: center;
	font-family: Georgia;
	font-size: 16px;
	color: #FFF;
	text-decoration: none;
	background-color: #06C;
	font-weight: bold;
}
--> </style> <div id="main"> <div class="header">Menu</div>   <ul>     <li><a href="#" _fcksavedurl="#" >Anasayfa</a></li>  <li><a href="#" _fcksavedurl="#">Link Adı</a></li>    <li><a href="#" _fcksavedurl="#">Link Adı</a></li>   <li><a href="#" _fcksavedurl="#">Link Adı</a></li>   <li><a href="#" _fcksavedurl="#">Link Adı</a></li>   <li><a href="#" _fcksavedurl="#">Link Adı</a></li>   <li><a href="#" _fcksavedurl="#">Link Adı</a></li>   <li><a href="#" _fcksavedurl="#">Link Adı</a></li>    <li><a href="#" _fcksavedurl="#">Link Adı</a></li>   <li><a href="#" _fcksavedurl="#">Link Adı</a></li>   <li><a href="#" _fcksavedurl="#">Link Adı</a></li>   <li><a href="#" _fcksavedurl="#">Link Adı</a></li>   <li><a href="#" _fcksavedurl="#">Link Adı</a></li>   <li><a href="#" _fcksavedurl="#">Link Adı</a></li>   <li><a href="#" _fcksavedurl="#">Link Adı</a></li>   <li><a href="#" _fcksavedurl="#">Link Adı</a></li>   <li><a href="#" _fcksavedurl="#">Link Adı</a></li>   <li><a href="#" _fcksavedurl="#">Link Adı</a></li>   <li><a href="#" _fcksavedurl="#">Link Adı</a></li>   <li><a href="#" _fcksavedurl="#">Link Adı</a></li>    </ul> </div><br /> Menü   </div> <div id="icerik"> <div style="text-align: center;"></div>

Tasarımın Altı :

Css:

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;} body { 	margin:0; 	padding:0; 	width:100%; 	color:#000000; 	font:normal 13px/1.8em Arial, Helvetica, sans-serif; 	background:#538136 url(https://img.webme.com/pic/t/tasarimkurdu/arkafon.jpg) fixed top center; } html, .main { 	padding:0; 	margin:0; } .main { } .clr { 	clear:both; 	padding:0; 	margin:0; 	width:100%; 	font-size:0; 	line-height:0; } .logo { 	margin:0; 	padding:0; 	float:left; 	width:auto; } h1 { 	margin:0; 	padding:36px 0 36px 40px; 	color:#feffff; 	font:bold 40px/1.2em Arial, Helvetica, sans-serif; 	letter-spacing:-2px; } h1 a, h1 a:hover { 	color:#feffff; 	text-decoration:none; } h1 small { 	display:block; 	padding-left:80px; 	font:normal 12px/1.2em Arial, Helvetica, sans-serif; 	color:#edf3f6; 	letter-spacing:normal; } h2 { 	font:normal 24px/1.5em Arial, Helvetica, sans-serif; 	padding:8px 0; 	margin:8px 0; 	color:#323a3f; } p { 	margin:8px 0; 	padding:0 0 8px 0; 	font:normal 12px/1.8em Arial, Helvetica, sans-serif; } p.spec { 	text-align:left; } a { 	color:#0E16F0; 	text-decoration:underline; } a.com { }    #tasarim {  margin-left: auto; margin-right: auto; width: 828px; margin-top: -20px; padding-top: 20px; padding-bottom: 20px; padding-left:20px; padding-right: 20px; }  .logo{  border: 0px solid #ffffff; margin-top: 10px; margin-left: ; }    a { 			font-size: 13px; 			color:#009cff; 			text-decoration: none;   		} 		a:visited { 			font-size: 12px; 			text-decoration: none; 		} 		a:hover { 			font-size: 13px;                              color:#39DB47; 			text-decoration: crosses the cut; 		}    #ust{ border: px solid #000000;-moz-border-radius: 10px  10px   10px   10px ;  height: 90px; border: px solid #000000;  background:  #ffffff;url(http://banner.logomatik.net/banners/3420478969346732.png) repeat; padding-top: 0px; padding-left: 0px;   /* for IE */ filter:alpha(opacity=60); /* CSS3 standard */ opacity:0.6; }       #menu{  width:828px; height: auto;   margin-top: 5px;  background: #ffffff; url() repeat;   border: px solid #000000;-moz-border-radius: 10px  10px   10px   10px ;  /* for IE */ filter:alpha(opacity=50); /* CSS3 standard */ opacity:0.5; }      #icerik{    border: px dotted #005EFF; -moz-border-radius: 10px  10px   10px   10px ; possition: fixed; margin-top: -2px; width: 620px; margin-left: 205px; height: auto; border: px solid #000000; background:#ffffff url(https://img.webme.com/pic/t/turk-rap-fm/silme.bmp) no-repeat bottom right;   /* for IE */ filter:alpha(opacity=50); /* CSS3 standard */ opacity:0.5;  }    .yanmenu  {   border: px dotted #005EFF; -moz-border-radius: 10px  10px  10px  10px ; float: left; width:203px; height: auto; border: px solid #000000; margin-top: 5px;  background: #ffffff;  url(http://vislab-ccom.unh.edu/~schwehr/photoRealVR/background.gif) repeat;   /* for IE */ filter:alpha(opacity=60); /* CSS3 standard */ opacity:0.6;  }      #alt{   border: px solid #000000; -moz-border-radius: 10px  10px   10px   10px ;  width: 620px; margin-left: 203px; height: auto;  margin-top: 6px; background:  #ffffff; url(http://vislab-ccom.unh.edu/~schwehr/photoRealVR/background.gif) repeat;  /* for IE */ filter:alpha(opacity=60); /* CSS3 standard */ opacity:0.6;  }    #webme_footer_textlink_dont_hide { margin-top:105px; color: grey; background-color: white; }

Önizle :

Tasarımın Üstü:

Tasarımın Altı :

</div> 	<div id="columnB"> 		<h2>Recent Updates</h2> 		<p><strong>[06/09/2006]</strong> Etiam odio mi, suscipit et, rhoncus ac, lacinia, nisl. Aliquam gravida massa eu arcu. <a href="#" _fcksavedurl="#">More…</a></p>  		<p><strong>[06/06/2006]</strong> Fusce mollis tristique sem. Sed eu eros imperdiet eros interdum blandit. Vivamus sagittis bibendum erat. Curabitur malesuada. <a href="#" _fcksavedurl="#">More…</a></p> 		<p><strong>[06/03/2006]</strong> Nunc pellentesque. Sed vestibulum blandit nisl. Quisque elementum convallis purus. Suspendisse potenti. Donec nulla est, laoreet quis, pellentesque in. <a href="#" _fcksavedurl="#">More…</a></p> 		<h2>Ipsum Dolorem</h2> 		<ul>  			<li><a href="#" _fcksavedurl="#">Sagittis Bibendum Erat</a></li> 			<li><a href="#" _fcksavedurl="#">Malesuada Turpis</a></li> 			<li><a href="#" _fcksavedurl="#">Quis Gravida Massa</a></li> 			<li><a href="#" _fcksavedurl="#">Inerat Viverra Ornare</a></li> 		</ul> 	</div> 	<div style="clear: both;"> </div>  </div> <div id="footer"> 	<p>Copyright © 2006 Sitename.com. Designed by <a href="http://www.freecsstemplates.org" _fcksavedurl="http://www.freecsstemplates.org" class="link1">Free CSS Templates</a></p> </div>

Css:

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;}  body { 	margin: 0; 	padding: 0; 	background: #C6EDFD url(https://img.webme.com/pic/w/websiteniyaristir/img01.gif) repeat left top; 	font: normal small "Trebuchet MS", Arial, Helvetica, sans-serif; 	color: #266382; 	text-align: justify; }  h1, h2, h3, h4, h5, h6 { 	margin-top: 0; 	padding-top: 0; 	color: #008BD1; }  a { 	color: #008BD1; }  a:hover { 	text-decoration: none; }  /** HEADER */  #header { 	width: 700px; 	height: 80px; 	margin: 0 auto; 	background: url(https://img.webme.com/pic/w/websiteniyaristir/img02.gif) no-repeat left top; }  #header h1 { 	margin: 0; 	padding: 30px 0 0 20px; 	text-transform: lowercase; 	font-size: 36px; 	font-style: italic; 	letter-spacing: -2px; 	color: #FFFFFF; }  #header h2 { 	display: none; }  /** MENU */  #menu { 	width: 680px; 	margin: -2.5em auto 2em auto; }  #menu ul { 	margin: 0; 	padding: 0; 	list-style: none; 	text-align: right; }  #menu li { 	display: inline; }  #menu a { 	padding: 0 10px; 	font-weight: bold; 	color: #FFFFFF; }  #menu a:hover { }  #menu .first a { 	border: none; }  /** CONTENT */  #content { 	width: 700px; 	margin: 0 auto 1em auto; 	background: #FFFFFF url(https://img.webme.com/pic/w/websiteniyaristir/img05.gif) no-repeat left bottom; }  #content * { 	line-height: 140%; }  #columnA { 	float: left; 	width: 430px; 	padding: 25px 20px 0 30px; 	background: url(https://img.webme.com/pic/w/websiteniyaristir/img03.gif) no-repeat left top; }  #columnB { 	float: right; 	width: 190px; 	padding: 25px 20px 0 10px; 	background: url(https://img.webme.com/pic/w/websiteniyaristir/img04.gif) no-repeat right top; }  /** FOOTER */  #footer { 	width: 700px; 	height: 30px; 	margin: 0 auto; 	padding-bottom: 20px; 	background: url(https://img.webme.com/pic/w/websiteniyaristir/img06.gif) no-repeat left top; }  #footer p { 	margin: 0px 0px 0px 0px; 	padding: .8em 0 0 0; 	text-align: center; 	font: bold x-small Arial, Helvetica, sans-serif; 	color: #FFFFFF; }

Önizlme :

Tasarımın Üstü:

margin-right: auto;
	margin-left: auto;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: dashed;
	border-right-style: dashed;
	border-left-style: dashed;
	border-top-color: #999;
	border-right-color: #999;
	border-left-color: #999;
}
#main ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
#main ul li a {
	height: 20px;
	width: 196px;
	display: block;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #999;
	background-color: #FFF;
	font-family: Tahoma;
	font-size: 14px;
	color: #06C;
	text-decoration: none;
	text-align: left;
	text-indent: 4px;
	font-weight: bold;
	cursor: pointer;
}
#main ul li a:hover {
	background-color: #06C;
	color: #FFF;
	text-indent: 8px;
	width: 198px;
}
.header {
	margin: 2px;
	height: 20px;
	width: 194px;
	text-align: center;
	font-family: Georgia;
	font-size: 16px;
	color: #FFF;
	text-decoration: none;
	background-color: #06C;
	font-weight: bold;
}
--> </style> <div id="main"> <div class="header">Menu</div>   <ul>     <li><a href="#" _fcksavedurl="#" target="_blank">Anasayfa</a></li>  <li><a href="#" _fcksavedurl="#" target="_blank">Link Adı</a></li> <li><a href="#" _fcksavedurl="#" target="_blank">Link Adı</a></li> <li><a href="#" _fcksavedurl="#" target="_blank">Link Adı</a></li> <li><a href="#" _fcksavedurl="#" target="_blank">Link Adı</a></li> <li><a href="#" _fcksavedurl="#" target="_blank">Link Adı</a></li> <li><a href="#" _fcksavedurl="#" target="_blank">Link Adı</a></li> <li><a href="#" _fcksavedurl="#" target="_blank">Link Adı</a></li> <li><a href="#" _fcksavedurl="#" target="_blank">Link Adı</a></li> <li><a href="#" _fcksavedurl="#" target="_blank">Link Adı</a></li> <li><a href="#" _fcksavedurl="#" target="_blank">Link Adı</a></li> <li><a href="#" _fcksavedurl="#" target="_blank">Link Adı</a></li> <li><a href="#" _fcksavedurl="#" target="_blank">Link Adı</a></li> <li><a href="#" _fcksavedurl="#" target="_blank">Link Adı</a></li> <li><a href="#" _fcksavedurl="#" target="_blank">Link Adı</a></li> <li><a href="#" _fcksavedurl="#" target="_blank">Link Adı</a></li> <li><a href="#" _fcksavedurl="#" target="_blank">Link Adı</a></li> <li><a href="#" _fcksavedurl="#" target="_blank">Link Adı</a></li> <li><a href="#" _fcksavedurl="#" target="_blank">Link Adı</a></li> <li><a href="#" _fcksavedurl="#" target="_blank">Link Adı</a></li> <li><a href="#" _fcksavedurl="#" target="_blank">Link Adı</a></li> <li><a href="#" _fcksavedurl="#" target="_blank">Link Adı</a></li> <li><a href="#" _fcksavedurl="#" target="_blank">Link Adı</a></li> <li><a href="#" _fcksavedurl="#" target="_blank">Link Adı</a></li> <li><a href="#" _fcksavedurl="#" target="_blank">Link Adı</a></li> <li><a href="#" _fcksavedurl="#" target="_blank">Link Adı</a></li>   </ul> </div><br /> Menü   </div> <div id="icerik"> <div style="text-align: center;"><img border="0" alt="" src="https://img.webme.com/pic/t/turk-rap-fm/konu.png" _fcksavedurl="https://img.webme.com/pic/t/turk-rap-fm/konu.png" /></div>

Tasarımın Altı:

Css:

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;}   #mainmenu {  width: 728px; 	background: #FFFFFF; }    .glossymenu { 	position: relative; 	padding: 0 0 0 34px; 	margin: 0 auto 0 auto; 	background: url(http://cdn.templatemo.com/images/menub_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: "Trebuchet MS", Verdana, Arial; 	font-size: 12px; 	font-weight: bold; 	padding:0 0 0 16px; /*Padding to accomodate left tab image. Do not change*/ 	height: 46px; 	line-height: 46px; 	text-align: center; 	cursor: pointer;	 } .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(http://cdn.templatemo.com/images/menub_hover_left.gif) no-repeat; /*left tab image path*/ 	background-position: left; } .glossymenu li.current a b, .glossymenu li a:hover b { 	color: #fff; 	background: url(http://cdn.templatemo.com/images/menub_hover_right.gif) no-repeat right top; /*right tab image path*/ }  .vaco_content { 	float: left; 	margin: 10px 4px 4px 10px; 	padding: 4px; 	width: 142px; 	height: 107px; 	background: #F8F8F8; 	border: 1px solid #CCC; 	overflow: hidden; } .vaco_content img { width: 140px; height: 105px; border: 1px solid #ccc }  -->  			<!-- 						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;} body { 	margin:0; 	padding:0; 	width:100%; 	color:#000000; 	font:normal 13px/1.8em Arial, Helvetica, sans-serif; 	background:#538136 url(http://safelegalfiles.com/app_safelegalfiles/public/skins/main/background.gif) fixed; } html, .main { 	padding:0; 	margin:0; } .main { } .clr { 	clear:both; 	padding:0; 	margin:0; 	width:100%; 	font-size:0; 	line-height:0; } .logo { 	margin:0; 	padding:0; 	float:left; 	width:auto; } h1 { 	margin:0; 	padding:36px 0 36px 40px; 	color:#feffff; 	font:bold 40px/1.2em Arial, Helvetica, sans-serif; 	letter-spacing:-2px; } h1 a, h1 a:hover { 	color:#feffff; 	text-decoration:none; } h1 small { 	display:block; 	padding-left:80px; 	font:normal 12px/1.2em Arial, Helvetica, sans-serif; 	color:#edf3f6; 	letter-spacing:normal; } h2 { 	font:normal 24px/1.5em Arial, Helvetica, sans-serif; 	padding:8px 0; 	margin:8px 0; 	color:#323a3f; } p { 	margin:8px 0; 	padding:0 0 8px 0; 	font:normal 12px/1.8em Arial, Helvetica, sans-serif; } p.spec { 	text-align:left; } a { 	color:#0E16F0; 	text-decoration:underline; } a.com { }    #tasarim {  margin-left: auto; margin-right: auto; width: 728px; margin-top: -20px; padding-top: 20px; padding-bottom: 20px; padding-left:20px; padding-right: 20px; }  .logo{  border: 0px solid #ffffff; margin-top: 10px; margin-left: 240px; }    #ust{ height: 90px; border: px solid #000000; -moz-border-radius: 0px 0px 0px 0px; background: url(http://banner.logomatik.net/banners/3420478969346732.png) repeat; padding-top: 0px; padding-left: 0px; }     #{   float: left; width: 110px; height: 500px; border: px solid #000000; margin-top: -5px;  background: #ffffff; url() repeat; }    #icerik{   possition: fixed; margin-top: -5px; width: 520px; margin-left: 203px; height: auto; border: 2px solid #000000; background:#ffffff  url(http://vislab-ccom.unh.edu/~schwehr/photoRealVR/background.gif) repeat; }  .yanmenu  {  float: left; width:203px; height: auto; border: px solid #000000; margin-top: 0px;  background: url(http://vislab-ccom.unh.edu/~schwehr/photoRealVR/background.gif) repeat; }   #alt{  width: 520px; margin-left: 203px; height: 30px; border: 2px solid #000000; margin-top: 6px; -moz-border-radius: 0px 0px 0px 0px; background:  url(http://vislab-ccom.unh.edu/~schwehr/photoRealVR/background.gif) repeat; }

Önizleme:

Tasarımın Üstü :

</head> <body> <div id="hd">   <ul>     <li id="logo"><a href="http://www.belenhit.tr.gg/" _fcksavedurl="http://www.belenhit.tr.gg/">BelenHit</a></li>   </ul> </div> <div id="ct">   <div id="ctr">     <dl>       <dt><strong>Hakımızda</strong></dt>       <dd><img src="img/profpic.gif" _fcksavedurl="img/profpic.gif" width="60" height="60" alt="" />Sitemiz ' 15.03.2010 ' Tarihinde Kurulmustur. Bedava Reklam Hizmeti Vermektedir. Bunu Banner Degisim Agı Seklinde Yapmaktadır...</dd>     </dl>     <h2>Ana Menü</h2>     <ul>       <li><a href="http://www.belenhit.tr.gg/" _fcksavedurl="http://www.belenhit.tr.gg/">Ana Sayfa</a></li>    <li><a href="http://belenhit.tr.gg/iletisim.htm" _fcksavedurl="http://belenhit.tr.gg/iletisim.htm">İletisim Bilgileri</a></li>      <li><a href="http://belenhit.tr.gg/Zd.htm" _fcksavedurl="http://belenhit.tr.gg/Zd.htm">Ziyaretci Defteri</a></li> <li><a href="http://belenhit.tr.gg/ht.htm" _fcksavedurl="http://belenhit.tr.gg/ht.htm">Hit Arttırma Yöntemleri </a></li>         <li><a href="http://belenhit.tr.gg/seo.htm" _fcksavedurl="http://belenhit.tr.gg/seo.htm">Seo Nedir ?</a></li>        <li><a href="http://belenhit.tr.gg/google.htm" _fcksavedurl="http://belenhit.tr.gg/google.htm">Google Nedir ?</a></li>              <li><a href="http://belenhit.tr.gg/pr.htm" _fcksavedurl="http://belenhit.tr.gg/pr.htm">Page Rank Nedir?</a></li>                   <li><a href="http://belenhit.tr.gg/aramamotoru.htm" _fcksavedurl="http://belenhit.tr.gg/aramamotoru.htm">Arama Motoru Nedir?</a></li>     </ul>     <h2>Belenmedia</h2>     <ol>       <li><a href="http://www.belenhit.tr.gg/" _fcksavedurl="http://www.belenhit.tr.gg/">Belenlee</a></li>       <li><a href="http://www.tasarimkurdu.tr.gg/" _fcksavedurl="http://www.tasarimkurdu.tr.gg/">Tasarimkurdu</a></li>       <li><a href="http://www.belentunnel.tr.gg/" _fcksavedurl="http://www.belentunnel.tr.gg/">BelenTunnel</a></li>     </ol>   </div>   <ul id="men">     <li id="m1"><a href="http://www.belenhit.tr.gg/" _fcksavedurl="http://www.belenhit.tr.gg/" class="act">A.Sayfa</a></li>     <li id="m2"><a href="http://www.belenhit.tr.gg/" _fcksavedurl="http://www.belenhit.tr.gg/">İletisim</a></li>     <li id="m3"><a href="http://www.belenhit.tr.gg/" _fcksavedurl="http://www.belenhit.tr.gg/">Z.Defteri</a></li>     <li id="m4"><a href="http://www.belenhit.tr.gg/" _fcksavedurl="http://www.belenhit.tr.gg/">Hakkımızda</a></li>     <li id="m5"><a href="http://belenhit.tr.gg/bda.htm" _fcksavedurl="http://belenhit.tr.gg/bda.htm">B.D.A</a></li>   </ul>   <div id="ctc">

Tasarımın Altı:

Css:

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;}   html,body{     margin:0;     padding:0;     border:0;     font:12px Arial, Helvetica, sans-serif;     color:#fff;     background:#B2D100} body{     width:770px;     margin:0 auto} a{     outline:none;     color:#fff;     font-weight:bold}     a:hover{         text-decoration:none} #hd{     height:71px;     background:url(https://img.webme.com/pic/b/belenlee-tr/bghd.gif) 0 0 no-repeat;     padding:9px 0 0 0}     #hd ul{         margin:0;         padding:0;         list-style:none}     #hd #logo{         font-size:32px;         font-weight:bold;         width:auto;         padding:0 20px 0 0;         margin:0 0 0 64px;         width:150px;         background:url(https://img.webme.com/pic/b/belenlee-tr/bglogo.gif) right 0 no-repeat}         #hd #logo a{             display:block;             line-height:70px;             color:#fff;             text-decoration:none}         #hd #logo a:hover{             color:#B2D100} #ct{     float:left;     width:474px}     #ct #men{         height:49px;         list-style:none;         padding:0;         margin:0 0 0 51px}         #ct #men li{             float:left;             margin:0 8px 0 0}         #ct #men a{             font-size:14px;             display:block;             font-weight:bold;             text-align:center;             color:#fff;             text-decoration:none;             line-height:49px}             #ct #men #m1{                 background:url(https://img.webme.com/pic/b/belenlee-tr/bgm1.gif) 0 0 no-repeat;                 width:66px}             #ct #men #m2{                 background:url(https://img.webme.com/pic/b/belenlee-tr/bgm2.gif) 0 0 no-repeat;                 width:67px}             #ct #men #m3{                 background:url(https://img.webme.com/pic/b/belenlee-tr/bgm3.gif) 0 0 no-repeat;                 width:77px}             #ct #men #m4{                 background:url(https://img.webme.com/pic/b/belenlee-tr/bgm4.gif) 0 0 no-repeat;                 width:79px}             #ct #men #m5{                 background:url(https://img.webme.com/pic/b/belenlee-tr/bgm5.gif) 0 0 no-repeat;                 width:76px}             #ct #men #m1 a:hover,#ct #men #m1 a.act{                 background:url(https://img.webme.com/pic/b/belenlee-tr/bgm1o.gif) 0 0 no-repeat}             #ct #men #m2 a:hover,#ct #men #m2 a.act{                 background:url(https://img.webme.com/pic/b/belenlee-tr/bgm2o.gif) 0 0 no-repeat}             #ct #men #m3 a:hover,#ct #men #m3 a.act{                 background:url(https://img.webme.com/pic/b/belenlee-tr/bgm3o.gif) 0 0 no-repeat}             #ct #men #m4 a:hover,#ct #men #m4 a.act{                 background:url(https://img.webme.com/pic/b/belenlee-tr/bgm4o.gif) 0 0 no-repeat}             #ct #men #m5 a:hover,#ct #men #m5 a.act{                 background:url(https://img.webme.com/pic/b/belenlee-tr/bgm5o.gif) 0 0 no-repeat} #ctc{     padding:0 0 0 64px;     width:410px;     position:relative}     #ctc h1{         font-size:14px;         margin:0;         padding:12px 0 10px 0}     #ctc p{         padding:0 0 13px 0;         margin:0;         line-height:140%}     #ctc h2{         font-size:13px;         margin:0;         padding:5px 0}     #ctc h3{         font-size:12px;         margin:0;         padding:5px 0}     #ctc ol,#ctc ul{         margin:0;         padding:0 0 13px 30px}     #ctc blockquote,#ctc code{         border:1px solid #87B200;         border-left:5px solid #87B200;         padding:0 10px;         margin:0 0 13px 17px;         background:#A8C801}         #ctc blockquote p{             padding:4px 0}         #ctc blockquote blockquote{             margin-bottom:0;             background:#B2D100}     #ctc code{         display:block;         padding:2px 10px;         color:#E64218}     #ctc b,#ctc strong{         background:#A8C801;         padding:0 3px}     #ctc em{         font-style:normal;         color:#E64218} #ctr{     position:absolute;     margin:0 0 0 504px !important;     margin:0 0 0 453px;     z-index:1000;     width:268px}

Önizleme:

Tasarımın Üstü:

<html xmlns="http://www.w3.org/1999/xhtml"> 	<head> 		<FCK:meta http-equiv="content-type" content="text/html; charset=utf-8"  /> 		<FCK:meta name="description" content=""  /> 		<FCK:meta name="keywords" content=""  /> 		<title>Reinstated by FCT</title> 		<link href="http://fonts.googleapis.com/css?family=Oswald" rel="stylesheet" type="text/css" /> 		<link rel="stylesheet" type="text/css" href="style.css" /> 		<script type="text/javascript" src="jquery-1.7.1.min.js"></script> 		<script type="text/javascript" src="jquery.dropotron-1.0.js"></script> 		<script type="text/javascript" src="init.js"></script> 	</head> 	<body> 		<div id="wrapper"> 			<div id="splash"> 				<img src="https://img.webme.com/pic/t/tasarimkurdu/pic1.jpg" _fcksavedurl="https://img.webme.com/pic/t/tasarimkurdu/pic1.jpg" alt="" /> 			</div>    <div id="menu"><ul><center>  <li><a href="http://belenmedia.tr.gg/home.htm" _fcksavedurl="http://belenmedia.tr.gg/home.htm">Ana Sayfa</a></li>| <li><a href="http://belenmedia.tr.gg/İletişim.htm" _fcksavedurl="http://belenmedia.tr.gg/İletişim.htm">Iletisim</a></li>| <li><a href="http://belenmedia.tr.gg/Ziyaretçi-defteri.htm" _fcksavedurl="http://belenmedia.tr.gg/Ziyaretçi-defteri.htm">Ziyaretci Defteri</a></li>| <li><a href="http://forumbelen.tr.gg/" _fcksavedurl="http://forumbelen.tr.gg/">Forum</a></li>   </center>  </ul> 				<br class="clearfix" /> 			</div>  <div id="header"> 				<div id="logo"> 					<h1><a href="#" _fcksavedurl="#">Belenmedia</a></h1> 				</div> 				<div id="search"> 					<form action="" method="post"> 						<div> 							<input class="form-text" name="search" size="32" maxlength="64" /> 						</div> 					</form> 				</div> 			</div> 			<div id="page"> 				<div id="content"> 					<div class="box"> 						<img alt="" src="https://img.webme.com/pic/t/tasarimkurdu/bmlogo.png" _fcksavedurl="https://img.webme.com/pic/t/tasarimkurdu/bmlogo.png" />

Tasarımın Altı:

</div> 					<div id="col1"> 												<ul class="section-list"> 							<li class="first">								</div> 					<div id="col2"> 												<p> 													</p> 						<ul class="list"> 												</div> 					<br class="clearfix" /> 				</div> 				<div id="sidebar"> 					<div class="box"> 						<center><h3>Ana Menü</h3></center> 						<center><head> <FCK:meta http-equiv="Content-Type" content="text/html; charset=iso-8859-9"  /> <title>BelenMedia</title> <link href="css/style.css" rel="stylesheet" type="text/css" /> </head>  <body>  <div class="menubg flt"> 	<ul class="menu flt"> 		<li class="current_page_item"><a href="#" _fcksavedurl="#">Ana Sayfa</a></li> 		<li class=""><a href="http://belenmedia.tr.gg/Hakkımızda.htm" _fcksavedurl="http://belenmedia.tr.gg/Hakkımızda.htm" title="About">Hakkımızda</a></li> 		<li class=""><a href="http://belenmedia.tr.gg/proje.htm" _fcksavedurl="http://belenmedia.tr.gg/proje.htm" title="Work">Projeler</a></li>  		<li class=""><a href="http://belenmedia.tr.gg/Referanslar.htm" _fcksavedurl="http://belenmedia.tr.gg/Referanslar.htm" title="">Referanslar</a></li> 		<li class=""><a href="http://belenmedia.tr.gg/Hizmetlerimiz.htm" _fcksavedurl="http://belenmedia.tr.gg/Hizmetlerimiz.htm" title="Location">Hizmetlerimiz</a></li> 		<li class=""><a href="http://belenmedia.tr.gg/-Ue-cretlendirme.htm" _fcksavedurl="http://belenmedia.tr.gg/-Ue-cretlendirme.htm" title="">Ücretlendirme</a></li> 	</ul>	 </div> </body> </html>		</center>	</div> 					<div class="box"> 						<center><h3>Site Bilgileri</h3> 						<p> 							Sitemiz Mozilla Firefox'a Göre Optimize edilmiştir.  							</center></p> 					</div> 				</div> 				<br class="clearfix" /> 			</div> 		</div> 		<div id="footer"> 			© 2012 Belenmedia | Thanks to : Bedava-sitem.com | Edit By : Tasarimkurdu. 		</div> 	</body> </html>

Css:

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;}     /* CSS Document */ img{border:0px;} .flt{float:center;} .menubg{clear:center; background-color:#6FA9C7; width:202px;} .menu{float:left; clear:left; font:bold 11px Helvetica, Arial, sans-serif;} .menu li { margin:0px 0px 0px 0px; 	list-style:none; 	} .menu a, .menu a:visited { 	width:186px; 	height:22px; 	margin:0px 0px 2px 0px; 	position:relative; 	display:block; 	color:#cbe7f5; 	text-decoration:none; 	background:url(https://img.webme.com/pic/t/turk-rap-fm/menubg2.jpg) no-repeat; 	padding:4px 0 0 8px; 	} *html .menu a, .menu a:visited { 	width:186px; 	height:22px; 	margin:0px 0px 2px 0px; 	position:relative; 	display:block; 	color:#cbe7f5; 	text-decoration:none; 	background:url(https://img.webme.com/pic/t/turk-rap-fm/menubg2.jpg) no-repeat; 	padding:4px 0 0 8px; 	} .menu a:hover, .menu a:active, .menu li.current_page_item a, .menu li.current_page_item a:visited  { 	background:url(https://img.webme.com/pic/t/turk-rap-fm/menubg1.jpg) no-repeat; 	text-decoration:none; 	}	 .bot{clear:left;} 	  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;} 										/* Design by Free CSS Templates http://www.freecsstemplates.org Released for free under a Creative Commons Attribution 3.0 License  Name       : Reinstated Description: A two-column, fixed-width design with dark color scheme. Version    : 1.0 Released   : 20120326 */  * { 	padding: 0; 	margin: 0; }  a { 	text-decoration: underline; 	color: #222; }  a:hover { 	text-decoration: none; }  body {  padding: -30px; 	font-size: 11.5pt; 	line-height: 1.75em; 	color: #888; 	background: #D0E3F1 url(https://img.webme.com/pic/t/tasarimkurdu/bg.jpg) top center no-repeat; 	letter-spacing: -0.02em; }  body,input { 	font-family: Arial, sans-serif; }  br.clearfix { 	clear: both; }  h1,h2,h3,h4 { 	text-transform: uppercase; 	letter-spacing: -1px; 	font-weight: normal; }  h2 { 	font-size: 1.75em; }  h2,h3,h4 { 	color: #222; 	font-family: Oswald, sans-serif; 	margin-bottom: 1em; }  h3 { 	font-size: 1.5em; }  h4 { 	font-size: 1em; }  img.alignleft { 	margin: 5px 20px 20px 0; 	float: left; }  img.aligntop { 	margin: 5px 0 20px 0; }  p { 	margin-bottom: 1.5em; }  ul { 	margin-bottom: 1.5em; }  ul h4 { 	margin-bottom: 0.35em; }  #content { 	width: 655px; 	padding: 0; 	float: left; }  #footer { 	text-align: center; 	padding: 40px 0 100px 0; 	font-size: 0.9em; }  #footer a { 	color: #555; }  #header { 	color: #FFF; 	position: relative; 	height: 80px; 	background: #447289 url(https://img.webme.com/pic/t/tasarimkurdu/bg2.jpg) bottom center no-repeat; 	width: 910px; 	padding: 35px; }  #logo { 	position: absolute; 	top: 60px; }  #logo a { 	color: #FFF; 	text-decoration: none; 	text-shadow: 0 1px 1px rgba(0,0,0,0.8); }  #logo h1 { 	font-size: 3em; 	font-family: Oswald, sans-serif; }  #menu { 	line-height: 60px; 	font-family: Oswald, sans-serif; 	padding: 0 35px 0 35px; 	width: 910px; 	height: 60px; 	font-size: 1.2em; 	background: #447289; 	text-shadow: 0 1px 1px rgba(0,0,0,0.8); }  #menu { 	text-transform: uppercase; 	letter-spacing: -1px; 	color: #FFF; }  #menu a { 	color: #FFF; 	text-decoration: none; }  #menu ul { 	list-style: none; }  #menu ul li { 	padding: 0 20px 0 20px; 	height: 60px; 	display: inline-block; }  #menu ul li.first { 	padding-left: 0; }  #menu ul li.active { 	background: #336177; }  #menu .arrow { 	display: inline-block; 	margin: 0 0 0 0.5em; 	position: relative; 	width: 0; 	height: 0; 	top: -3px; 	border-left: 6px solid transparent; 	border-right: 6px solid transparent; 	border-top: 7px solid #254656; }  #page { 	color

Tasarimkurdu | Tasarımın Kalbi Burada Atıyor

css tasarimlar eski

Tasarımların Devamı ⇒