Forum'da ara:
Ara


« Önceki başlık :: Sonraki başlık »  
Yazar Mesaj
Mesaj23.06.2009, 07:04 (UTC)    
Mesaj konusu: Bu Tasarımın Alt ve Üst Kısmını ayırabilecek olan var mı?

http://www.free-css.com/free-css-templates/page95/ec-mania.php

Bu tasarımın alt ve üst kısmını ayırabilir misiniz? Şimdi den Allah razı olsun.
Mesaj23.06.2009, 18:36 (UTC)    
Mesaj konusu:

Kod:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>EC Mania</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="css/style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="header"> <img src="images/logo.gif" alt="" class="logo" />
  <p>Vestibulum pretium, metus sed</p>
  <h1> <span>Look Towords A New Future</span> Aenean viverra sapien a enim. Pellentesque non justo. </h1>
  <ul class="navi">
    <li><a href="http://www.free-css.com/" class="hover">Home</a></li>
    <li><a href="http://www.free-css.com/">About us</a></li>
    <li><a href="http://www.free-css.com/">Procidures</a></li>
    <li><a href="http://www.free-css.com/">Services</a></li>
    <li><a href="http://www.free-css.com/">Support</a></li>
    <li><a href="http://www.free-css.com/">Meeting</a></li>
    <li><a href="http://www.free-css.com/">Testimonials</a></li>
    <li><a href="http://www.free-css.com/">Future Plans</a></li>
    <li class="noborder"><a href="http://www.free-css.com/">Contact</a></li>
  </ul>
  <form name="serach" method="post" action="http://www.free-css.com/">
    <label>Search</label>
    <input type="text" name="serch" value="" class="textbox" />
    <input type="submit" name="sib" class="go" value="" />
  </form>
  <ul class="login">
    <li><a href="http://www.free-css.com/" class="sub">Subscribe</a></li>
    <li><a href="http://www.free-css.com/" class="loginHer"></a></li>
  </ul>
</div>
<div id="special">
  <h2 class="spea">What Special In 2007</h2>
  <a href="http://www.free-css.com/" class="spe2007">mayda 2009</a>
  <dl>
    <dt>Egestas urna. Proin velit. Vivamus congue dolor ac lacus. Proin <span>lacus</span> lectaretras</dt>
    <dt>Gravida sem <span>ligula vel nisl.</span></dt>
    <dt>Curabitur <span>congue</span> est at erat. Suspendisse </dt>
  </dl>
  <br class="spacer" />
</div>
<div id="botBody">
  <div class="subdiv">
    <p class="top">&nbsp;</p>
    <h2 >Members Login</h2>
    <form name="login" method="post" action="http://www.free-css.com/">
      <label>Enter Your Name</label>
      <input type="text" name="text" value="" class="textbox" />
      <label>Enter Your Password</label>
      <input type="password" name="password" value="" class="textbox" />
      <input type="checkbox" name="che" value="" class="check" />
      <a href="http://www.free-css.com/" class="reme">Remember Me</a>
      <input type="submit" name="submit" value="" class="loginbut" />
      <br class="spacer" />
    </form>
    <p class="bot"></p>
  </div>
  <div class="subdiv">
    <p class="top">&nbsp;</p>
    <h2 class="event">İslami Konularda</h2>
    <div class="subdiv1"> <img src="images/pic.gif" alt="" />
      <h3>10.06.07</h3>
      <h4>Vivamus rutrum feetm </h4>
      <p>Enimnunc fringilla esmorbi pulvinar</p>
      <br class="spacer" />
    </div>
    <div class="subdiv1"> <img src="images/pic2.gif" alt="" />
      <h3>18.06.07</h3>
      <h4>Quisque laoreet</h4>
      <p>Aenean viverra sapien a eni Pellentesque non just</p>
      <br class="spacer" />
    </div>
    <p class="more marTop"><a href="http://www.free-css.com/">more</a></p>
    <p class="bot">&nbsp;</p>
  </div>
  <div class="subdiv">
    <p class="top">&nbsp;</p>
    <h2 class="moreServices">More Services</h2>
    <h4>Curabitur congue est at erat.</h4>
    <ul class="servi">
      <li><a href="http://www.free-css.com/">Nunc fringilla egestas pede. Morbi </a></li>
      <li><a href="http://www.free-css.com/">Pulvinar condimentum pede. Aliquam </a></li>
      <li><a href="http://www.free-css.com/">Mi quam, iaculis non, mollis et, </a></li>
      <li><a href="http://www.free-css.com/">Tincidunt non, orci. Quisque blandit </a></li>
      <li><a href="http://www.free-css.com/">Erat a erat. Nullam ornare, mi ac </a></li>
      <li><a href="http://www.free-css.com/">Placerat ultrices,</a></li>
    </ul>
    <p class="more"><a href="http://www.free-css.com/">more</a></p>
    <p class="bot">&nbsp;</p>
  </div>
  <div class="subdiv2">
    <p class="top">&nbsp;</p>
    <h2 class="testi">Testimonials</h2>
    <h4><strong>L.Brian</strong></h4>
    <h4 class="green">On 23rd June 2007</h4>
    <p class="text"><i>Nunc fringilla egestas pede. Morbi Pulvinar </i></p>
    <h4><strong>L.Brian</strong></h4>
    <h4 class="green">On 23rd June 2007</h4>
    <p class="text"><i>Nunc fringilla egestas pede. Morbi Pulvinar </i></p>
    <p class="more"><a href="http://www.free-css.com/">more</a></p>
    <p class="bot">&nbsp;</p>
  </div>
  <br class="spacer" />
</div>
<div id="highlight">
  <form name="newlette" method="post" action="http://www.free-css.com/">
    <p class="top">&nbsp;</p>
    <h2>Newsletter Signup</h2>
    <label>Enter Your Email Id</label>
    <input type="text" name="te" value="" class="textbox" />
    <input type="submit" name="submit" value="" class="singup" />
    <a href="http://www.free-css.com/" class="freeRes">Registration</a>
    <p class="bot">&nbsp;</p>
  </form>
  <h2 class="hight">Highlights</h2>
  <h3>Blandit erat a erat. Nullam ornare, mi ac placerat ultrices, pede arcu ornare tellus, id molestie ligula erat at felis nullam neque neque, dictum quis</h3>
  <p class="text"> Curabitur malesuada aliquam urna. <strong>Nulla sodales pharetra neque.</strong> Vestibulum pretium, metus sed tincidunt tristique, ante sapien pellentesque nisi, ac lobortis ante orci ut felis. Sed semper, enim id fringilla pos. Quisque laoreet, elit at tincidunt porta, massa tortor porttitor magna, </p>
  <p class="text"> At vehicula pede dui id enim. <strong>Pellentesque rhoncus metus quis nulla.</strong> Donec tellus metus, vehicula nec, scelerisque commodo, egestas eget, enim. Nulla in nulla. Aliquam risus. Suspendisse eleifend tellus. </p>
  <br class="spacer" />
</div>
<div id="footerbig">
  <div id="footer">
    <ul>
      <li><a href="http://www.free-css.com/">Home</a></li>
      <li>|</li>
      <li><a href="http://www.free-css.com/"> About us</a></li>
      <li>|</li>
      <li><a href="http://www.free-css.com/">Procidures</a></li>
      <li>|</li>
      <li><a href="http://www.free-css.com/">Services</a></li>
      <li>|</li>
      <li><a href="http://www.free-css.com/">Support</a></li>
      <li>|</li>
      <li><a href="http://www.free-css.com/">Meeting</a></li>
      <li>|</li>
      <li><a href="http://www.free-css.com/">Testimonials</a></li>
      <li>|</li>
      <li><a href="http://www.free-css.com/">Future Plans</a></li>
      <li>|</li>
      <li><a href="http://www.free-css.com/">Contact</a></li>
    </ul>
    <p>Copyrioht © Eco Mania 2007 All Rights Reserved</p>
    <p>Powered by <a href="http://templatekingdom.com">TemplateKingdom.com</a></p>
  </div>
</div>
</body>
</html>
Mesaj23.06.2009, 18:55 (UTC)    
Mesaj konusu:

cok benziyo ona

css koduna
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;}

@import url(accordion.css);

* body {
   margin:0;
   padding:0;
   height:100%;
   }
   
html{
   height:100%;
   }

body {
   height:100%;
   margin:0;
   padding:0;
   font-family:verdana, Arial, Helvetica, sans-serif;
   font-size:13px;
   color:#D8D7D3;
   background-color:#353535;
   text-align:center;
   }
   
img{
   border:0;
   padding:0;
   margin:0;
   }

