- CSSTASARIM 19

CSSTASARIM 19

TASARIMIN ÜSTÜ

<div id="wrapper">
  <div id="body">
    <div id="head"></div>
    <div id="topnav"> <a href="http://help-4-pwg.es.tl">Home</a> | <a href="http://www.free-css.com/">Sitemap</a> </div>
       <h1><img src="http://wimg.co.uk/a_P.jpg" width="401" height="271" alt="Logo" /></h1>
    <div id="nav"> <h2><a href="hhttp://help-4-pwg.es.tl"> link</a> | <a href="http://help-4-pwg.es.tl">Link</a> | <a href="http://help-4-pwg.es.tl">Link</a> | <a href="http://help-4-pwg.es.tl">Link</a> | <a href="http://help-4-pwg.es.tl">link</a></h2> </div>
    <div id="left-box">
      <div class="inner"> <img src="http://wimg.co.uk/4Mi.jpg" width="271" height="132" alt="Pic 1" />
        <h2><img src="http://wimg.co.uk/6Cb.gif" width="252" height="33" alt="Free Drink Party On" /></h2>
        <p class="date">18/22/2006</p>
        <p>Even more websites all about website templates on <a href="http://www.justwebtemplates.com">Just Web Templates</a>.</p>
      </div>
    </div>
    <div id="content">
      <div id="content-bot">
        <div class="inner">

TASARIMIN ALTINA

</div>
      </div>
    </div>
    <div id="tray">
      <div class="redbox first">
        <h2><img src="http://wimg.co.uk/KsM.jpg" width="217" height="109" alt="Night Party" /></h2>
        <p>If you're looking for beautiful and professionally made templates you can find them at <a href="http://www.templatebeauty.com">Template Beauty</a>.</p>
        <ul>
          <li>Nam congue dolor ut enim.</li>
          <li>In consequat laoreet dui.</li>
          <li>Pellentesque faucibus velit et urna.</li>
        </ul>
      </div>
      <div class="redbox">
        <h2><img src="http://wimg.co.uk/eMW.jpg" width="216" height="109" alt="Our Dj's" /></h2>
        <p>Even more websites all about website templates on <a href="http://www.justwebtemplates.com">Just Web Templates</a>.</p>
        <p>If you're looking for beautiful and professionally made templates you can find them at <a href="http://www.templatebeauty.com">Template Beauty</a>.</p>
        <br />
        <a href="http://www.free-css.com/"><img src="http://wimg.co.uk/pdE.jpg" width="66" height="42" alt="Details" id="details" /></a> </div>
      <div class="redbox last">
        <h2><img src="http://wimg.co.uk/Bte.jpg" width="216" height="109" alt="H Next Party" /></h2>
        <p>If you're looking for beautiful and professionally made templates you can find them at <a href="http://www.templatebeauty.com">Template Beauty</a>.</p>
        <p>Even more websites all about website templates on <a href="http://www.justwebtemplates.com">Just Web Templates</a>.</p>
        <br />
      </div>
      <div class="clear"></div>
      <div class="divider"></div>
    </div>
    <div id="footer"> Copyright @ 2006, <a href="http://www.free-css.com/">www.nightclub.com</a>, All rights Reserved.| designed by <a href="http://www.freewebsitetemplates.com">free website templates</a> | Adaptado por <a href="http://help-4-pwg.es.tl">Help-4-pwg</a></div>
  </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;}

html, body, h1, h2, h3, h4 {
   margin: 0px;
   padding: 0px;
}
h1 img {
   display: block;
}
img {
   border: 0px;
}
a {
   color: #FF7F00;
   font-weight: bold;
   text-decoration: none;
}
a:hover {
   color: #FFA405;
   text-decoration: underline;
}
.left {
   float: left;
}
.right {
   float: right;
}
.more {
   text-align: right;
}
.clear {
   clear: both;
}

body {
   background: #0D0D0D;
   text-align: center;
   font: 12px arial, sans-serif;
   color: #989898;
}
#wrapper {
   text-align: left;
   margin: auto;
   width: 778px;
   background: #181818;
}
#body {
   position: relative;
   margin-left: 4px;
}
#head {
   position: absolute;
   top: 0px;
   left: 401px;
   width: 370px;
   height: 266px;
   background: url(http://wimg.co.uk/Isa.jpg) no-repeat;
}
#topnav {
   position: absolute;
   top: 41px;
   left: 22px;
}
#topnav a {
   font-weight: normal;
   color: #989898;
}
#topnav a:hover {
   color: white;
}
#left-box {
   position: absolute;
   top: 271px;
   left: 0px;
   width: 285px;
   height: 319px;
   background: #131212 url(http://wimg.co.uk/03u.jpg) repeat-x;
}
#left-box .inner {
   padding: 20px 0px 0px 8px;
}
#left-box h2 {
   margin: 10px 0px 0px 0px;
}
#left-box p.date {
   font-weight: bold;
}
#left-box p {
   margin: 3px 2.5em 1em 1.3em;
}
#nav {
   position: absolute;
   top: 290px;
   left: 300px;
   width: 486px;
}
#nav img {
   float: left;
}
#content {
   position: absolute;
   top: 336px;
   left: 285px;
   width: 486px;
   height: 254px;
   background: #1E1E1E top left url(http://wimg.co.uk/nRr.jpg) no-repeat;
}
#content-bot {
   background: bottom url(http://wimg.co.uk/cFu.gif) repeat-x;
   height: 254px;
   margin-left: 1px;
   overflow: auto;
}
#content .inner {
   padding: 10px 27px;
}
#content .date {
   margin-top: 0.5em;
}
#content p {
   margin: 0.9em;
}
#tray {
   margin-top: 330px;
   border: 1px solid #181818;
}
#tray .redbox {
   float: left;
   width: 217px;
   _height: 279px;
   min-height: 279px;
   background: #800000 url(http://wimg.co.uk/P_4.jpg) repeat-x;
   margin-left: 11px;
   padding-top: 19px;
   padding-left: 16px;
   padding-right: 16px;
   color: #CFCFCF;
}
#tray .first {
   margin-left: 0px;
}
#tray p {
   margin-top: 1em;
   margin-bottom: 1.4em;
   padding-left: 2px;
}
ul {
   margin: 0px 1em 0px 2em;
   padding: 0px;
}
li {
   padding: 0px;
   margin: 1em 0px;
}
.divider {
   background: bottom url(http://wimg.co.uk/uxk.gif) repeat-x;
   height: 26px;
   margin-right: 5px;
   position: relative;
}
#details {
   margin-top: -1.4em;
   margin-bottom: -4em;
   float: right;
}
#footer {
   background: #101010;
   text-align: right;
   margin: 0px 7px 0px 2px;
   padding: 18px 15px 15px 15px;
}