CSSHOBÝ - OFFICIAL CSS WEB SITE

Tasarımın Üzerindeki Kod

Tasarımın Altındaki Kod

<br />    <br />  <WWW.forumbakteri.com></div>  <div id="news">    <h3>Latest News</h3>    <div class="newsitem"> <a href="http://www.templatebeauty.com" _fcksavedurl="http://www.templatebeauty.com" _fcksavedurl="http://www.templatebeauty.com"><img src="http://www.free-css.com/assets/files/free-css-templates/preview/page21/night-club/images/photo1.jpg" _fcksavedurl="http://www.free-css.com/assets/files/free-css-templates/preview/page21/night-club/images/photo1.jpg" _fcksavedurl="http://www.free-css.com/assets/files/free-css-templates/preview/page21/night-club/images/photo1.jpg" alt="Photo 1" border="0" /></a> <span>10.11.2006</span>      <p>If you're looking for beautiful and professionally made templates you can find them at Template Beauty.com.</p>      </div>    <div class="newsitem"> <a href="http://www.justwebtemplates.com" _fcksavedurl="http://www.justwebtemplates.com" _fcksavedurl="http://www.justwebtemplates.com"><img src="http://www.free-css.com/assets/files/free-css-templates/preview/page21/night-club/images/photo2.jpg" _fcksavedurl="http://www.free-css.com/assets/files/free-css-templates/preview/page21/night-club/images/photo2.jpg" _fcksavedurl="http://www.free-css.com/assets/files/free-css-templates/preview/page21/night-club/images/photo2.jpg" alt="Photo 2" border="0" /></a> <span>10.11.2006</span>      <p>Even more websites all about website templates on Just Web Templates.</p>    </div>    <div class="clear"></div>  </div>  <div id="dj"> <a href="http://www.forumbakteri.com/" _fcksavedurl="http://www.forumbakteri.com/" _fcksavedurl="http://www.free-css.com/"><img src="http://www.free-css.com/assets/files/free-css-templates/preview/page21/night-club/images/bestdjs.jpg" _fcksavedurl="http://www.free-css.com/assets/files/free-css-templates/preview/page21/night-club/images/bestdjs.jpg" _fcksavedurl="http://www.free-css.com/assets/files/free-css-templates/preview/page21/night-club/images/bestdjs.jpg" alt="Best DJ's" border="0" /></a> <a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/"><img src="http://www.free-css.com/assets/files/free-css-templates/preview/page21/night-club/images/specialoffer.jpg" _fcksavedurl="http://www.free-css.com/assets/files/free-css-templates/preview/page21/night-club/images/specialoffer.jpg" _fcksavedurl="http://www.free-css.com/assets/files/free-css-templates/preview/page21/night-club/images/specialoffer.jpg" alt="special offer" border="0" /></a>      <div class="clear"></div>  </div>  <div id="footer"> copyright information 2006.All rights reserved. | designed by <a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com">free website templates</a></div> </div>

Css Koduna

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 {    color: #97b15e;    font-family: Arial, Helvetica, sans-serif;    font-size: 12px;    margin: 0px;    padding: 0px;    background-color:#051c00; } .clear{clear:both;} * {margin: 0px;padding: 0px;} #container {    margin: 0 auto;    text-align: left;    width: 767px; } a{color:#80ba04;} a:hover{color:#b7fb24;} /********************** Header ***************************/ #header {    background-image:url(http://www.free-css.com/assets/files/free-css-templates/preview/page21/night-club/images/header.jpg);    width:767px;    height:404px;    position:relative; } #header ul{    position:absolute;    top:367px;    left:100px; } #header li{    display:block;    float:left;    width:97px; } #header ul a{    color:#aefa0d;    text-decoration:none;    font-family: Arial, Helvetica, sans-serif;    font-size: 14px;    font-weight: 900;    text-transform: capitalize; } #header ul a:hover{color:#97b15e;}  /********************** Welcome ***************************/ #welcome {    background-image:url(http://www.free-css.com/assets/files/free-css-templates/preview/page21/night-club/images/dj.gif);    background-repeat: no-repeat;    background-position: right top; } #welcome h3{    margin: 10px 10px 10px 110px;    font-family: Arial, Helvetica, sans-serif;    font-size: 20px;    font-weight: bolder;    text-transform: uppercase;    color: #7eae19;} #welcome p{ margin: 10px 10px 10px 110px;width:416px;} #welcome a{}  /********************** News ***************************/ #news {    background-image:url(http://www.free-css.com/assets/files/free-css-templates/preview/page21/night-club/images/line.jpg);    background-repeat: no-repeat;    background-position: left top;    padding: 10px 10px 10px 110px; } #news h3{    margin: 20px 10px 15px 0px;    font-family: Arial, Helvetica, sans-serif;    font-size: 20px;    font-weight: bolder;    text-transform: uppercase;    color: #7eae19; } .newsitem{float:left;width:275px; display:inline;} .newsitem a{} .newsitem img{float:left;margin-right:10px;} .newsitem span{    color:#97b15e;    font-size: 9px;    font-weight: 900; } .newsitem p{margin: 10px 10px 15px 10px;} /********************** Best DJ's ***************************/ #dj {    background-image:url(http://www.free-css.com/assets/files/free-css-templates/preview/page21/night-club/images/line.jpg);    background-repeat: no-repeat;    background-position: left top;    padding: 30px 0px 0px 110px; } #dj img{border:0px;} #dj a{border:0px;float:left;} #dj a:hover{} /********************** Footer ***************************/ #footer {    background-image:url(http://www.free-css.com/assets/files/free-css-templates/preview/page21/night-club/images/line.jpg);    background-repeat: no-repeat;    background-position: left top;    padding: 10px 10px 10px 110px;    text-align:center; }