.justify{
   text-align:justify;
   }
   
.bold{
   font-weight:bold;
   }
   
.center{
   text-align:center;
   }
   
.right{
   text-align:right;
   }
   
.nostart {
   list-style-type:none;
   margin:0;
   padding:0;
   }
   
.clear{
   clear:both;
   }

a{
   outline:none;
   }

/* ----------------------------------------------Container-------------------------------------*/

#pagecontainer{
   position:relative;
   margin:0 auto 0;
   text-align:left;
   width:836px;
   padding:0 32px 32px 32px;
   min-height:100%;
   color:#D8D7D3;
   background:url(http://www.free-css.com/assets/files/free-templates/preview/page89/dark-rounded/assets/templates/dark-rounded/images/cbg.gif) top left no-repeat #1F1F1F;
   }
   
/* ----------------------------------------------Head-------------------------------------*/

#head{
   position:relative;
   float:left;
   width:836px;
   height:213px;
   margin-top:128px;
   font-size:22px;
   font-family:"Times New Roman", Georgia, Times, serif;
   font-style:italic;
   color:#747473;
   background:url(http://www.free-css.com/assets/files/free-templates/preview/page89/dark-rounded/assets/templates/dark-rounded/images/hbg.gif) top left no-repeat #292929;
   }
   
h1#logo a:link, h1#logo a:visited, h1#logo a:hover{
   display:block;
   position:absolute;
   top:111px;
   left:195px;
   width:263px;
   height:51px;
   margin:0;
   padding:0;
   text-decoration:none;
   color:#9AC18A;
   font-family:"Times New Roman", Times, serif;
   font-size:36px;
   font-weight:normal;
   z-index:1;
   overflow:hidden;
   }
   
p#quote{
   position:absolute;
   top:167px;
   left:205px;
   margin:0;
   padding:0;
   font-weight:bolder;
   font-size:.9em;
   }

/* ----------------------------------------------Top Navi-------------------------------------*/

#head{
   position:relative;
   float:left;
   width:836px;
   height:280px;
   margin-top:128px;
   font-size:22px;
   font-family:"Times New Roman", Georgia, Times, serif;
   font-style:italic;
   color:#747473;
   background:url(http://www.free-css.com/assets/files/free-templates/preview/page89/dark-rounded/assets/templates/dark-rounded/images/hbg.gif) top left no-repeat #292929;
   }

ul#topnavi{
   position:absolute;
   top:213px;
   left:0;
   display:block;
   width:836px;
   height:67px;
   list-style:none;
   margin:0;
   padding:0;
   z-index:1;
   background:url(http://www.free-css.com/assets/files/free-templates/preview/page89/dark-rounded/assets/templates/dark-rounded/images/tnavibg.jpg) top left no-repeat;
   }
   
ul#topnavi li{
   display:inline;
   float:left;
   height:42px;
   background:url(http://www.free-css.com/assets/files/free-templates/preview/page89/dark-rounded/assets/templates/dark-rounded/images/line.jpg) top right no-repeat;
   }
   
ul#topnavi li.last{
   background:none;
   }
   
ul#topnavi a:link, ul#topnavi a:visited, ul#topnavi a:hover{
   display:inline;
   float:left;
   height:27px;
   padding:15px 0 0 0;
   margin:0 15px 0 15px;
   font-family:Verdana, Arial, Helvetica, sans-serif;
   font-size:13px;
   font-weight:bold;
   color:#000000;
   background-color:transparent;
   text-decoration:none;
   font-style:normal;
   }

ul#topnavi a:hover{
   color:#FFFFFF;
   background-color:transparent;
   }

/* ----------------------------------------------Content-------------------------------------*/

#content{
   position:relative;
   float:left;
   width:624px;
   line-height:1.4em;
   margin:20px 0 0 0;
   }
   
#content h1, #content h5, #content h3, #content h4, #content h5, #content h6{
   padding:5px 0 5px 25px;
   margin:18px 0;
   font-size:20px;
   font-family:"Times New Roman", Georgia, Times, serif;
   font-weight:normal;
   color:#A7BAC5;
   background:url(http://www.free-css.com/assets/files/free-templates/preview/page89/dark-rounded/assets/templates/dark-rounded/images/headlinebg.gif) left center no-repeat #1F1F1F;
   }
   
#content ul, #content ol{
   position:relative;
   list-style:none;
   }
   
#content li{
   padding-left:20px;
   background:url(http://www.free-css.com/assets/files/free-templates/preview/page89/dark-rounded/assets/templates/dark-rounded/images/libg.gif) 0 5px no-repeat;
   }
   
#content a:link, #content a:visited, #content a:hover{
   color:#9AC18A;
   background-color:#1F1F1F;
   text-decoration:none;
   }
   
#content ul, #content ol{
   position:relative;
   list-style:none;
   }
   
#content li{
   padding-left:20px;
   margin-bottom:5px;
   background:url(http://www.free-css.com/assets/files/free-templates/preview/page89/dark-rounded/assets/templates/dark-rounded/images/footick.gif) 0 3px no-repeat;
   }
   
#content div.code{
   width:550px;
   margin-left:40px;
   padding:5px 0 5px 24px;
   border-left:10px solid #C2DCCE;
   font-weight:normal;
   font-style:normal;
   }
   
#content div.code code{
   /*color:#539370;*/
   color:#A7BAC5;
   background-color:#1F1F1F;
   }

.yellow, #content div.code code.yellow{
   color:#FFFF00;
   background-color:#1F1F1F;
   }

#content strong code{
   /*color:#539370;*/
   color:#FFD085;
   background-color:#1F1F1F;
   font-weight:normal;
   }
   
/* -Contact Form-*/

#contact{
   position:relative;
   float:left;
   padding:25px 0 0 0;
   width:100%;
   }

#contact form{
   width:524px;
   padding:0;
   }

#contact fieldset{
   border:none;
   margin:0;
   padding:0;
   }

#contact label{
   position:relative;
   float:left;
   width:200px;
   margin-bottom:10px;
   border:1px solid #CCCCCC;
   text-align:right;
   margin-right:20px;
   font-weight:bold;
   }
   
#contact input, #contact textarea{
   position:relative;
   float:left;
   width:300px;
   margin-bottom:10px;
   border:1px solid #CCCCCC;
   }
   
#contact textarea{
   height:180px;
   width:292px;
   padding-left:4px;
   padding-right:4px;
   overflow:auto;
   }
   
#contact label{
   border:none;
   }
   
#contact input.button{
   position:relative;
   float:right;
   width:175px;
   border:1px solid #CCCCCC;
   margin:0 65px 0 0;
   }
   
#contact legend, #contact input.hidden{
   display:none;
   }

/* ----------------------------------------------BreadCrumb-------------------------------------*/

#breadcrumb{
   font-size:10px;
   width:624px;
   margin:0 0 25px 0;
   padding-bottom:5px;
   text-transform:uppercase;
   background:url(http://www.free-css.com/assets/files/free-templates/preview/page89/dark-rounded/assets/templates/dark-rounded/images/brdcrb.gif) bottom left repeat-x;
   }
   
#breadcrumb ul{
   list-style:none;
   margin:0;
   padding:0;
   }
   
#breadcrumb li{
   display:inline;
   padding:0;
   background:none;
   margin-right:2px;
   }
   
#content #breadcrumb a{
   font-size:10px;
   font-style:normal;
   text-decoration:none;
   }
   
/* ----------------------------------------------Pagination-------------------------------------*/

.pagination{
   display:block;
   width:604px;
   padding:0 10px 0 10px;
   margin:25px 0 25px 0;
   text-align:center;
   }
   
.pagination ul{
   list-style-type:none;
   margin:0;
   padding:0;
   }
   
#container .pagination li{
   background:none;
   padding:0;
   display:inline;
   }

#container .pagination li a.selected{
   text-decoration:underline;
   color:#FFFFFF;
   background-color:#1F1F1F;
   }
   
/* ----------------------------------------------Showcase-------------------------------------*/

#showcase{
   display:block;
   width:624px;
   }

#showcase .container{
   position:relative;
   float:left;
   display:inline;
   width:200px;
   height:200px;
   margin:0 4px 10px 4px;
   background:url(http://www.free-css.com/assets/files/free-templates/preview/page89/dark-rounded/assets/templates/dark-rounded/images/galbg.gif) top left no-repeat;
   }

#showcase .container ul{
   list-style-type:none;
   margin:0;
   padding:0;
   }
   
#showcase li{
   padding:0;
   background:none;
   }
   
#showcase a:link, #showcase a:visited, #showcase a:hover{
   color:#9AC18A;
   background-color:#2D2D2D;
   text-decoration:none;
   font-style:normal;
   }
   
