tasarimcidost - galatasaray tasarimi

galatasaray tasarimi

Tasarımın Üzerindeki Yazıya

<div id="tasarimbaslangici">
  <div id="tasarimust">
    <div id="logo"><a href="http://tasarimcidost.tr.gg"><img src="https://img.webme.com/pic/t/tasarimcidost/tasarimlarlogosu.png" alt="https://img.webme.com/pic/t/tasarimcidost/tasarimlarlogosu.png" border="0" height="111" width="332" /></a></div>
    <div id="reklam"><a href="http://kodcudost.tr.gg"><img src="https://img.webme.com/pic/k/komikcaps/kodcudostreklamalani.gif" alt="Reklam" border="0" height="58" width="466" /></a></div>
    <div id="ustmenu">
      <ul>
        <li><a href="#"><img src="http://www.bilgikafe.net/resimler/galatasaray.png" alt="http://www.bilgikafe.net/resimler/galatasaray.png" width="33" height="30" border="0" align="absmiddle" />Ana Sayfa</a></li>
        <li><a href="#"><img src="http://www.bilgikafe.net/resimler/galatasaray.png" alt="http://www.bilgikafe.net/resimler/galatasaray.png" width="33" height="30" border="0" align="absmiddle" />Ziyaretçii Defteri</a></li>
        <li><a href="#"><img src="http://www.bilgikafe.net/resimler/galatasaray.png" alt="http://www.bilgikafe.net/resimler/galatasaray.png" width="33" height="30" border="0" align="absmiddle" />İletişim</a></li>
        <li><a href="#"><img src="http://www.bilgikafe.net/resimler/galatasaray.png" alt="http://www.bilgikafe.net/resimler/galatasaray.png" width="33" height="30" border="0" align="absmiddle" />Forum</a></li>
        <li><a href="#"><img src="http://www.bilgikafe.net/resimler/galatasaray.png" alt="http://www.bilgikafe.net/resimler/galatasaray.png" width="33" height="30" border="0" align="absmiddle" />Hakkımızda</a></li>
        <li><a href="#"><img src="http://www.bilgikafe.net/resimler/galatasaray.png" alt="http://www.bilgikafe.net/resimler/galatasaray.png" width="33" height="30" border="0" align="absmiddle" />Toplist</a></li>
        <li><a href="#"><img src="http://www.bilgikafe.net/resimler/galatasaray.png" alt="http://www.bilgikafe.net/resimler/galatasaray.png" width="33" height="30" border="0" align="absmiddle" />Üye Ol</a></li>
      </ul>
    </div>
  </div>
  <div id="tasarimorta">
    <div id="icerik">

Tasarımın Altındaki Yazıya

