émrKnr - WmKod Gri Tasarim

Tasarım Üstü

<div id="tasarim">

    <div id="baslik">emrKnr</div>

  <div id="slogan">{ Slogan Buraya Gelecek.. }</div>

    <div id="ustmenu">

      <ul>

        <li><a href="#">Anasayfa</a></li>

        <li><a href="#">Hakkimda</a></li>

        <li><a href="#">Iletisim</a></li>

        <li><a href="#">Ziyaretci Defteri</a></li>

        <li><a href="#">Css</a></li>

        <li><a href="http://www.emrknr.tr.gg">emrKnr</a></li>

      </ul>

    </div>

  <div id="reklam">728x90 Reklam Alani Kodu - emrKnr</div>

  <div id="icerik">

Tasarım Altı

</div>

<div id="reklam">728x90 Reklam Alani Kodu - emrKnr</div>

  <div id="alt">&copy;2011 Tasarim ve Kodlama emrknr.tr.gg | Tüm Hakları Saklıdır.</div>

</div>

Css Kod

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;} table {margin-left: auto;margin-right: auto}    body {
	background-image: url(https://img.webme.com/pic/e/emrknr/gri_arkaplan.gif);
}
	
body,td,th {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #333;
}
a {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #C30;
}
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #C30;
}
a:hover {
	text-decoration: none;
	color: #36C;
}
a:active {
	text-decoration: none;
	color: #C30;
}

#tasarim{
	width: 728px;
	margin-left: auto;
	margin-right: auto;
}

#baslik{
	width: 100%;
	font-family: "Courier New", Courier, monospace;
	font-size: 36px;
	font-weight: bold;
	float: left;
}

#slogan{
	font-family: "Courier New", Courier, monospace;
	font-size: 16px;
	float: left;
	margin: 0 0 10px 25px;
}

#ustmenu{
	width: 728px;
	height: 45px;
	border: 1px solid #C0C0C0;
	border-bottom: none;
	background: url(https://img.webme.com/pic/e/emrknr/ustmenu_bg.png) #E9E9E9;
	float: left;
	-moz-border-radius: 20px 20px 0 0;
	-webkit-border-radius: 20px 20px 0 0;
}

#reklam{
	width: 728px;
	height: 90px;
	border: 1px solid #C0C0C0;
	background: #D7D7D7;
	float: left;
}

#icerik{
	width: 718px;
	height: auto;
	border: 1px solid #C0C0C0;
	border-top: none;
	border-bottom: none;
	background: url(https://img.webme.com/pic/e/emrknr/iceirk_bg.png) repeat-x #fff;
	float: left;
	padding: 5px;
}
#tasarim #ustmenu ul {
	font-family: "Courier New", Courier, monospace;
	margin: 0px;
	padding-top: 13px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#tasarim #ustmenu ul li {
	display: inline;
	padding-right: 7px;
	padding-left: 7px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #333;
}
#tasarim #ustmenu ul li a {
	text-decoration: none;
	font-size: 14px;
	font-family: Tahoma, Geneva, sans-serif;
	font-weight: bold;
	color: #333;
}
#tasarim #ustmenu ul li a:hover {
	border: 1px solid #333;
	background: #333;
	padding: 3px 5px 3px 5px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	color: #fff;
}

#alt{
	width: 713px;
	height: 15px;
	border: 1px solid #C0C0C0;
	border-top: none;
	background: url(https://img.webme.com/pic/e/emrknr/ustmenu_bg.png) #E9E9E9;
	float: left;
	-moz-border-radius: 0 0 20px 20px;
	-webkit-border-radius: 0 0 20px 20px;
	font-family:Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #333;
	padding: 5px 5px 5px 10px;
	margin-bottom: 15px;
}

code {
	display: block;
	border: 1px solid #DAE1B0;
	background: #eaeed2;
	clear: both;
	-moz-border-radius: 10px;
	padding: 7px;
	color: #C00;
}