#showcase .container li.name{
   position:absolute;
   top:8px;
   left:9px;
   width:182px;
   height:15px;
   text-align:center;
   text-transform:uppercase;
   font-weight:bold;
   font-size:11px;
   overflow:hidden;
   }
   
#showcase .container li.screen{
   position:absolute;
   top:32px;
   left:9px;
   }
   
#showcase .container li.screen img{
   width:180px;
   height:134px;
   border:1px solid #01FFFF;
   }
   
#showcase .container li.demo{
   position:absolute;
   top:176px;
   left:9px;
   }
   
#showcase .container li.dld{
   position:absolute;
   top:174px;
   right:9px;
   }

#showcase .container li.posted{
   position:absolute;
   top:174px;
   left:9px;
   font-size:11px;
   color:#A7BAC5;
   background-color:#2D2D2D;
   }

#content #showcase .container li.posted strong{
   color:#FFD085;
   background-color:#2D2D2D;
   /*font-weight:normal;*/
   }

/* ----------------------------------------------Right Block-------------------------------------*/

#rightblock{
   position:relative;
   float:right; 
   width:200px;
   padding-top:65px;
   background:url(http://www.free-css.com/assets/files/free-templates/preview/page89/dark-rounded/assets/templates/dark-rounded/images/rbbg.gif) top right no-repeat;
   }
   
#rightblock h6.title{
   display:block;
   width:184px;
   height:16px;
   margin:0 0 12px 0;
   padding:6px 8px 8px 8px;
   color:#CCCCCC;
   background-color:#323232;
   font-size:16px;
   font-weight:normal;
   font-family:"Times New Roman", Times, serif;
   background:url(http://www.free-css.com/assets/files/free-templates/preview/page89/dark-rounded/assets/templates/dark-rounded/images/titlebg.jpg) top left repeat-x;
   }

#navi{
   width:200px;
   margin-bottom:25px;
   }
   
#rightblock #navi h6.title{
   margin-bottom:2px;
   }
   
#rightblock h6.toggler2, #rightblock #navi h6.toggler2{
   cursor:pointer;
   color:#9AC18A;
   background-color:transparent;
   }
   
#navi ul{
   list-style:none;
   margin:0;
   padding:0;
   }
   
#navi a:link, #navi a:visited, #navi a:hover{
   display:block;
   width:170px;
   padding:10px 5px 10px 25px;
   font-family:Verdana, Arial, Helvetica, sans-serif;
   font-size:13px;
   color:#9AC18A;
   background:url(http://www.free-css.com/assets/files/free-templates/preview/page89/dark-rounded/assets/templates/dark-rounded/images/navibg.gif) left center no-repeat #1F1F1F;
   text-decoration:none;
   border-bottom:1px solid #323232;
   }
   
#navi a:hover{
   color:#FFFFFF;
   background:url(http://www.free-css.com/assets/files/free-templates/preview/page89/dark-rounded/assets/templates/dark-rounded/images/navibgact.gif) left center no-repeat #1F1F1F;
   }
   
/* LEVEL 2 (UL UL)*/

#navi li ul li a:link, #navi li ul li a:visited, #navi li ul li a:hover{
   display:block;
   width:150px;
   padding-left:45px;
   background:url(http://www.free-css.com/assets/files/free-templates/preview/page89/dark-rounded/assets/templates/dark-rounded/images/navibg.gif) 0 5px no-repeat #1F1F1F;
   }

/* LEVEL 3 (UL UL UL)*/

#navi li ul li ul li a:link, #navi li ul li ul li a:visited, #navi li ul li ul li a:hover{
   display:block;
   width:130px;
   padding-left:65px;
   }
   
/* Active Links */

#navi li.active a:link, #navi li.active a:visited, #navi li.active a:hover{
   color:#FFFFFF;
   background:url(http://www.free-css.com/assets/files/free-templates/preview/page89/dark-rounded/assets/templates/dark-rounded/images/navibgact.gif) left center no-repeat #1F1F1F;
   }
   
/* LEVEL 2 Active */

#navi li.active li a:link, #navi li.active li a:visited, #navi li.active li a:hover{
   color:#9AC18A;
   background:url(http://www.free-css.com/assets/files/free-templates/preview/page89/dark-rounded/assets/templates/dark-rounded/images/navibg.gif) 20px 13px no-repeat #1F1F1F;
   }
   
#navi li.active li a:hover{
   color:#FFFFFF;
   background:url(http://www.free-css.com/assets/files/free-templates/preview/page89/dark-rounded/assets/templates/dark-rounded/images/navibgact.gif) 20px 13px no-repeat #1F1F1F;
   }
   
#navi li.active li.active a:link, #navi li.active li.active a:visited, #navi li.active li.active a:hover{
   color:#FFFFFF;
   background:url(http://www.free-css.com/assets/files/free-templates/preview/page89/dark-rounded/assets/templates/dark-rounded/images/navibgact.gif) 20px 13px no-repeat #1F1F1F;
   }

#navi li.active li.active li a:link, #navi li.active li.active li a:visited, #navi li.active li.active li a:hover{
   color:#9AC18A;
   background:url(http://www.free-css.com/assets/files/free-templates/preview/page89/dark-rounded/assets/templates/dark-rounded/images/navibg.gif) 40px 13px no-repeat #1F1F1F;
   }
   
#navi li.active li.active li a:hover{
   color:#FFFFFF;
   background:url(http://www.free-css.com/assets/files/free-templates/preview/page89/dark-rounded/assets/templates/dark-rounded/images/navibgact.gif) 40px 13px no-repeat #1F1F1F;
   }

#navi li.active li.active li.active a:link, #navi li.active li.active li.active a:visited, #navi li.active li.active li.active a:hover{
   color:#FFFFFF;
   background:url(http://www.free-css.com/assets/files/free-templates/preview/page89/dark-rounded/assets/templates/dark-rounded/images/navibgact.gif) 40px 13px no-repeat #1F1F1F;
   }


/* ----------------------------------------------Holder-------------------------------------*/

.holder{
   width:200px;
   margin-bottom:25px;
   }

.holder ul{
   list-style-type:none;
   margin:0;
   padding:0;
   }
   
.holder li{
   margin-bottom:5px;
   }

.holder a:link, .holder a:visited, .holder a:hover{
   color:#9AC18A;
   background-color:#1F1F1F;
   text-decoration:none;
   }

/* ----------------------------------------------Footer-------------------------------------*/

#footerwrapper{
   text-align:left;
   width:900px;
   padding-top:52px;
   margin:0 auto;
   font-size:12px;
   line-height:1.4em;
   color:#D8D7D3;
   background:url(http://www.free-css.com/assets/files/free-templates/preview/page89/dark-rounded/assets/templates/dark-rounded/images/ftwrbg.gif) top left no-repeat #1F1F1F;
   }

#footerwrapper a:link, #footerwrapper a:visited, #footerwrapper a:hover{
   color:#9AC18A;
   background-color:#1F1F1F;
   text-decoration:underline;
   font-style:italic;
   }

#footer{
   width:836px;
   margin-left:32px;
   }
   
.sponsor{
   position:relative;
   float:left;
   width:243px;
   padding-right:35px;
   }
   
#footer .sponsor a:link, #footer .sponsor a:visited, #footer .sponsor a:hover{
   text-decoration:none;
   font-style:normal;
   }
   
.sponsor h6{
   font-size:18px;
   font-family:"Times New Roman", Georgia, Times, serif;
   margin:0;
   padding:0;
   color:#A7BAC5;
   background-color:#1F1F1F;
   font-weight:normal;
   }
   
.sponsor ul, .sponsor ol{
   position:relative;
   list-style:none;
   margin:13px 0 13px 0;
   padding:0;
   }
   
.sponsor li{
   padding-left:20px;
   margin-bottom:5px;
   background:url(http://www.free-css.com/assets/files/free-templates/preview/page89/dark-rounded/assets/templates/dark-rounded/images/footick.gif) left center no-repeat;
   }

ul.nostart li{
   padding-left:0;
   margin-bottom:5px;
   background:none;
   }

#meta{
   width:900px;
   padding:10px 0;
   margin-top:25px;
   text-align:center;
   font-size:10px;
   color:#FFFFFF;
   background-color:#494949;
   border-top:5px solid #B7B6B1;
   }
   
#meta a:link, #meta a:visited, #meta a:hover{
   color:#FFFFFF;
   background-color:#494949;
   text-decoration:none;
   font-style:normal;
   }
   
#meta ul{
   margin:0;
   padding:0;
   list-style:none;
   }
   