</div>
    <div id="yanalan">
      <div id="h2"><img src="http://www.bilgikafe.net/resimler/galatasaray.png" alt="http://www.bilgikafe.net/resimler/galatasaray.png" width="29" height="28" border="0" align="absmiddle" />Ana Menü</div>
      <ul>
        <li><a href="#"><img src="http://www.bilgikafe.net/resimler/galatasaray.png" alt="http://www.bilgikafe.net/resimler/galatasaray.png" width="29" height="28" border="0" align="absmiddle" />Ana Sayfa        </a></li>
        <li><a href="#"><img src="http://www.bilgikafe.net/resimler/galatasaray.png" alt="http://www.bilgikafe.net/resimler/galatasaray.png" width="29" height="28" border="0" align="absmiddle" />Ziyaretçi Defteri</a></li>
        <li><a href="#"><img src="http://www.bilgikafe.net/resimler/galatasaray.png" alt="http://www.bilgikafe.net/resimler/galatasaray.png" width="29" height="28" border="0" align="absmiddle" />İletişim</a></li>
        <li><a href="#"><img src="http://www.bilgikafe.net/resimler/galatasaray.png" alt="http://www.bilgikafe.net/resimler/galatasaray.png" width="29" height="28" border="0" align="absmiddle" />Forum</a></li>
        <li><a href="#"><img src="http://www.bilgikafe.net/resimler/galatasaray.png" alt="http://www.bilgikafe.net/resimler/galatasaray.png" width="29" height="28" border="0" align="absmiddle" />Hakkımızda</a></li>
        <li><a href="#"><img src="http://www.bilgikafe.net/resimler/galatasaray.png" alt="http://www.bilgikafe.net/resimler/galatasaray.png" width="29" height="28" border="0" align="absmiddle" />Toplist</a></li>
        <li><a href="#"><img src="http://www.bilgikafe.net/resimler/galatasaray.png" alt="http://www.bilgikafe.net/resimler/galatasaray.png" width="29" height="28" border="0" align="absmiddle" />Üye Ol</a></li>
      </ul>
       <div id="h2"><img src="http://www.bilgikafe.net/resimler/galatasaray.png" alt="http://www.bilgikafe.net/resimler/galatasaray.png" width="29" height="28" border="0" align="absmiddle" />Kulüp</div>
      <ul>
       <li><a href="#"><img src="http://www.bilgikafe.net/resimler/galatasaray.png" alt="http://www.bilgikafe.net/resimler/galatasaray.png" width="29" height="28" border="0" align="absmiddle" />Buraya Menü Adı        </a></li>
       <li><a href="#"><img src="http://www.bilgikafe.net/resimler/galatasaray.png" alt="http://www.bilgikafe.net/resimler/galatasaray.png" width="29" height="28" border="0" align="absmiddle" />Buraya Menü Adı        </a></li>
       <li><a href="#"><img src="http://www.bilgikafe.net/resimler/galatasaray.png" alt="http://www.bilgikafe.net/resimler/galatasaray.png" width="29" height="28" border="0" align="absmiddle" />Buraya Menü Adı        </a></li>
        <li><a href="#"><img src="http://www.bilgikafe.net/resimler/galatasaray.png" alt="http://www.bilgikafe.net/resimler/galatasaray.png" width="29" height="28" border="0" align="absmiddle" />Buraya Menü Adı        </a></li>
         <li><a href="#"><img src="http://www.bilgikafe.net/resimler/galatasaray.png" alt="http://www.bilgikafe.net/resimler/galatasaray.png" width="29" height="28" border="0" align="absmiddle" />Buraya Menü Adı        </a></li>
          <li><a href="#"><img src="http://www.bilgikafe.net/resimler/galatasaray.png" alt="http://www.bilgikafe.net/resimler/galatasaray.png" width="29" height="28" border="0" align="absmiddle" />Buraya Menü Adı        </a></li>
          
      </ul>
    </div>
    <div id="iceriktemizleme"></div>
  </div>
  <div id="tasarimalt">

</div>
</div>

Css Bölümüne

#tasarimbaslangici {
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
}
#logo {
	float: left;
	height: 117px;
	width: 333px;
	margin-left: 85px;
}
#reklam {
	float: left;
	height: 57px;
	width: 468px;
	margin-top: 44px;
	margin-left: 60px;
}
#ustmenu {
	width: 840px;
	margin-left: 76px;
	float: left;
	margin-top: 2px;
}
#ustmenu ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#ustmenu li {
	float: left;
}
#ustmenu a {
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #990000;
	display: block;
	padding-right: 12px;
	padding-left: 6px;
	height: 33px;
}
#icerik {
	margin-left: 80px;
	float: left;
	width: 645px;
}
#yanalan {
	margin-left: 18px;
	float: left;
	width: 181px;
}
#iceriktemizleme {
	clear: left;
}
#h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #990000;
	background-color: #FFCC00;
	padding: 4px;
}
#yanalan ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#yanalan a {
	color: #990000;
	text-decoration: none;
	border-bottom-width: thin;
	border-bottom-style: dashed;
	border-bottom-color: #FFCC00;
	display: block;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	padding: 3px;
}
#yanalan a:hover {
	background-color: #FFCC00;
}
#ustmenu a:hover {
	background-color: #FFCC00;
}
#tasarimust {
	background-image: url(https://img.webme.com/pic/t/tasarimcidost/galatasaraytasarimi_01.png);
	height: 166px;
}
#tasarimorta {
	background-image: url(https://img.webme.com/pic/t/tasarimcidost/galatasaraytasarimi_02.png);
}
#tasarimalt {
	background-image: url(https://img.webme.com/pic/t/tasarimcidost/galatasaraytasarimi_03.png);
	height: 238px;
}
body {
	background-color: #000000;
}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;}
}