Gradientist isyankar Tasarım TASARIM ÜSTÜ <div id="all"> <div id="container"> <!-- header --> <div id="header"> <div id="logo"><a href="#" _fcksavedurl="#"><img src="images/logo.gif" _fcksavedurl="images/logo.gif" alt=""/><br/><br/>CssSehri</a></div> <div id="head"> <ul> <li><a href="#" _fcksavedurl="#">Lorem</a></li> <li><a href="#" _fcksavedurl="#">Ipsum</a></li> <li><a href="#" _fcksavedurl="#">Dolor</a></li> </ul> <p>Suspendisse egestas tincidunt erat. Proin tellus lacus, luctus vitae, ultrices vel, tincidunt vitae, quam. Proin sed enim. Nullam lobortis. Phasellus nec urna sit amet nibh iaculis consequat. Maecenas nisi eros, volutpat a, sagittis vitae, semper vestibulum, nibh. Integer euismod ante et ipsum.</p> </div> </div> <!--end header --> <!-- main --> <div id="main"> <div id="menu"> <ul> <li><a href="#" _fcksavedurl="#">Home</a></li> <li><a href="#" _fcksavedurl="#">About us</a></li> <li><a href="#" _fcksavedurl="#">Services</a></li> <li><a href="#" _fcksavedurl="#">Pricing</a></li> <li><a href="#" _fcksavedurl="#">Contacts</a></li> </ul> </div> <div id="text"> <h1>ASYON FREE CSS DESİGN</h1> TASARIM ALTI </div> </div> <!-- end main --> <!-- footer --> <div id="footer"> <div id="left_footer">© Copyright 2008 Your Website</div> <div id="right_footer"> <!-- Please do not change or delete this links. Read the license! Thanks. :-) --> <a href="http://www.realitysoftware.ca/website-design.html" _fcksavedurl="http://www.realitysoftware.ca/website-design.html">Web design</a> released by <a href="http://www.flash-gallery.org" _fcksavedurl="http://www.flash-gallery.org">Flash Gallery</a> </div> </div> <!-- end footer --> </div> </div> <div id="bottom"> <div id="bottom_center"></div> </div> CSS KODU 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 {margin:0; font-size:11px; line-height:16px; font-family:Arial, Tahoma, Helvetica, sans-serif; background-color:#000000; color:#FFFFFF;} a {color:#fdc605; text-decoration:none;} a:hover {text-decoration:underline;} img {border:none;} h1 {font-size:24px; font-weight:bold; font-style:italic; color:#96ff00;} #all {background:url(http://www.opendesigns.org/designs/1712/images/body_bckg.jpg) repeat-x #60ce1a;} #container {width:960px; margin:0 auto;} #header {background:url(http://www.opendesigns.org/designs/1712/images/head_bckg.jpg) no-repeat #000000; height:186px;} #logo {padding:40px 25px; width:215px; float:left; text-align:center;} #logo a {color:#FFFFFF; text-decoration:none; font-size:16px; text-transform:uppercase;} #head {float:right; width:690px;} #head p {font-size:10px; color:#999999; line-height:10px; margin:0; padding:0 20px;} #head ul {list-style:none; padding:0; margin:30px 0; height:75px;} #head ul li {float:left; padding:0 18px;} #head a {display:block; width:192px; height:48px; color:#FFFFFF; text-decoration:none; background:url(http://www.opendesigns.org/designs/1712/images/text_top_bckg.jpg) no-repeat; text-transform:uppercase; text-align:center; padding-top:28px; font-size:15px;} #head a:hover {background:url(http://www.opendesigns.org/designs/1712/images/text_top_bckg_over.jpg) no-repeat;} #main {background:url(http://www.opendesigns.org/designs/1712/images/textarea_bckg.jpg) no-repeat #000000; float:left; width:100%; min-height:250px;} #menu {float:left; width:215px; padding:25px;} #menu ul {list-style:none; padding:0; margin:0;} #menu a {font-size:14px; font-style:italic; text-decoration:none; color:#FFFFFF; display:block; width:180px; height:20px; padding:5px 10px 0 10px; border-bottom:1px solid #4c4c4c; text-transform:lowercase;} #menu a:hover {background-color:#1c1c1c;} #text {padding:15px 20px 20px 290px;} #footer {background:url(http://www.opendesigns.org/designs/1712/images/footer_text.jpg) no-repeat #000000; height:16px; color:#858383; font-size:11px; padding:59px 30px 0 30px; clear:both;} #left_footer {float:left;} #right_footer {float:right;} #bottom {background:url(http://www.opendesigns.org/designs/1712/images/footer_bckg.jpg) repeat-x #000000;} #bottom_center {width:960px; margin:0 auto; background:url(http://www.opendesigns.org/designs/1712/images/center_foot.jpg) no-repeat #000000; height:191px;}