#meta li{
   display:inline;
   margin:0 2px 0 2px;
   }

/* ----------------------------------------------Absolute Positioned Extras-------------------------------------*/
   
#topbanner{
   position:absolute;
   top:20px;
   left:0;
   width:468px;
   height:60px;
/*   background-color:lime;*/
   }

#globe{
   position:absolute;
   top:142px;
   left:76px;
   width:150px;
   height:178px;
   background:url(http://www.free-css.com/assets/files/free-templates/preview/page89/dark-rounded/assets/templates/dark-rounded/images/globe.jpg) top left no-repeat;
   }

#flower{
   position:absolute;
   top:160px;
   right:0;
   width:32px;
   height:243px;
   background:url(http://www.free-css.com/assets/files/free-templates/preview/page89/dark-rounded/assets/templates/dark-rounded/images/floside.gif) top left no-repeat;
   }
   
/* ----------------------------------------------Bookmarks-------------------------------------*/

#bookmarks{
   width:900px;
   padding-top:20px;
   margin-bottom:30px;
   text-align:center;
   color:#9AC18A;
   background:url(http://www.free-css.com/assets/files/free-templates/preview/page89/dark-rounded/assets/templates/dark-rounded/images/bkbg.gif) top left no-repeat #1F1F1F;
   }
   
#bookmarks ul{
   margin:0;
   padding:0;
   list-style-type:none;
   }
   
#bookmarks li{
   display:inline;
   margin:0 5px 0 5px;
   cursor:pointer;
   }
   
#bookmarks img {
   padding: 0;
   margin-right:5px;
   border:none;
   vertical-align:text-bottom;
   }



tasarım altına
Kod:
</p>
</div>
  <div id="rightblock">
    <div id="navi">
      <h6 class="title toggler2">Main Navigation</h6>
      <div style="border-top: medium none; border-bottom: medium none; overflow: hidden; padding-top: 0px; padding-bottom: 0px; visibility: hidden; opacity: 0; height: 0px;" class="accordion2">
        <ul>
          <li><a href="http://www.free-css.com/">Free CSS Templates</a></li>
          <li><a href="http://www.free-css.com/">CSS Gallery</a></li>
          <li><a href="http://www.free-css.com/">CSS Books & Articles</a></li>
          <li><a href="http://www.free-css.com/">Free CSS Tutorials</a></li>
          <li><a href="http://www.free-css.com/">CSS Reference</a></li>
          <li><a href="http://www.free-css.com/">Premium Templates</a></li>
          <li><a href="http://www.free-css.com/">External CSS Resources</a></li>
          <li><a href="http://www.free-css.com/">Free CSS Layouts</a></li>
          <li><a href="http://www.free-css.com/">Free CSS Menus</a></li>
          <li><a href="http://www.free-css.com/">Favourite RSS Feeds</a></li>
          <li><a href="http://www.free-css.com/">PSD to XHTML</a></li>
        </ul>
      </div>
    </div>
    <div class="holder">
      <h6 class="title">Sponsor Banners</h6>
      <div style="margin-left: 6px;">
        <script type="text/javascript" src="assets/templates/dark-rounded/scripts/buysellads.js"></script><script src="file://s3.buysellads.com/1635/1635.js?v=1234440561000" type="text/javascript"></script>
        <img src="http://www.free-css.com/assets/files/free-templates/preview/page89/dark-rounded/assets/images/banners/advertise.jpg" alt="" width="185" height="60"> </div>
    </div>
    <div class="holder">
      <h6 class="title">RSS Feed</h6>
      <p class="center"><a href="http://www.free-css.com/"><img src="http://www.free-css.com/assets/files/free-templates/preview/page89/dark-rounded/assets/templates/dark-rounded/images/feed.jpg" alt="" width="177" height="41"></a></p>
    </div>
    <div class="holder">
      <h6 class="title">Support Free CSS</h6>
      <ul style="text-align: center;">
        <li>
          <form action="https://www.paypal.com/cgi-bin/webscr" method="post">
            <input name="cmd" value="_donations" type="hidden">
            <input name="business" value="sponsors( at )free-css.com" type="hidden">
            <input name="item_name" value="Support Free CSS.com" type="hidden">
            <input name="item_number" value="http://www.free-css.com/" type="hidden">
            <input name="page_style" value="FreeCSS" type="hidden">
            <input name="no_shipping" value="0" type="hidden">
            <input name="currency_code" value="GBP" type="hidden">
            <input name="tax" value="0" type="hidden">
            <input name="lc" value="GB" type="hidden">
            <input name="bn" value="PP-DonationsBF" type="hidden">
            <input name="return" value="support.php#thanx" type="hidden">
            <input src="assets/templates/dark-rounded/images/paypal-support.jpg" name="submit" alt="Paypal Donate" type="image">
          </form>
        </li>
      </ul>
      <p class="center"><a href="http://www.free-css.com/">Why Support Free CSS ?</a></p>
    </div>
  </div>
  <!-- ############################ -->
  <div class="clear"></div>
  <div style="" id="globe"></div>
  <div id="flower"></div>
  <div id="topbanner"> <img src="http://www.free-css.com/assets/files/free-templates/preview/page89/dark-rounded/assets/images/banners/banner.gif" alt="" width="468" height="60"> </div>
</div>
<div style="" id="footerwrapper">
  <div id="bookmarks">
    <ul>
      <li onclick="window.open('http://www.facebook.com/share.php?u='+encodeURIComponent(location.href)+'&t=');return false;"><img src="http://www.free-css.com/assets/files/free-templates/preview/page89/dark-rounded/assets/templates/dark-rounded/images/bookmarks/facebook.gif" alt="Add to: Facebook" width="16" height="16">Facebook</li>
      <li onclick="window.open('http://del.icio.us/post?v=2&url='+encodeURIComponent(location.href)+'&notes=&tags=&title='+encodeURIComponent(document.title));return false;"><img src="http://www.free-css.com/assets/files/free-templates/preview/page89/dark-rounded/assets/templates/dark-rounded/images/bookmarks/del.gif" alt="Del.icio.us" width="16" height="16">Del.icio.us</li>
      <li onclick="window.open('http://myweb2.search.yahoo.com/myresults/bookmarklet?t='+encodeURIComponent(document.title)+'&d=&tag=&u='+encodeURIComponent(location.href));return false;"><img src="http://www.free-css.com/assets/files/free-templates/preview/page89/dark-rounded/assets/templates/dark-rounded/images/bookmarks/yahoo.gif" alt="Y! MyWeb" width="16" height="16">Y! MyWeb</li>
      <li onclick="window.open('http://www.google.com/bookmarks/mark?op=add&hl=de&bkmk='+encodeURIComponent(location.href)+'&annotation=&labels=&title='+encodeURIComponent(document.title));return false;"><img src="http://www.free-css.com/assets/files/free-templates/preview/page89/dark-rounded/assets/templates/dark-rounded/images/bookmarks/google.gif" alt="Google" width="16" height="16">Google</li>
      <li onclick="window.open('http://reddit.com/submit?url='+encodeURIComponent(location.href)+'&title='+encodeURIComponent(document.title));return false;"><img src="http://www.free-css.com/assets/files/free-templates/preview/page89/dark-rounded/assets/templates/dark-rounded/images/bookmarks/reddit.gif" alt="reddit" width="16" height="16">Reddit</li>
      <li onclick="window.open('http://www.simpy.com/simpy/LinkAdd.do?title='+encodeURIComponent(document.title)+'&tags=&note=&href='+encodeURIComponent(location.href));return false;"><img src="http://www.free-css.com/assets/files/free-templates/preview/page89/dark-rounded/assets/templates/dark-rounded/images/bookmarks/simpy.gif" alt="Simpy" width="16" height="16">Simpy</li>
      <li onclick="window.open('http://www.stumbleupon.com/submit?url='+encodeURIComponent(location.href)+'&title='+encodeURIComponent(document.title));return false;"><img src="http://www.free-css.com/assets/files/free-templates/preview/page89/dark-rounded/assets/templates/dark-rounded/images/bookmarks/stumbleupon.gif" alt="Stumbleupon" width="16" height="16">Stumble</li>
      <li onclick="window.open('http://www.blinklist.com/index.php?Action=Blink/addblink.php&Description=&Tag=&Url='+encodeURIComponent(location.href)+'&Title='+encodeURIComponent(document.title));return false;"><img src="http://www.free-css.com/assets/files/free-templates/preview/page89/dark-rounded/assets/templates/dark-rounded/images/bookmarks/blinklist.gif" alt="Blink" width="16" height="16">Blink</li>
      <li onclick="window.open('http://digg.com/submit?phase=2&url='+encodeURIComponent(location.href)+'&bodytext=&tags=&title='+encodeURIComponent(document.title));return false;"> <img src="http://www.free-css.com/assets/files/free-templates/preview/page89/dark-rounded/assets/templates/dark-rounded/images/bookmarks/digg.gif" alt="Digg" width="16" height="16">Digg</li>
    </ul>
  </div>
  <div id="footer">
    <div class="sponsor">
      <h6>Sponsored Ads</h6>
      <div style="padding-top: 15px;"> <img src="http://www.free-css.com/assets/files/free-templates/preview/page89/dark-rounded/assets/images/banners/banner200.gif" alt="" width="200" height="200"> </div>
    </div>
    <div class="sponsor">
      <h6>Affiliates</h6>
      <ul class="nostart">
        <li><a href="http://flashden.net?ref=gsxr750"><img src="http://www.free-css.com/assets/files/free-templates/preview/page89/dark-rounded/assets/images/banners/flashden/185x60.jpg" alt="FlashDen" title="" width="185" height="60"></a></li>
        <li><a href="http://www.medialab.com/idevaffiliate/idevaffiliate.php?id=843"><img src="http://www.free-css.com/assets/files/free-templates/preview/page89/dark-rounded/assets/images/banners/medialab/185x60.jpg" alt="Sitegrinder" title="" width="185" height="60"></a></li>
        <li><a href="http://www.flashloaded.com/?id2=3925388"><img src="http://www.free-css.com/assets/files/free-templates/preview/page89/dark-rounded/assets/images/banners/flashloaded/185x60.jpg" alt="FlashLoaded" title="" width="185" height="60"></a></li>
      </ul>
    </div>
    <div class="sponsor">
      <h6>Massavest bulum aliquat</h6>
      <p>Inconsectetuer elit maurisus sodalesuada ut donec donec leo augue cursus elit.</p>
      <p>Pulvinaretiumid vitantesque velis tellentegestibulum vivamus elis dolorem et rhoncus et id.</p>
      <p>Necmauristie ultris elit sed nibh congue massa in orci nunc id.</p>
    </div>
    <div class="clear"></div>
  </div>
  <div id="meta">
    <ul>
      <li>Copyright © 2008 - <a href="http://www.free-css.com/">Your Site</a>, All Rights Reserved</li>
      <li>|</li>
      <li><a target="_blank" href="http://validator.w3.org/check?uri=referer" title="Valid XHTML">Valid XHTML</a></li>
      <li>|</li>
      <li><a target="_blank" href="http://jigsaw.w3.org/css-validator/check/referer" title="Valid CSS">Valid CSS</a></li>
      <li>|</li>
      <li>Design by <a href="http://www.free-css.com/">Free CSS</a> & <a href="http://www.creative-xperience.com/" title="By Creative Xperience">CSS Website Design</a></li>
    </ul>
  </div>
