- CSS SADE TASARIM,ALTAN MENÜLÜ CSS TASARIMI KODU

CSS SADE TASARIM,ALTAN MENÜLÜ CSS TASARIMI KODU

TASARIMIN ÜSTÜNE

TASARIMIN ALTINA

</div>
    <div class="sidebar">
      <h1>Menu</h1>
      <div class="sidebarcontent">
        <ul>
          <li><a href=" Link "> Nombre </a></li>
          <li><a href=" Link "> Nombre </a></li>
          <li><a href=" Link "> Nombre </a></li>
          <li><a href=" Link "> Nombre </a></li>
          <li><a href=" Link "> Nombre </a></li>
        </ul>
      </div>
      <h1>Menu</h1>
      <div class="sidebarcontent">
        <ol>
          <li> Nombre </li>
          <li> Nombre </li>
          <li> Nombre </li>
          <li> Nombre </li>
          <li> Nombre </li>
        </ol>
      </div>
<h1>Anuncios</h1>
      <div class="sidebarcontent">
        <p>Contenido Contenido Contenido Contenido Contenido Contenido Contenido Contenido Contenido Contenido Contenido Contenido Contenido Contenido Contenido </p>
</div>
 
      </div>
    <div class="spacer"> </div>
  </div>
  
  <div id="bottom"> </div>
  <div id="midbottom">
    <div class="column">
      <h2>Menu</h2>
      <a href=" Link "> Nombre </a> <a href=" Link "> Nombre </a> <a href=" Link "> Nombre </a> <a href=" Link "> Nombre </a> <a href=" Link "> Nombre </a> <a href=" Link "> Nombre </a> </div>
    <div class="column">
      <h2>Menu</h2>
      <ol>
        <li> Nombre </li>
        <li> Nombre </li>
        <li> Nombre </li>
        <li> Nombre </li>
        <li> Nombre </li>
      </ol>
    </div>
    <div class="column">
      <h2>Menu</h2>
      <p>Contenido Contenido Contenido Contenido Contenido Contenido Contenido Contenido Contenido </p>
    </div>
    <div class="spacer"> </div>
  </div>
  <div id="btmbottom"> </div>
  
  <div class="menu">
        <div class="right">Adapted by<a href="http://www.raystrack.es.tl">Raystrack</a></div>
  </div>

CSS BÖLÜMÜNE

lli.nav_element{display: none;}
li.nav_element a{display: none;}
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;}

/* MLP Design (http://www.mlpdesign.net). All Rights Reserved*/   body {background:url(http://img188.imageshack.us/img188/4711/37358577.gif) 0 0 repeat #eee; color:#333; margin:auto; font-family: Verdana,sans-serif; font-size:10pt;}  img {border:0;}  h1 { font-weight:700; font-size:1.2em; background:inherit; color:inherit;}  h2 { font-weight:500; font-size:1.2em;}  ul  { list-style:none; margin-left:20px; padding:1px;}  li { line-height:1.5em;}  a:link, a:visited, a:active { background: inherit; text-decoration: none; color:#999;}  a:hover { background: inherit; text-decoration: underline; color:#000;}  blockquote { background:url(http://img188.imageshack.us/img188/3314/quo.gif) 0 0 no-repeat; background-color:inherit; color:#999; display:block; padding:0 0 0 50px; margin:15px 30px;   font-size:.90em; font-weight:normal;}  p { line-height:1.5em;}  input, textarea { background:#fff; color:inherit;  border:1px solid #111;}  .buttons  { background: #000; color:#fff;  border: 1px solid #111;}  #wrapper { background:#fff; color:inherit; width:750px; margin:auto;}  #header { background:url(http://img188.imageshack.us/img188/6822/bannerims.gif) 50% 50% no-repeat #fff; color:inherit; width:750px; height:165px; margin: 0 auto;}  #body { background:#fff; color:inherit; width:750px; margin:auto;}  #bottom { background:url(http://img188.imageshack.us/img188/908/topx.gif) 50% 0 no-repeat #eee; color:inherit; width:750px; height:10px; margin:0;}  #midbottom { background:url(http://img188.imageshack.us/img188/2347/midp.gif) 50% 0 repeat-y #eee; color:#d50; width:750px; line-height:1em; margin:0;}  #btmbottom { background:url(http://img188.imageshack.us/img188/6602/btm.gif) 50% 100% no-repeat #eee; color:inherit; width:750px; height:20px; margin:0;}  .logo { width:450px; margin-top:4em; padding-left:25px; float:left;}  .search { width:250px; text-align:right; margin-top:6em; padding-right:25px; float:right;}  .menu { background:url(http://img188.imageshack.us/img188/5531/stripe.gif) 50% 50% no-repeat #000; color:#fff; width:750px; height:40px; font-size:.92em; margin: 0 auto;}  .left { width:450px; padding:10px 0 0 25px; float:left;}  .right { width:250px; padding:12px 25px 0 0; text-align:right; float:right;}  .right a:link,.right a:visited,.right a:active { background: inherit; text-decoration: none; color:#fff;}  .right a:hover { background: inherit; text-decoration: none; color:#ddd;}  .column { width:215px; padding:0 0 0 25px; float:left;}  .column p {font-size:.90em;}  .column a:link,.column a:visited,.column a:active { background:#eee; text-decoration: none; color:#d50; font-size:.89em; display: block; padding:8px 2px; border-bottom:#d51 1px dashed;}  .column a:hover { background:#eee; text-decoration: none; color:#777; border-bottom:#888 1px dashed;}  .left a:link,.left a:visited,.left a:active { background: inherit; text-decoration: none; color:#fff;}  .left a:hover { background: inherit; text-decoration: none; color:#ddd;}  .content { background:#fff; color:inherit; width:500px; padding:10px 5px 0 25px; text-align:justify; float:left;}  .sidebar { background:#fff; color:inherit; width:175px; padding:10px 20px 0 0; float:right;}  .sidebarcontent { border-bottom:#999 1px solid; margin-bottom:20px;}  .img { border:0; margin:0 1em 0 0; float:left;}  .spacer { height:2px; clear: both;}