</div>


tasarım üstüne

Kod:
<script type="text/javascript" src="mootools.js"></script>
<div style="" id="pagecontainer">  <div style="" id="head">
    <h1 id="logo"><a href="http://www.free-css.com/">Dark Rounded</a></h1>
    <p id="quote">Free CSS Template from Free CSS.com</p>
    <ul id="topnavi">
      <li><a href="http://www.free-css.com/">Home</a></li>
      <li style=""><a style="" href="contact-us.html">Contact Us</a></li>
      <li><a href="gallery.html">Gallery</a></li>
      <li><a href="examples.html">Examples</a></li>
      <li class="last"><a href="terms.html">Terms of Use</a></li>
    </ul>
  </div>
  <div style="" id="content">    <div style="" id="breadcrumb">
      <ul style="">
        <li style="" class="first">You Are Here</li>
        <li style="">»</li>
        <li class="current"><a style="" href="http://www.free-css.com/">Dark Rounded</a></li>
      </ul>
    </div>
    <h1 style="">HackeR FrienD.Net</h1>
    <p style="">

hackerfriendden sayfasından aldım
Mesaj23.06.2009, 18:56 (UTC)    
Mesaj konusu:

cok benziyo ona

css koduna
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;}

@import url(accordion.css);

* body {
   margin:0;
   padding:0;
   height:100%;
   }
   
html{
   height:100%;
   }

body {
   height:100%;
   margin:0;
   padding:0;
   font-family:verdana, Arial, Helvetica, sans-serif;
   font-size:13px;
   color:#D8D7D3;
   background-color:#353535;
   text-align:center;
   }
   
img{
   border:0;
   padding:0;
   margin:0;
   }

.justify{
   text-align:justify;
   }
   
.bold{
   font-weight:bold;
   }
   
.center{
   text-align:center;
   }
   
.right{
   text-align:right;
   }
   
.nostart {
   list-style-type:none;
   margin:0;
   padding:0;
   }
   
.clear{
   clear:both;
   }

a{
   outline:none;
   }

/* ----------------------------------------------Container-------------------------------------*/

#pagecontainer{
   position:relative;
   margin:0 auto 0;
   text-align:left;
   width:836px;
   padding:0 32px 32px 32px;
   min-height:100%;
   color:#D8D7D3;
   background:url(http://www.free-css.com/assets/files/free-templates/preview/page89/dark-rounded/assets/templates/dark-rounded/images/cbg.gif) top left no-repeat #1F1F1F;
   }
   
/* ----------------------------------------------Head-------------------------------------*/

#head{
   position:relative;
   float:left;
   width:836px;
   height:213px;
   margin-top:128px;
   font-size:22px;
   font-family:"Times New Roman", Georgia, Times, serif;
   font-style:italic;
   color:#747473;
   background:url(http://www.free-css.com/assets/files/free-templates/preview/page89/dark-rounded/assets/templates/dark-rounded/images/hbg.gif) top left no-repeat #292929;
   }
   
h1#logo a:link, h1#logo a:visited, h1#logo a:hover{
   display:block;
   position:absolute;
   top:111px;
   left:195px;
   width:263px;
   height:51px;
   margin:0;
   padding:0;
   text-decoration:none;
   color:#9AC18A;
   font-family:"Times New Roman", Times, serif;
   font-size:36px;
   font-weight:normal;
   z-index:1;
   overflow:hidden;
   }
   
p#quote{
   position:absolute;
   top:167px;
   left:205px;
   margin:0;
   padding:0;
   font-weight:bolder;
   font-size:.9em;
   }

/* ----------------------------------------------Top Navi-------------------------------------*/

#head{
   position:relative;
   float:left;
   width:836px;
   height:280px;
   margin-top:128px;
   font-size:22px;
   font-family:"Times New Roman", Georgia, Times, serif;
   font-style:italic;
   color:#747473;
   background:url(http://www.free-css.com/assets/files/free-templates/preview/page89/dark-rounded/assets/templates/dark-rounded/images/hbg.gif) top left no-repeat #292929;
   }

ul#topnavi{
   position:absolute;
   top:213px;
   left:0;
   display:block;
   width:836px;
   height:67px;
   list-style:none;
   margin:0;
   padding:0;
   z-index:1;
   background:url(http://www.free-css.com/assets/files/free-templates/preview/page89/dark-rounded/assets/templates/dark-rounded/images/tnavibg.jpg) top left no-repeat;
   }
   
ul#topnavi li{
   display:inline;
   float:left;
   height:42px;
   background:url(http://www.free-css.com/assets/files/free-templates/preview/page89/dark-rounded/assets/templates/dark-rounded/images/line.jpg) top right no-repeat;
   }
   
ul#topnavi li.last{
   background:none;
   }
   
ul#topnavi a:link, ul#topnavi a:visited, ul#topnavi a:hover{
   display:inline;
   float:left;
   height:27px;
   padding:15px 0 0 0;
   margin:0 15px 0 15px;
   font-family:Verdana, Arial, Helvetica, sans-serif;
   font-size:13px;
   font-weight:bold;
   color:#000000;
   background-color:transparent;
   text-decoration:none;
   font-style:normal;
   }

ul#topnavi a:hover{
   color:#FFFFFF;
   background-color:transparent;
   }

/* ----------------------------------------------Content-------------------------------------*/

#content{
   position:relative;
   float:left;
   width:624px;
   line-height:1.4em;
   margin:20px 0 0 0;
   }
   
#content h1, #content h5, #content h3, #content h4, #content h5, #content h6{
   padding:5px 0 5px 25px;
   margin:18px 0;
   font-size:20px;
   font-family:"Times New Roman", Georgia, Times, serif;
   font-weight:normal;
   color:#A7BAC5;
   background:url(http://www.free-css.com/assets/files/free-templates/preview/page89/dark-rounded/assets/templates/dark-rounded/images/headlinebg.gif) left center no-repeat #1F1F1F;
   }
   
#content ul, #content ol{
   position:relative;
   list-style:none;
   }
   
#content li{
   padding-left:20px;
   background:url(http://www.free-css.com/assets/files/free-templates/preview/page89/dark-rounded/assets/templates/dark-rounded/images/libg.gif) 0 5px no-repeat;
   }
   
#content a:link, #content a:visited, #content a:hover{
   color:#9AC18A;
   background-color:#1F1F1F;
   text-decoration:none;
   }
   
#content ul, #content ol{
   position:relative;
   list-style:none;
   }
   
#content li{
   padding-left:20px;
   margin-bottom:5px;
   background:url(http://www.free-css.com/assets/files/free-templates/preview/page89/dark-rounded/assets/templates/dark-rounded/images/footick.gif) 0 3px no-repeat;
   }
   
#content div.code{
   width:550px;
   margin-left:40px;
   padding:5px 0 5px 24px;
   border-left:10px solid #C2DCCE;
   font-weight:normal;
   font-style:normal;
   }
   
#content div.code code{
   /*color:#539370;*/
   color:#A7BAC5;
   background-color:#1F1F1F;
   }

.yellow, #content div.code code.yellow{
   color:#FFFF00;
   background-color:#1F1F1F;
   }

#content strong code{
   /*color:#539370;*/
   color:#FFD085;
   background-color:#1F1F1F;
   font-weight:normal;
   }
   
/* -Contact Form-*/

#contact{
   position:relative;
   float:left;
   padding:25px 0 0 0;
   width:100%;
   }

#contact form{
   width:524px;
   padding:0;
   }

#contact fieldset{
   border:none;
   margin:0;
   padding:0;
   }

#contact label{
   position:relative;
   float:left;
   width:200px;
   margin-bottom:10px;
   border:1px solid #CCCCCC;
   text-align:right;
   margin-right:20px;
   font-weight:bold;
   }
   
#contact input, #contact textarea{
   position:relative;
   float:left;
   width:300px;
   margin-bottom:10px;
   border:1px solid #CCCCCC;
   }
   
#contact textarea{
   height:180px;
   width:292px;
   padding-left:4px;
   padding-right:4px;
   overflow:auto;
   }
   
#contact label{
   border:none;
   }
   
#contact input.button{
   position:relative;
   float:right;
   width:175px;
   border:1px solid #CCCCCC;
   margin:0 65px 0 0;
   }
   
#contact legend, #contact input.hidden{
   display:none;
   }

/* ----------------------------------------------BreadCrumb-------------------------------------*/

#breadcrumb{
   font-size:10px;
   width:624px;
   margin:0 0 25px 0;
   padding-bottom:5px;
   text-transform:uppercase;
   background:url(http://www.free-css.com/assets/files/free-templates/preview/page89/dark-rounded/assets/templates/dark-rounded/images/brdcrb.gif) bottom left repeat-x;
   }
   
#breadcrumb ul{
   list-style:none;
   margin:0;
   padding:0;
   }
   
#breadcrumb li{
   display:inline;
   padding:0;
   background:none;
   margin-right:2px;
   }
   
#content #breadcrumb a{
   font-size:10px;
   font-style:normal;
   text-decoration:none;
   }
   
/* ----------------------------------------------Pagination-------------------------------------*/

.pagination{
   display:block;
   width:604px;
   padding:0 10px 0 10px;
   margin:25px 0 25px 0;
   text-align:center;
   }
   
.pagination ul{
   list-style-type:none;
   margin:0;
   padding:0;
   }
   
#container .pagination li{
   background:none;
   padding:0;
   display:inline;
   }

#container .pagination li a.selected{
   text-decoration:underline;
   color:#FFFFFF;
   background-color:#1F1F1F;
   }
   
/* ----------------------------------------------Showcase-------------------------------------*/

#showcase{
   display:block;
   width:624px;
   }

#showcase .container{
   position:relative;
   float:left;
   display:inline;
   width:200px;
   height:200px;
   margin:0 4px 10px 4px;
   background:url(http://www.free-css.com/assets/files/free-templates/preview/page89/dark-rounded/assets/templates/dark-rounded/images/galbg.gif) top left no-repeat;
   }

#showcase .container ul{
   list-style-type:none;
   margin:0;
   padding:0;
   }
   
#showcase li{
   padding:0;
   background:none;
   }
   
#showcase a:link, #showcase a:visited, #showcase a:hover{
   color:#9AC18A;
   background-color:#2D2D2D;
   text-decoration:none;
   font-style:normal;
   }
   
#showcase .container li.name{
   position:absolute;
   top:8px;
   left:9px;
   width:182px;
   height:15px;
   text-align:center;
   text-transform:uppercase;
   font-weight:bold;
   font-size:11px;
   overflow:hidden;
   }
   
#showcase .container li.screen{
   position:absolute;
   top:32px;
   left:9px;
   }
   
#showcase .container li.screen img{
   width:180px;
   height:134px;
   border:1px solid #01FFFF;
   }
   
#showcase .container li.demo{
   position:absolute;
   top:176px;
   left:9px;
   }
   
#showcase .container li.dld{
   position:absolute;
   top:174px;
   right:9px;
   }

#showcase .container li.posted{
   position:absolute;
   top:174px;
   left:9px;
   font-size:11px;
   color:#A7BAC5;
   background-color:#2D2D2D;
   }

#content #showcase .container li.posted strong{
   color:#FFD085;
   background-color:#2D2D2D;
   /*font-weight:normal;*/
   }

/* ----------------------------------------------Right Block-------------------------------------*/

#rightblock{
   position:relative;
   float:right; 
   width:200px;
   padding-top:65px;
   background:url(http://www.free-css.com/assets/files/free-templates/preview/page89/dark-rounded/assets/templates/dark-rounded/images/rbbg.gif) top right no-repeat;
   }
   
#rightblock h6.title{
   display:block;
   width:184px;
   height:16px;
   margin:0 0 12px 0;
   padding:6px 8px 8px 8px;
   color:#CCCCCC;
   background-color:#323232;
   font-size:16px;
   font-weight:normal;
   font-family:"Times New Roman", Times, serif;
   background:url(http://www.free-css.com/assets/files/free-templates/preview/page89/dark-rounded/assets/templates/dark-rounded/images/titlebg.jpg) top left repeat-x;
   }

#navi{
   width:200px;
   margin-bottom:25px;
   }
   
#rightblock #navi h6.title{
   margin-bottom:2px;
   }
   
#rightblock h6.toggler2, #rightblock #navi h6.toggler2{
   cursor:pointer;
   color:#9AC18A;
   background-color:transparent;
   }
   
#navi ul{
   list-style:none;
   margin:0;
   padding:0;
   }
   
#navi a:link, #navi a:visited, #navi a:hover{
   display:block;
   width:170px;
   padding:10px 5px 10px 25px;
   font-family:Verdana, Arial, Helvetica, sans-serif;
   font-size:13px;
   color:#9AC18A;
   background:url(http://www.free-css.com/assets/files/free-templates/preview/page89/dark-rounded/assets/templates/dark-rounded/images/navibg.gif) left center no-repeat #1F1F1F;
   text-decoration:none;
   border-bottom:1px solid #323232;
   }
   
#navi a:hover{
   color:#FFFFFF;
   background:url(http://www.free-css.com/assets/files/free-templates/preview/page89/dark-rounded/assets/templates/dark-rounded/images/navibgact.gif) left center no-repeat #1F1F1F;
   }
   
/* LEVEL 2 (UL UL)*/

#navi li ul li a:link, #navi li ul li a:visited, #navi li ul li a:hover{
   display:block;
   width:150px;
   padding-left:45px;
   background:url(http://www.free-css.com/assets/files/free-templates/preview/page89/dark-rounded/assets/templates/dark-rounded/images/navibg.gif) 0 5px no-repeat #1F1F1F;
   }

/* LEVEL 3 (UL UL UL)*/

#navi li ul li ul li a:link, #navi li ul li ul li a:visited, #navi li ul li ul li a:hover{
   display:block;
   width:130px;
   padding-left:65px;
   }
   
/* Active Links */

#navi li.active a:link, #navi li.active a:visited, #navi li.active a:hover{
   color:#FFFFFF;
   background:url(http://www.free-css.com/assets/files/free-templates/preview/page89/dark-rounded/assets/templates/dark-rounded/images/navibgact.gif) left center no-repeat #1F1F1F;
   }
   
/* LEVEL 2 Active */

#navi li.active li a:link, #navi li.active li a:visited, #navi li.active li a:hover{
   color:#9AC18A;
   background:url(http://www.free-css.com/assets/files/free-templates/preview/page89/dark-rounded/assets/templates/dark-rounded/images/navibg.gif) 20px 13px no-repeat #1F1F1F;
   }
   
#navi li.active li a:hover{
   color:#FFFFFF;
   background:url(http://www.free-css.com/assets/files/free-templates/preview/page89/dark-rounded/assets/templates/dark-rounded/images/navibgact.gif) 20px 13px no-repeat #1F1F1F;
   }
   
#navi li.active li.active a:link, #navi li.active li.active a:visited, #navi li.active li.active a:hover{
   color:#FFFFFF;
   background:url(http://www.free-css.com/assets/files/free-templates/preview/page89/dark-rounded/assets/templates/dark-rounded/images/navibgact.gif) 20px 13px no-repeat #1F1F1F;
   }

#navi li.active li.active li a:link, #navi li.active li.active li a:visited, #navi li.active li.active li a:hover{
   color:#9AC18A;
   background:url(http://www.free-css.com/assets/files/free-templates/preview/page89/dark-rounded/assets/templates/dark-rounded/images/navibg.gif) 40px 13px no-repeat #1F1F1F;
   }
   
#navi li.active li.active li a:hover{
   color:#FFFFFF;
   background:url(http://www.free-css.com/assets/files/free-templates/preview/page89/dark-rounded/assets/templates/dark-rounded/images/navibgact.gif) 40px 13px no-repeat #1F1F1F;
   }

#navi li.active li.active li.active a:link, #navi li.active li.active li.active a:visited, #navi li.active li.active li.active a:hover{
   color:#FFFFFF;
   background:url(http://www.free-css.com/assets/files/free-templates/preview/page89/dark-rounded/assets/templates/dark-rounded/images/navibgact.gif) 40px 13px no-repeat #1F1F1F;
   }


/* ----------------------------------------------Holder-------------------------------------*/

.holder{
   width:200px;
   margin-bottom:25px;
   }

.holder ul{
   list-style-type:none;
   margin:0;
   padding:0;
   }
   
.holder li{
   margin-bottom:5px;
   }

.holder a:link, .holder a:visited, .holder a:hover{
   color:#9AC18A;
   background-color:#1F1F1F;
   text-decoration:none;
   }

/* ----------------------------------------------Footer-------------------------------------*/

#footerwrapper{
   text-align:left;
   width:900px;
   padding-top:52px;
   margin:0 auto;
   font-size:12px;
   line-height:1.4em;
   color:#D8D7D3;
   background:url(http://www.free-css.com/assets/files/free-templates/preview/page89/dark-rounded/assets/templates/dark-rounded/images/ftwrbg.gif) top left no-repeat #1F1F1F;
   }

#footerwrapper a:link, #footerwrapper a:visited, #footerwrapper a:hover{
   color:#9AC18A;
   background-color:#1F1F1F;
   text-decoration:underline;
   font-style:italic;
   }

#footer{
   width:836px;
   margin-left:32px;
   }
   
.sponsor{
   position:relative;
   float:left;
   width:243px;
   padding-right:35px;
   }
   
#footer .sponsor a:link, #footer .sponsor a:visited, #footer .sponsor a:hover{
   text-decoration:none;
   font-style:normal;
   }
   
.sponsor h6{
   font-size:18px;
   font-family:"Times New Roman", Georgia, Times, serif;
   margin:0;
   padding:0;
   color:#A7BAC5;
   background-color:#1F1F1F;
   font-weight:normal;
   }
   
.sponsor ul, .sponsor ol{
   position:relative;
   list-style:none;
   margin:13px 0 13px 0;
   padding:0;
   }
   
.sponsor li{
   padding-left:20px;
   margin-bottom:5px;
   background:url(http://www.free-css.com/assets/files/free-templates/preview/page89/dark-rounded/assets/templates/dark-rounded/images/footick.gif) left center no-repeat;
   }

ul.nostart li{
   padding-left:0;
   margin-bottom:5px;
   background:none;
   }

#meta{
   width:900px;
   padding:10px 0;
   margin-top:25px;
   text-align:center;
   font-size:10px;
   color:#FFFFFF;
   background-color:#494949;
   border-top:5px solid #B7B6B1;
   }
   
#meta a:link, #meta a:visited, #meta a:hover{
   color:#FFFFFF;
   background-color:#494949;
   text-decoration:none;
   font-style:normal;
   }
   
#meta ul{
   margin:0;
   padding:0;
   list-style:none;
   }
   
#meta li{
   display:inline;
   margin:0 2px 0 2px;
   }

/* ----------------------------------------------Absolute Positioned Extras-------------------------------------*/
   
#topbanner{
   position:absolute;
   top:20px;
   left:0;
   width:468px;
   height:60px;
/*   background-color:lime;*/
   }

#globe{
   position:absolute;
   top:142px;
   left:76px;
   width:150px;
   height:178px;
   background:url(http://www.free-css.com/assets/files/free-templates/preview/page89/dark-rounded/assets/templates/dark-rounded/images/globe.jpg) top left no-repeat;
   }

#flower{
   position:absolute;
   top:160px;
   right:0;
   width:32px;
   height:243px;
   background:url(http://www.free-css.com/assets/files/free-templates/preview/page89/dark-rounded/assets/templates/dark-rounded/images/floside.gif) top left no-repeat;
   }
   
/* ----------------------------------------------Bookmarks-------------------------------------*/

#bookmarks{
   width:900px;
   padding-top:20px;
   margin-bottom:30px;
   text-align:center;
   color:#9AC18A;
   background:url(http://www.free-css.com/assets/files/free-templates/preview/page89/dark-rounded/assets/templates/dark-rounded/images/bkbg.gif) top left no-repeat #1F1F1F;
   }
   
#bookmarks ul{
   margin:0;
   padding:0;
   list-style-type:none;
   }
   
#bookmarks li{
   display:inline;
   margin:0 5px 0 5px;
   cursor:pointer;
   }
   
#bookmarks img {
   padding: 0;
   margin-right:5px;
   border:none;
   vertical-align:text-bottom;
   }



tasarım altına
Kod:
</p>
</div>
  <div id="rightblock">
    <div id="navi">
      <h6 class="title toggler2">Main Navigation</h6>
      <div style="border-top: medium none; border-bottom: medium none; overflow: hidden; padding-top: 0px; padding-bottom: 0px; visibility: hidden; opacity: 0; height: 0px;" class="accordion2">
        <ul>
          <li><a href="http://www.free-css.com/">Free CSS Templates</a></li>
          <li><a href="http://www.free-css.com/">CSS Gallery</a></li>
          <li><a href="http://www.free-css.com/">CSS Books & Articles</a></li>
          <li><a href="http://www.free-css.com/">Free CSS Tutorials</a></li>
          <li><a href="http://www.free-css.com/">CSS Reference</a></li>
          <li><a href="http://www.free-css.com/">Premium Templates</a></li>
          <li><a href="http://www.free-css.com/">External CSS Resources</a></li>
          <li><a href="http://www.free-css.com/">Free CSS Layouts</a></li>
          <li><a href="http://www.free-css.com/">Free CSS Menus</a></li>
          <li><a href="http://www.free-css.com/">Favourite RSS Feeds</a></li>
          <li><a href="http://www.free-css.com/">PSD to XHTML</a></li>
        </ul>
      </div>
    </div>
    <div class="holder">
      <h6 class="title">Sponsor Banners</h6>
      <div style="margin-left: 6px;">
        <script type="text/javascript" src="assets/templates/dark-rounded/scripts/buysellads.js"></script><script src="file://s3.buysellads.com/1635/1635.js?v=1234440561000" type="text/javascript"></script>
        <img src="http://www.free-css.com/assets/files/free-templates/preview/page89/dark-rounded/assets/images/banners/advertise.jpg" alt="" width="185" height="60"> </div>
    </div>
    <div class="holder">
      <h6 class="title">RSS Feed</h6>
      <p class="center"><a href="http://www.free-css.com/"><img src="http://www.free-css.com/assets/files/free-templates/preview/page89/dark-rounded/assets/templates/dark-rounded/images/feed.jpg" alt="" width="177" height="41"></a></p>
    </div>
    <div class="holder">
      <h6 class="title">Support Free CSS</h6>
      <ul style="text-align: center;">
        <li>
          <form action="https://www.paypal.com/cgi-bin/webscr" method="post">
            <input name="cmd" value="_donations" type="hidden">
            <input name="business" value="sponsors( at )free-css.com" type="hidden">
            <input name="item_name" value="Support Free CSS.com" type="hidden">
            <input name="item_number" value="http://www.free-css.com/" type="hidden">
            <input name="page_style" value="FreeCSS" type="hidden">
            <input name="no_shipping" value="0" type="hidden">
            <input name="currency_code" value="GBP" type="hidden">
            <input name="tax" value="0" type="hidden">
            <input name="lc" value="GB" type="hidden">
            <input name="bn" value="PP-DonationsBF" type="hidden">
            <input name="return" value="support.php#thanx" type="hidden">
            <input src="assets/templates/dark-rounded/images/paypal-support.jpg" name="submit" alt="Paypal Donate" type="image">
          </form>
        </li>
      </ul>
      <p class="center"><a href="http://www.free-css.com/">Why Support Free CSS ?</a></p>
    </div>
  </div>
  <!-- ############################ -->
  <div class="clear"></div>
  <div style="" id="globe"></div>
  <div id="flower"></div>
  <div id="topbanner"> <img src="http://www.free-css.com/assets/files/free-templates/preview/page89/dark-rounded/assets/images/banners/banner.gif" alt="" width="468" height="60"> </div>
</div>
<div style="" id="footerwrapper">
  <div id="bookmarks">
    <ul>
      <li onclick="window.open('http://www.facebook.com/share.php?u='+encodeURIComponent(location.href)+'&t=');return false;"><img src="http://www.free-css.com/assets/files/free-templates/preview/page89/dark-rounded/assets/templates/dark-rounded/images/bookmarks/facebook.gif" alt="Add to: Facebook" width="16" height="16">Facebook</li>
      <li onclick="window.open('http://del.icio.us/post?v=2&url='+encodeURIComponent(location.href)+'&notes=&tags=&title='+encodeURIComponent(document.title));return false;"><img src="http://www.free-css.com/assets/files/free-templates/preview/page89/dark-rounded/assets/templates/dark-rounded/images/bookmarks/del.gif" alt="Del.icio.us" width="16" height="16">Del.icio.us</li>
      <li onclick="window.open('http://myweb2.search.yahoo.com/myresults/bookmarklet?t='+encodeURIComponent(document.title)+'&d=&tag=&u='+encodeURIComponent(location.href));return false;"><img src="http://www.free-css.com/assets/files/free-templates/preview/page89/dark-rounded/assets/templates/dark-rounded/images/bookmarks/yahoo.gif" alt="Y! MyWeb" width="16" height="16">Y! MyWeb</li>
      <li onclick="window.open('http://www.google.com/bookmarks/mark?op=add&hl=de&bkmk='+encodeURIComponent(location.href)+'&annotation=&labels=&title='+encodeURIComponent(document.title));return false;"><img src="http://www.free-css.com/assets/files/free-templates/preview/page89/dark-rounded/assets/templates/dark-rounded/images/bookmarks/google.gif" alt="Google" width="16" height="16">Google</li>
      <li onclick="window.open('http://reddit.com/submit?url='+encodeURIComponent(location.href)+'&title='+encodeURIComponent(document.title));return false;"><img src="http://www.free-css.com/assets/files/free-templates/preview/page89/dark-rounded/assets/templates/dark-rounded/images/bookmarks/reddit.gif" alt="reddit" width="16" height="16">Reddit</li>
      <li onclick="window.open('http://www.simpy.com/simpy/LinkAdd.do?title='+encodeURIComponent(document.title)+'&tags=&note=&href='+encodeURIComponent(location.href));return false;"><img src="http://www.free-css.com/assets/files/free-templates/preview/page89/dark-rounded/assets/templates/dark-rounded/images/bookmarks/simpy.gif" alt="Simpy" width="16" height="16">Simpy</li>
      <li onclick="window.open('http://www.stumbleupon.com/submit?url='+encodeURIComponent(location.href)+'&title='+encodeURIComponent(document.title));return false;"><img src="http://www.free-css.com/assets/files/free-templates/preview/page89/dark-rounded/assets/templates/dark-rounded/images/bookmarks/stumbleupon.gif" alt="Stumbleupon" width="16" height="16">Stumble</li>
      <li onclick="window.open('http://www.blinklist.com/index.php?Action=Blink/addblink.php&Description=&Tag=&Url='+encodeURIComponent(location.href)+'&Title='+encodeURIComponent(document.title));return false;"><img src="http://www.free-css.com/assets/files/free-templates/preview/page89/dark-rounded/assets/templates/dark-rounded/images/bookmarks/blinklist.gif" alt="Blink" width="16" height="16">Blink</li>
      <li onclick="window.open('http://digg.com/submit?phase=2&url='+encodeURIComponent(location.href)+'&bodytext=&tags=&title='+encodeURIComponent(document.title));return false;"> <img src="http://www.free-css.com/assets/files/free-templates/preview/page89/dark-rounded/assets/templates/dark-rounded/images/bookmarks/digg.gif" alt="Digg" width="16" height="16">Digg</li>
    </ul>
  </div>
  <div id="footer">
    <div class="sponsor">
      <h6>Sponsored Ads</h6>
      <div style="padding-top: 15px;"> <img src="http://www.free-css.com/assets/files/free-templates/preview/page89/dark-rounded/assets/images/banners/banner200.gif" alt="" width="200" height="200"> </div>
    </div>
    <div class="sponsor">
      <h6>Affiliates</h6>
      <ul class="nostart">
        <li><a href="http://flashden.net?ref=gsxr750"><img src="http://www.free-css.com/assets/files/free-templates/preview/page89/dark-rounded/assets/images/banners/flashden/185x60.jpg" alt="FlashDen" title="" width="185" height="60"></a></li>
        <li><a href="http://www.medialab.com/idevaffiliate/idevaffiliate.php?id=843"><img src="http://www.free-css.com/assets/files/free-templates/preview/page89/dark-rounded/assets/images/banners/medialab/185x60.jpg" alt="Sitegrinder" title="" width="185" height="60"></a></li>
        <li><a href="http://www.flashloaded.com/?id2=3925388"><img src="http://www.free-css.com/assets/files/free-templates/preview/page89/dark-rounded/assets/images/banners/flashloaded/185x60.jpg" alt="FlashLoaded" title="" width="185" height="60"></a></li>
      </ul>
    </div>
    <div class="sponsor">
      <h6>Massavest bulum aliquat</h6>
      <p>Inconsectetuer elit maurisus sodalesuada ut donec donec leo augue cursus elit.</p>
      <p>Pulvinaretiumid vitantesque velis tellentegestibulum vivamus elis dolorem et rhoncus et id.</p>
      <p>Necmauristie ultris elit sed nibh congue massa in orci nunc id.</p>
    </div>
    <div class="clear"></div>
  </div>
  <div id="meta">
    <ul>
      <li>Copyright © 2008 - <a href="http://www.free-css.com/">Your Site</a>, All Rights Reserved</li>
      <li>|</li>
      <li><a target="_blank" href="http://validator.w3.org/check?uri=referer" title="Valid XHTML">Valid XHTML</a></li>
      <li>|</li>
      <li><a target="_blank" href="http://jigsaw.w3.org/css-validator/check/referer" title="Valid CSS">Valid CSS</a></li>
      <li>|</li>
      <li>Design by <a href="http://www.free-css.com/">Free CSS</a> & <a href="http://www.creative-xperience.com/" title="By Creative Xperience">CSS Website Design</a></li>
    </ul>
  </div>
</div>


tasarım üstüne

Kod:
<script type="text/javascript" src="mootools.js"></script>
<div style="" id="pagecontainer">  <div style="" id="head">
    <h1 id="logo"><a href="http://www.free-css.com/">Dark Rounded</a></h1>
    <p id="quote">Free CSS Template from Free CSS.com</p>
    <ul id="topnavi">
      <li><a href="http://www.free-css.com/">Home</a></li>
      <li style=""><a style="" href="contact-us.html">Contact Us</a></li>
      <li><a href="gallery.html">Gallery</a></li>
      <li><a href="examples.html">Examples</a></li>
      <li class="last"><a href="terms.html">Terms of Use</a></li>
    </ul>
  </div>
  <div style="" id="content">    <div style="" id="breadcrumb">
      <ul style="">
        <li style="" class="first">You Are Here</li>
        <li style="">»</li>
        <li class="current"><a style="" href="http://www.free-css.com/">Dark Rounded</a></li>
      </ul>
    </div>
    <h1 style="">HackeR FrienD.Net</h1>
    <p style="">

hackerfriendden sayfasından aldım
Önceki mesajları göster:   


Powered by phpBB © 2001, 2005 phpBB Group
Türkçe Çeviri: phpBB Türkiye & Erdem Çorapçıoğlu