CSSKODU

CSS KODUNA	TASARIM ALTINA	TASARIM ÜSTÜNE
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;} * { margin: 0px; padding: 0px; } body { padding: 25px 0px 12px; background-color: #98a664; color: #fff; font-family: verdana, arial, sans-serif; font-size: 11px; font-weight: bold; text-align: center; } a { color: #fff; background-color: inherit; text-decoration: underline; } a:hover { color: #526052; background-color: inherit; } span { display: none; } img { border: none; } ul { list-style-type: none; } li { list-style-type: none; } p { margin: 10px 0px 12px; text-align: justify; line-height: 15px; } .clearthis { margin : 0px; height : 1px; clear : both; float : none; font-size : 1px; line-height : 0px; overflow : hidden; visibility: hidden; } #conntainer { margin: 0px auto; width: 767px; background-image: url('http://www.freewebsitetemplates.com/preview/template25/images/background_image.jpg'); background-repeat: no-repeat; text-align: left; } #page_static { width: 767px; height: 235px; overflow: hidden; } .thumbnail { padding: 10px 0px; text-align: center; } /* Page Header / #page_header { padding: 5px 14px 2px; position: absolute; } #page_header h1 { width: 265px; height: 49px; background: url('http://www.freewebsitetemplates.com/preview/template25/images/radio_station.gif') no-repeat 0% 50%; } / Navigation Menu / #navmenu { margin: 54px 528px 0px 66px; padding-bottom: 2px; width: 173px; clear: both; text-align: center; z-index: 1; position: absolute; } #navmenu a { text-decoration: none; } #navmenu li { padding: 0px 11px; float: left; background: url('http://www.freewebsitetemplates.com/preview/template25/images/navmenu_background.gif') repeat-y 50% 0%; line-height: 23px; } #navmenu li#menu_first { padding-top: 5px; background-image: url('http://www.freewebsitetemplates.com/preview/template25/images/navmenu_background_top.gif'); background-repeat: no-repeat; } #navmenu li#menu_last { padding-bottom: 12px; background-image: url('http://www.freewebsitetemplates.com/preview/template25/images/navmenu_background_bot.gif'); background-repeat: no-repeat; } #navmenu li a { display: block; background-color: #acba78; color: inherit; font-size: 12px; text-transform: uppercase; cursor: pointer; } #navmenu li a:hover { background-color: #ddebb1; color: #526052; } #navmenu li#menu_first a { padding-top: 2px; background-image: url('http://www.freewebsitetemplates.com/preview/template25/images/navmenu_background_litop.gif'); background-repeat: no-repeat; background-position: 50% 0%; } #navmenu li#menu_last a { background-image: url('http://www.freewebsitetemplates.com/preview/template25/images/navmenu_background_libot.gif'); background-repeat: no-repeat; background-position: 50% 100%; } #navmenu li a b { margin: 0px auto; padding-bottom: 2px; display: block; width: 151px; border-bottom: #fff 1px solid; } / Main Content / #main_content { padding-left: 22px; background: url('http://www.freewebsitetemplates.com/preview/template25/images/main_background.gif') repeat-y 22px 0%; float: left; clear: both; text-align: center; } #main_content2 { width: 435px; background: url('http://www.freewebsitetemplates.com/preview/template25/images/main_background_right.gif') no-repeat 100% 0%; } #main_content_header { width: 435px; background: url('http://www.freewebsitetemplates.com/preview/template25/images/main_background_top.gif') no-repeat 50% 0%; } #main_content_header h2 { padding: 20px 10px 12px; font-size: 12px; text-transform: uppercase; } #main_content_body { margin: 0px auto; padding: 2px 0px; width: 411px; min-height: 220px; background-color: #98a664; color: inherit; } #main_content_body #content_box { margin: 0px auto; padding-bottom: 15px; width: 380px; text-align: justify; } #main_content_footer { width: 435px; height: 21px; background: url('http://www.freewebsitetemplates.com/preview/template25/images/main_background_bot.gif') no-repeat 50% 100%; overflow: hidden; } / Breaking News / #breaking_news { margin-top: 266px; width: 310px; background: url('http://www.freewebsitetemplates.com/preview/template25/images/news_background.gif') #98a664 repeat-y 0% 0%; color: #141619; float: right; font-size: 10px; font-weight: normal; letter-spacing: 1px; line-height: 11px; text-align: justify; } #breaking_news a { color: #141619; background-color: inherit; } #breaking_news a:hover { color: #606c35; background-color: inherit; } #breaking_news p { margin-top: 2px; line-height: 11px; } #breaking_news .thumbnail { padding: 5px 0px 7px; } #breaking_news_header { padding: 7px 15px 0px; background: url('http://www.freewebsitetemplates.com/preview/template25/images/news_background_top.gif') no-repeat 0px 0%; } #breaking_news h2 { width: 280px; background-color: #ddebb1; color: #2f3c26; font-size: 10px; font-weight: bold; line-height: 10px; text-transform: uppercase; text-align: center; } #breaking_news_body { padding: 0px 30px 3px; } #breaking_news_footer { height: 6px; overflow: hidden; background: url('http://www.freewebsitetemplates.com/preview/template25/images/news_background_bot.gif') no-repeat 0% 0%; } / Page Footer */ #page_footer { padding: 18px 11px 0px; font-size: 10px; text-align: center; letter-spacing: 1px; }	</div> </div> <div id="main_content_footer"> </div> </div> </div> <!-- End of Main Content --> <!-- Start of Breaking News --> <div id="breaking_news"> <div id="breaking_news_header"> <h2>HackeR FrienD.Net</h2> </div> <div id="breaking_news_body"> <div class="thumbnail"><img src="http://www.freewebsitetemplates.com/preview/template25/images/news_thumbnail.gif" width="175" height="63" alt="Thumbnail Caption" /></div> <p> Please don't remove the link at the bottom. We have worked hard to make the templates and ask that you respect our hard work so we can continue providing you with high quality templates. </p> <p> If you really want to remove the link you can buy a copyright free version on <a href="http://www.freewebsitetemplates.com/nolink/">our website</a>. Thanks. </p> </div> <div id="breaking_news_footer"> </div> </div> <!-- End of Breaking News --> <div class="clearthis"> </div> <!-- Start of Page Footer --> <div id="page_footer"> Web design by <a href="http://www.freewebsitetemplates.com/">Free Website Templates</a> </div> <!-- End of Page Footer --> </div>	<div id="conntainer"> <!-- Start of Page Header --> <div id="page_header"> <h1><span>Radio Station</span></h1> </div> <!-- End of Page Header --> <!-- Start of Navigation Menu --> <div id="navmenu"> <ul> <li id="menu_first"><a href="http://www.freewebsitetemplates.com/"><b>Home</b></a></li> <li><a href="http://www.freewebsitetemplates.com/"><b>Featured Bands</b></a></li> <li><a href="http://www.freewebsitetemplates.com/"><b>Playlist</b></a></li> <li><a href="http://www.freewebsitetemplates.com/"><b>Partners</b></a></li> <li><a href="http://www.freewebsitetemplates.com/"><b>About Us</b></a></li> <li id="menu_last"><a href="http://www.freewebsitetemplates.com/"><b>Contact Us</b></a></li> </ul> <div class="clearthis"> </div> </div> <!-- End of Navigation Menu --> <div id="page_static"> </div> <!-- Start of Main Content --> <div id="main_content"> <div id="main_content2"> <div id="main_content_header"> <h2>Featured Band: The Black Eyed Peas</h2> </div> <div id="main_content_body"> <div id="content_box"> <div class="thumbnail"><img src="http://www.freewebsitetemplates.com/preview/template25/images/main_thumbnail.gif" width="379" height="177" alt="Thumbnail Caption" /></div>

KODNUMARASI CSSSY131

CSSÖNİZLEME

KAYNAK

www.hackerfriend.net

CSSKODU

CSS KODUNA	TASARIM ALTINA	TASARIM ÜSTÜNE
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, form, h1, h2, h3, h4, ul, li { margin: 0; padding: 0; } h1 img { display: block; } img { border: 0; } a { color: #FF6600; } a:hover { color: #FFA405; } .left { float: left; } .right { float: right; } .more { text-align: right; } .clear { clear: both; } body { background: #2D0202; text-align: center; font: 11px arial, sans-serif; color: #F4C389; padding-bottom: 10px; } / layout / #wrapper { text-align: left; margin: auto; width: 749px; position: relative; background: #7C0000 top right url(http://www.freewebsitetemplates.com/preview/foodonline/images/header.jpg) no-repeat; } #logo { width: 357px; background: url(http://www.freewebsitetemplates.com/preview/foodonline/images/logo.jpg) no-repeat; height: 185px; text-align: center; } #logo h1 { padding-top: 50px; color: #fff; font: bold 27px "arial black", arial, sans-serif; } #logo p { margin: 0em; padding-left: 50px; font: 17px "arial narrow", arial, sans-serif; } #naw li { list-style: none; } #naw-left { width: 178px; } #naw-left li { background: url(http://www.freewebsitetemplates.com/preview/foodonline/images/nav_bg.jpg) repeat-x; font: 18px "arial narrow", arial, sans-serif; height: 62px; line-height: 62px; text-align: right; } #naw-left a { color: #fff; text-decoration: none; padding-right: 20px; } #naw-left .orange a { color: #FFC559; } #naw-left a:hover { text-decoration: underline; } #naw-right { position: absolute; top: 185px; left: 178px; width: 178px; border-left: 1px solid white; } #naw-right ul { text-align: right; } #naw-right li { font: 14px "arial narrow", arial, sans-serif; height: 30px; line-height: 30px; border-top: 1px solid white; background: 152px 10px url(http://www.freewebsitetemplates.com/preview/foodonline/images/arr.gif) no-repeat; padding-right: 40px; } #naw-right a { color: white; text-decoration: none; } #naw-right a:hover { text-decoration: underline; } / body / #body { border-top: 1px solid white; padding-top: 20px; } #left { float: left; width: 352px; padding-left: 15px; } #right { float: right; width: 291px; padding-right: 37px; } #welcome { padding-left: 29px; } h2.guilded { background: bottom left url(http://www.freewebsitetemplates.com/preview/foodonline/images/welcome_bg.gif) repeat-x; height: 20px; margin-bottom: 0.8em; font-weight: normal; font-size: 20px; } h2.guilded span { background: #7C0000 url(http://www.freewebsitetemplates.com/preview/foodonline/images/h_glif.gif) no-repeat; padding-left: 38px; padding-right: 8px; padding-top: 2px; float: left; } .more a { color: #C47552; text-decoration: none; font-weight: bold; } .more a:hover { text-decoration: underline; } #chef { background: bottom left url(http://www.freewebsitetemplates.com/preview/foodonline/images/pic_1.jpg) no-repeat; padding-left: 164px; padding-top: 47px; } #chef h2 { font: 17px "arial narrow", arial, sans-serif; background: bottom url(http://www.freewebsitetemplates.com/preview/foodonline/images/divider.gif) repeat-x; padding-bottom: 5px; margin-left: -50px; padding-left: 70px; padding-right: 0; } p { margin: 1em 0; line-height: 1.1; } / right / #booking { background: #911702; border: 1px solid #B43708; padding-bottom: 6px; margin-bottom: 1.1em; } #booking h2 { background: url(http://www.freewebsitetemplates.com/preview/foodonline/images/h_booking_bg.jpg) repeat-x; border: 1px solid #7C0000; height: 27px; line-height: 27px; color: #660100; font-weight: normal; font-size: 16px; padding-left: 20px; margin: 4px 4px 10px 4px; } #booking th { text-align: left; padding-left: 20px; padding-right: 10px; } #booking td.submission { text-align: right; } #menu { background: bottom left url(http://www.freewebsitetemplates.com/preview/foodonline/images/specials.jpg) no-repeat; border: 1px solid #97321D; padding-left: 160px; padding-right: 8px; padding-top: 22px; } #menu h2 { margin-left: -38px; font-weight: normal; color: #FF8A00; margin-bottom: 1em; font-size: 16px; } #menu form { text-align: center; } #menu p { margin: 1.3em 0; } / footer / #footer { text-align: center; background: url(http://www.freewebsitetemplates.com/preview/foodonline/images/divider.gif) repeat-x; padding: 20px 20px 12px 20px; margin: 0 2em; } #footer li { list-style: none; display: inline; } #footer a { color: #E49E6F; text-decoration: none; } #footer a:hover { text-decoration: underline; }	</div> </div> <div id="right"> <div id="booking"> <h2>Online booking</h2> <form action="" method="get" accept-charset="utf-8"> <table border="0" cellspacing="2" cellpadding="0"> <tr><th>Name</th><td><input type="text" name="a" value="" class="text" /></td></tr> <tr><th>Email/Phone</th><td><input type="text" name="b" class="text" value="" /></td></tr> <tr><th>Date</th><td><input type="text" name="c" value="" class="text" /></td></tr> <tr><th>Members</th><td><input type="text" name="d" value="" class="text" /></td></tr> <tr><th>Time</th><td> <select name="e"> <option value="dinner">Dinner</option> <option value="drinks">Drinks</option> </select> </td></tr> <tr><td class="submission" colspan="2"><input type="submit" name="s" value="Submit" /></td></tr> </table> </form> </div> <div id="menu"> <h2>Special menu</h2> <p>If you're having problems editing the template ask for help on <a href="http://www.freewebsitetemplates.com/forum/">the forum</a>.</p> <form action="" method="get" accept-charset="utf-8"> <p><input type="submit" value="Details"></p> </form> </div> </div> <div class="clear"> </div> <div id="footer"> <ul> <li><a href="http://www.freewebsitetemplates.com">Home</a> \| </li> <li><a href="http://www.freewebsitetemplates.com">About Us</a> \| </li> <li><a href="http://www.freewebsitetemplates.com">Menu</a> \| </li> <li><a href="http://www.freewebsitetemplates.com">Service</a> \| </li> <li><a href="http://www.freewebsitetemplates.com">Special offer</a> \| </li> <li><a href="http://www.freewebsitetemplates.com">Contact</a></li> </ul> <p>copyright © food company</p> </div> </div> </div>	<div id="wrapper"> <div id="logo"> <h1>Food Online</h1> <p>Next Food Network Star</p> </div> <div id="naw"> <div id="naw-left"> <ul> <li><a href="http://www.freewebsitetemplates.com">Home</a></li> <li class="orange"><a href="http://www.freewebsitetemplates.com">Contact</a></li> </ul> </div> <div id="naw-right"> <ul> <li><a href="http://www.freewebsitetemplates.com">About us</a></li> <li><a href="http://www.freewebsitetemplates.com">Menu</a></li> <li><a href="http://www.freewebsitetemplates.com">Services</a></li> <li><a href="http://www.freewebsitetemplates.com">Special offer</a></li> </ul> </div> </div> <div id="body"> <div id="left"> <div id="welcome"> <h2 class="guilded"><span>HackeR FrienD.Net</span></h2>

KODNUMARASI CSSSY132

CSSÖNİZLEME

KAYNAK

www.hackerfriend.net

CSSKODU

CSS KODUNA	TASARIM ALTINA	TASARIM ÜSTÜNE
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-top: 20px; padding: 0; background: #FFFFFF url(http://www.freecsstemplates.org/templates/previews/fragrance/images/img01.jpg) repeat-y; font-size: 13px; text-align: justify; color: #5A5885; } body, th, td, input, textarea, select, option { font-family: "Trebuchet MS", "Times New Roman", Arial, Times, serif; } h1, h2, h3 { font-weight: normal; color: #625FA1; } h1 { letter-spacing: -2px; font-size: 3em; } h2 { letter-spacing: -1px; font-size: 2em; } h3 { font-size: 1em; } p, ul, ol { line-height: 200%; } blockquote { padding-left: 1em; } blockquote p, blockquote ul, blockquote ol { line-height: normal; font-style: italic; } a { color: #B768C5; } a:hover { color: #B768C5; } hr { display: none; } #wrapper { } /* Header / #header { width: 700px; height: 61px; margin: 0 auto; margin-bottom: 20px; padding: 0; background: url(http://www.freecsstemplates.org/templates/previews/fragrance/images/img05.jpg) no-repeat left top; font-family: "Trebuchet MS", "Times New Roman", Arial, Times, serif; } #header h1, #header p { margin: 0; } #header h1 { float: left; color: #FFFFFF; font-size: 36px; padding-left: 15px; } #header p { float: left; padding: 17px 0 0 10px; font-size: 12px; font-weight: bold; color: #625FA1; } #header a { text-decoration: none; color: #F79F1A; } / Page / #page { width: 700px; margin: 0 auto; } / Content / #content { float: left; width: 460px; margin: 0; } .post { padding: 5px 0 0 0; } .title { padding: 0 20px 0 0px; font-size: 24px; } .title a { text-decoration: none; color: #FFFFFF; } .pagetitle { } .byline { margin: -30px 20px 0 0px; color: #646464; } .meta { text-align: right; color: #646464; padding: 10px 20px 20px 20px; text-transform: uppercase; font-family: Arial, Helvetica, sans-serif; font-size: 10px; border-bottom: 1px dashed #B768C5; } .meta .more { background: url(http://www.freecsstemplates.org/templates/previews/fragrance/images/img07.gif) no-repeat 0px 45%; padding-left: 15px; } .meta .comments { background: url(http://www.freecsstemplates.org/templates/previews/fragrance/images/img06.gif) no-repeat 0px 45%; padding-left: 18px; } .meta a { } .navigation { } .alignleft { float: left; } .alignright { float: right; } .posts { margin: 0; padding: 0; list-style: none; line-height: normal; } .posts li { } .posts h3 { margin: 0; font-weight: bold; } .posts p { margin: 0; line-height: normal; } .posts a { } .entry { margin: 0; } .last { border: none; } / Sidebar / #sidebar { float: right; width: 220px; margin-bottom: 10px; color: #625FA1; } #sidebar ul { margin: 0 0 0 5px; padding: 20px 0 20px 0; list-style: none; } #sidebar li { } #sidebar li ul { padding: 0px 21px 16px 0px; } #sidebar li li { border-bottom: 1px dashed #B768C5; padding: 0 0 10px 10px; } #sidebar h2 { margin: 0; width: 215px; height: 35px; background: url(http://www.freecsstemplates.org/templates/previews/fragrance/images/img03.jpg) no-repeat left top; padding: 5px 0px 10px 10px; font-size: 18px; } #sidebar a { } #sidebar a:hover { text-decoration: none; } / Search / #search input { display: none; } #search input#s { display: block; width: 230px; padding: 2px 5px; border: 1px solid #3DD1FF; background: #FFFFFF url(http://www.freecsstemplates.org/templates/previews/fragrance/images/img05.gif) repeat-x; } #search br { display: none; } / Calendar / #calendar { } #calendar h2 { margin-bottom: 15px; } #calendar table { width: 80%; margin: 0 auto; text-align: center; } #calendar caption { width: 100%; text-align: center; } #next { text-align: right; } #prev { text-align: left; } / Footer */ #footer { width: 700px; height: 61px; min-height: 61px; background: url(http://www.freecsstemplates.org/templates/previews/fragrance/images/img04.jpg) no-repeat left top; margin: 0 auto; margin-bottom: 20px; text-align: center; font-size: smaller; font-family: Arial, Helvetica, sans-serif; color: #625FA1; } #footer p { padding: 25px 0 20px 0; text-transform: uppercase; } #footer p a { color: #FFFFFF; }	</div> <!-- end content --> <!-- start sidebar --> <div id="sidebar"> <ul> <li> <h2>Categories</h2> <ul> <li><a href="#">Aliquam libero</a></li> <li><a href="#">Consectetuer adipiscing elit</a></li> <li><a href="#">Metus aliquam pellentesque</a></li> <li><a href="#">Suspendisse iaculis mauris</a></li> <li><a href="#">Urnanet molestie semper</a></li> <li><a href="#">Proin gravida orci porttitor</a></li> </ul> </li> <li> <h2>Archives</h2> <ul> <li><a href="#">September</a> (23)</li> <li><a href="#">August</a> (31)</li> <li><a href="#">July</a> (31)</li> <li><a href="#">June</a> (30)</li> <li><a href="#">May</a> (31)</li> <li><a href="#">April</a> (30)</li> </ul> </li> </ul> </div> <!-- end sidebar --> </div> <div style="clear:both"> </div> </div> <!-- end page --> <div id="footer"> <p>©2007 All Rights Reserved • Design by <a href="http://www.freecsstemplates.org/">Free CSS Templates</a> • Icons by <a href="http://www.famfamfam.com/">FAMFAMFAM</a>.</p> </div>	<div id="wrapper"> <!-- start header --> <div id="header"> <h1>fragrance </h1> <p> design By Free CSS Templates</p> </div> <!-- end header --> <!-- start page --> <div id="page"> <!-- start content --> <div id="content">

KODNUMARASI CSSSY133

CSSÖNİZLEME

KAYNAK

www.hackerfriend.net

CSSKODU

CSS KODUNA	TASARIM ALTINA	TASARIM ÜSTÜNE
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;} * { padding: 0; margin: 0; } body { background: #eee; font-family: "Trebuchet MS" Verdana, Arial, sans-serif; font-size: 12px; color: #333333; line-height: 24px; } a { text-decoration: none; color: #0171AF; } a:hover { text-decoration: underline; color: #111; } #wrap { width: 800px; margin: 40px auto; } #header { height: 100px; background: #eee url(http://www.free-css-templates.com/templates/Fruits/unzipped/images/header.gif) no-repeat; } #header h1 { font-size: 34px; font-weight: 100; letter-spacing: -3px; padding: 30px 0 0 30px; } #header h1 a { text-decoration: none; color: #EC8714; } #header h1 a:hover { text-decoration: none; color: #000; } #header h2 { color: #89A537; font-size: 20px; font-weight: 100; padding: 0 0 0 31px; } #menu { height: 180px; background: #eee url(http://www.free-css-templates.com/templates/Fruits/unzipped/images/menu.gif) no-repeat; } #menu ul { list-style-type: none; padding: 10px 0 0 40px; } #menu ul li { } #menu ul li a { color: #E7D68D; font-size: 24px; font-weight: 600; letter-spacing: -1px; } #menu ul li a:hover { color: #333; text-decoration: none; } #conntent { background: #eee url(http://www.free-css-templates.com/templates/Fruits/unzipped/images/content.gif) repeat-y; padding: 20px; } .main { border-top: 1px solid #aaa; background: #eee; padding: 10px; } .main h2 { font-size: 18px; font-weight: 100; padding: 15px 0 7px 0; } .main h2 a { text-decoration: none; } .left h2 a:hover { color: #111; } #bottom { background: #eee url(http://www.free-css-templates.com/templates/Fruits/unzipped/images/bottom.gif) no-repeat; padding: 10px 0; } #footer { font-size: 11px; color: #999; text-align: center; }	</div> </div> <div id="bottom"> </div> <div id="footer"> Designed by <a href="http://www.free-css-templates.com/">Free CSS Templates</a>, Thanks to <a href="http://www.dubaiapartments.biz/">Dubai Villas</a> </div> </div>	<div id="wrap"> <div id="header"> <h1><a href="#">Fruits Template</a></h1> <h2>Example of H2 heading - website slogan</h2> </div> <div id="menu"> <ul> <li><a href="#">Home</a></li> <li><a href="#">Organic Fruits</a></li> <li><a href="#">Vegetables</a></li> <li><a href="#">Sustainable Living</a></li> <li><a href="#">Gardening Forum</a></li> </ul> </div> <div id="conntent"> <div class="main"> <h2>HackeR FrienD.Net</h2>

KODNUMARASI CSSSY134

CSSÖNİZLEME

KAYNAK

www.hackerfriend.net

CSSKODU

CSS KODUNA	TASARIM ALTINA	TASARIM ÜSTÜNE
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;} * { margin: 0px; padding: 0px; } body { padding-top: 20px; background-color: #000; color: #aca9a9; font-family: verdana, arial, sans-serif; font-size: 10px; text-align: center; letter-spacing: 1px; } a { color: #fff; text-decoration: none; } a:hover { color: #ea9a2e; } span { display: none; } img { border: none; } ul { list-style-type: none; } li { list-style-type: none; } p { margin: 7px 0px 10px; text-align: justify; line-height: 12px; } .clearthis { margin : 0px; height : 1px; clear : both; float : none; font-size : 1px; line-height : 0px; overflow : hidden; visibility: hidden; } #conntainer { margin: 0px auto; text-align: left; background: url('http://www.freewebsitetemplates.com/preview/gamezone/images/content_bgcolor.gif') #2f2e2e repeat-x 0px 0px; border: #860b09 2px solid; width:778px; voice-family: ""}""; voice-family:inherit; width:774px; } #conntainer { padding: 0px; } #body_image { margin: 0px 0px 0px 194px; height: 431px; width: 580px; background: url('http://www.freewebsitetemplates.com/preview/gamezone/images/header_image.png') transparent no-repeat 100% -1px; z-index: 1; position: absolute; overflow: hidden; } /* Page Header / #page_header { width: 774px; height: 60px; background: url('http://www.freewebsitetemplates.com/preview/gamezone/images/header_background.gif') repeat-x 0px 0px; overflow: hidden; } #page_header h1 { width: 330px; height: 51px; background: url('http://www.freewebsitetemplates.com/preview/gamezone/images/website_name.gif') no-repeat 42px 12px; float: left; } #page_header h3 { width: 230px; height: 51px; background: url('http://www.freewebsitetemplates.com/preview/gamezone/images/header_welcome.gif') no-repeat 23px 12px; float: left; } / Page Menu / #page_menu { margin-bottom: 20px; width: 774px; height: 30px; background: url('http://www.freewebsitetemplates.com/preview/gamezone/images/menu_background.gif') repeat-x 0px 0px; } #page_menu ul { height: 30px; } #page_menu li { padding: 0px 18px 0px 12px; height: 30px; background: url('http://www.freewebsitetemplates.com/preview/gamezone/images/menu_list_bg.gif') no-repeat 12px 0px; float: left; } #page_menu li a { width: 123px; height: 30px; display: block; overflow: hidden; cursor: pointer; z-index: 2; position: absolute; } #page_menu .online a { background: url('http://www.freewebsitetemplates.com/preview/gamezone/images/menu_online.gif') no-repeat 50% 11px; } #page_menu .downloads a { background: url('http://www.freewebsitetemplates.com/preview/gamezone/images/menu_downloads.gif') no-repeat 50% 11px; } #page_menu .community a { background: url('http://www.freewebsitetemplates.com/preview/gamezone/images/menu_community.gif') no-repeat 50% 11px; } #page_menu .about a { background: url('http://www.freewebsitetemplates.com/preview/gamezone/images/menu_about.gif') no-repeat 50% 11px; } #page_menu li span { width: 123px; height: 30px; display: block; overflow: hidden; } #page_menu li a span { display: none; } / Page Forms / #page_forms { border-right: #860b09 2px solid; float: left; } #page_forms input { padding-top: 5px; padding-bottom: 2px; color: #c6c4c4; background-color: #373837; border: #5b5d5b 1px solid; font-family: tahoma, arial, sans-serif; font-size: 13px; font-weight: bold; } #page_forms input.button { padding: 0px; border: none; cursor: pointer; } / User Login / #userlogin_header { border-width: 2px 0px; border-color: #860b09 #000 #860b09; border-style: solid; } #userlogin_header h2 { width: 196px; height: 29px; background: url('http://www.freewebsitetemplates.com/preview/gamezone/images/userlogin_header.gif') no-repeat 50% 0%; } #userlogin { height: 235px; width: 196px; overflow: hidden; } #userlogin form { margin: 12px 0px 10px; width: 196px; text-align: center; } #userlogin form strong { display: block; width: 70px; height: 24px; margin-bottom: 3px; float: left; clear: left; } #field_username, #field_password { display: block; clear: both; } #button_enter { margin: 0px auto; width: 40px; float: none; clear: both; display: block; } #field_username strong { background: url('http://www.freewebsitetemplates.com/preview/gamezone/images/userlogin_login.gif') no-repeat 50% 6px; } #field_password strong { background: url('http://www.freewebsitetemplates.com/preview/gamezone/images/userlogin_password.gif') no-repeat 50% 6px; } #userlogin input { margin-right: 2px; margin-bottom: 12px; width: 122px; float: right; clear: right; } #userlogin input.button { margin: 7px 0px; width: 40px; height: 18px; float: none; clear: both; } #userlogin_links { padding: 10px 12px 0px; border-top: #860b09 2px solid; } #userlogin_links a#register { background: url('http://www.freewebsitetemplates.com/preview/gamezone/images/userlogin_register.gif') no-repeat 0px 0px; display: block; } #userlogin_links a#notregister { background: url('http://www.freewebsitetemplates.com/preview/gamezone/images/userlogin_notregister.gif') no-repeat 0px 0px; display: block; } #userlogin_links a strong { width: 170px; height: 20px; display: block; cursor: pointer; } / Site Search / #sitesearch_header { border-top: #860b09 2px solid; } #sitesearch_header h2 { width: 196px; height: 25px; background: url('http://www.freewebsitetemplates.com/preview/gamezone/images/sitesearch_header.gif') no-repeat 50% 100%; } #sitesearch { width: 196px; border-bottom: #860b09 2px solid; } #sitesearch form { margin: 12px 5px 20px; width: 186px; height: 25px; clear: both; overflow: hidden; } #sitesearch input { padding: 2px 0px; width: 154px; float: left; font-size: 12px; } #sitesearch input.button { width: 24px; height: 20px; float: right; } / Content Body / #conntent_body { clear: left; float: left; width: 774px; padding-left: 5px; } #clearthis_contentbody { width: 774px; margin : 0px; height : 1px; clear : both; float : none; font-size : 1px; line-height : 0px; overflow : hidden; } .content_header { background: url('http://www.freewebsitetemplates.com/preview/gamezone/images/content_header_bg.gif') repeat-x 0px 0px; } .content_entry { padding: 23px 0px 0px; } .content_entry .thumbnail { margin: 5px 0px 15px; float: left; border: #a09e9e 1px solid; } .content_entry .thumbnail img { float: left; } .content_entry .entry_text { padding-right: 15px; width: 210px; float: right; text-align: justify; } .content_entry .entry_text h3 a{ padding-bottom: 5px; color: #c71212; font-size: 10px; font-weight: normal; } / Recent Reviews / #reviews_box { padding: 15px 10px; float: left; } #reviews { width: 378px; } #reviews .content_header h2 { width: 142px; height: 20px; background: url('http://www.freewebsitetemplates.com/preview/gamezone/images/reviews_header.gif') no-repeat 0px 0px; } #reviews .content_entry { width: 378px; } / Play Now / #playnow_box { padding: 15px 12px; float: right; } #playnow { width: 351px; } #playnow .content_header h2 { width: 100px; height: 20px; background: url('http://www.freewebsitetemplates.com/preview/gamezone/images/playnow_header.gif') no-repeat 0px 0px; } #playnow .content_entry { width: 351px; } #playnow .content_entry .thumbnail { margin-left: 3px; } #playnow .content_entry .entry_text { padding-right: 10px; width: 200px; } / Page Footer */ #page_footer { padding: 15px 10px; color: #e5e0e0; font-size: 12px; text-align: center; letter-spacing: 0px; } #page_footer a { color: #e5e0e0; text-decoration: underline; } #page_footer a:hover { color: #bb1414; }	</div> <div id="clearthis_contentbody"> </div> </div> <!-- Start of Page Footer --> <div id="page_footer"> Copyright <a href="http://www.freewebsitetemplates.com">www.yoursite.com</a> \| <a href="http://www.freewebsitetemplates.com/termsofuse/">Terms of use</a> </div> <!-- End of Page Footer -->	<div id="conntainer"> <div id="body_image"> </div> <!-- Start of Page Header --> <div id="page_header"> <h1><span>Game Zone</span></h1> <h3><span>Welcome to Game Zone</span></h3> <div class="clearthis"> </div> </div> <!-- End of Page Header --> <!-- Start of Page Menu --> <div id="page_menu"> <ul> <li class="online"><a href="http://www.freewebsitetemplates.com/" title="Online"><span>Online</span></a><span></span></li> <li class="downloads"><a href="http://www.freewebsitetemplates.com/" title="Downloads"><span>Downloads</span></a><span></span></li> <li class="community"><a href="http://www.freewebsitetemplates.com/" title="Community"><span>Community</span></a><span></span></li> <li class="about"><a href="http://www.freewebsitetemplates.com/" title="About"><span>About Zone</span></a><span></span></li> </ul> </div> <!-- End of Page Menu --> <div id="page_forms"> <!-- Start of User Login --> <div id="userlogin"> <div id="userlogin_header"> <h2><span>User Login</span></h2> </div> <form action="http://www.freewebsitetemplates.com/"> <div id="field_username"> <strong><span>Log in:</span></strong> <input type="text" /> </div> <div id="field_password"> <strong><span>Password:</span></strong> <input type="text" /> </div> <div id="button_enter"> <input type="image" src="http://www.freewebsitetemplates.com/preview/gamezone/images/userlogin_enter.gif" alt="Enter" class="button" /> </div> </form> <div id="userlogin_links"> <a href="http://www.freewebsitetemplates.com/" id="register"><strong><span>Register >>></span></strong></a> <br /> <a href="http://www.freewebsitetemplates.com/" id="notregister"><strong><span>Not Registered Yet?</span></strong></a> </div> </div> <!-- End of User Login --> <!-- Start of Site Search --> <div id="sitesearch_header"> <h2><span>Site Search</span></h2> </div> <div id="sitesearch"> <form action="http://www.freewebsitetemplates.com/"> <div> <input type="text" /> <input type="image" src="http://www.freewebsitetemplates.com/preview/gamezone/images/sitesearch_button.gif" alt="Go" class="button" /> </div> <div class="clearthis"> </div> </form> </div> <!-- End of Site Search --> </div> <div id="conntent_body">

KODNUMARASI CSSSY135

CSSÖNİZLEME

KAYNAK

www.hackerfriend.net

CSSKODU

CSS KODUNA	TASARIM ALTINA	TASARIM ÜSTÜNE
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;} /* Design by Metamorphosis Design http://www.metamorphozis.com Released for free under a Creative Commons Attribution 2.5 License / { margin: 0; padding: 0; } body { margin: 0; background: #130506 url(http://www.metamorphozis.com/free_templates/free_css_templates/metamorph_goldenage/images/back_all.jpg) repeat-x top; } body, th, td, input, textarea { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #666666; } #left1 { width: 928px; margin: -31px auto; background: url(http://www.metamorphozis.com/free_templates/free_css_templates/metamorph_goldenage/images/1.jpg) no-repeat left top; } #right1 { width: 928px; background: url(http://www.metamorphozis.com/free_templates/free_css_templates/metamorph_goldenage/images/2.jpg) no-repeat right top; } #contmain { width: 100%; } h1, h2, h3 { color: #44763E; } h1 { font-size: 3em; } h2 { text-transform: uppercase; font-size: 1.1em; font-weight: bold; color: #867B1C; } h3 { font-size: 1em; } p, ul, ol { margin-top: 7px; font-size: 1.1em; } ul, ol { margin-left: 3em; } a { text-decoration: underline; color: #867B1C; } a:hover { border: none; text-decoration: none; } h1 a, h2 a, h3 a { border: none; text-decoration: none; color: #867B1C; } h1 a:hover, h2 a:hover, h3 a:hover { background: none; color: #867B1C; } /* Header / #header { width: 778px; margin: 0 auto; height: 550px; background: #ffffff; } #menu { float: left; margin-top: 5px; height: 46px; width: 714px; padding-left: 64px; background: #ffffff url(http://www.metamorphozis.com/free_templates/free_css_templates/metamorph_goldenage/images/menu.gif) repeat-x; } #menu ul { margin: 0; padding: 0; list-style: none; line-height: normal; } #menu li { float: left; } #menu a { display: block; float: left; height: 31px; width: 125px; margin-right: 1px; text-decoration: none; font-size: 1.1em; padding-top: 10px; font-weight: bold; color: #ffffff; text-align: center; } #menu a:hover { color: #2C2E22; background: url(http://www.metamorphozis.com/free_templates/free_css_templates/metamorph_goldenage/images/menu_r.gif) repeat-x; } / Logo / #logo { width: 778px; height: 483px; margin: 0 auto; background: url(http://www.metamorphozis.com/free_templates/free_css_templates/metamorph_goldenage/images/header.jpg) no-repeat left top; text-align: right; } #logo h1 { padding-top: 130px; padding-right: 20px; color: #ffffff; font-size: 18px; } #logo h2 { font-style: italic; font-size: 10px; padding-right: 20px; } #logo p { clear: left; margin: 0; padding: 0 0 0 20px; line-height: normal; font-size: 1.2em; font-weight: bold; color: #ffffff; } #logo a { color: #FFFFFF; } / Page / #page { width: 768px; margin: 0 auto; background: #ffffff url(http://www.metamorphozis.com/free_templates/free_css_templates/metamorph_goldenage/images/table_back.gif) repeat-x; border-top: none; border-left: 5px solid #ffffff; border-right: 5px solid #ffffff; } / Content / #content { float: left; width: 480px; padding-left: 10px; padding-top: 20px; } .post { } .post .title { margin: 0; font-weight: normal; } .post h1.title { height: 30px; font-size: 2.4em; } .post .entry { padding: 0 10px 30px 15px; } .post .meta { margin: 0; padding: 5px 0px 0px 15px; text-transform: uppercase; font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #867B1C; } .post .meta a { color: #867B1C; } .post .links { margin: 0; } .post .tags { margin: 0; text-transform: uppercase; font-size: .8em; font-weight: bold; } .post .links a, .post .tags a { border: none; } / Sidebars / .sidebar { float: left; } .sidebar ul { margin: 0; padding: 0; list-style: none; } .sidebar li { margin-bottom: 2em; } .sidebar li ul { } .sidebar li li { margin: 0; } .sidebar li h2 { margin: 0 0 1em 0; } #sidebar1 { width: 224px; padding: 0px 0px 0px 20px; } #sidebar2 { width: 236px; padding: 20px 20px 0px 20px; } #sidebar2 li h2 { margin: 0 0 1em 0; background: url(http://www.metamorphozis.com/free_templates/free_css_templates/metamorph_goldenage/images/title.gif) no-repeat left top; height: 35px; color: #FFFFFF; padding-left: 20px; padding-top: 14px; } #sidebar2 li ul { line-height: normal; margin-left: 20px; } #sidebar2 li li { padding: 5px; background: url(http://www.metamorphozis.com/free_templates/free_css_templates/metamorph_goldenage/images/small.gif) no-repeat left; font-size: .8em; } #sidebar2 li a { border: none; padding-left: 10px; } #sidebar2 li a:hover { border: none; padding-left: 10px; } #bottom { height: 30px; background: url(http://www.metamorphozis.com/free_templates/free_css_templates/metamorph_goldenage/images/footer.gif) bottom no-repeat; } / Footer */ #footer { padding: 20px; height: 50px } #footer p { text-align: center; font-size: 9px; color: #ffffff; margin: 0px; padding: 0px; } #footer a { color: #FFFFFF }	</div> <!-- end content --> <!-- start sidebar two --> <div id="sidebar2" class="sidebar"> <ul> <li> <h2>Categories</h2> <ul> <li><a href="#">Aliquam libero</a></li> <li><a href="#">Consectetuer elit</a></li> <li><a href="#">Metus pellentesque</a></li> <li><a href="#">Suspendisse mauris</a></li> </ul> </li> <li> <h2>Archives</h2> <ul> <li><a href="#">September</a> (23)</li> <li><a href="#">August</a> (31)</li> <li><a href="#">July</a> (31)</li> <li><a href="#">June</a> (30)</li> <li><a href="#">May</a> (31)</li> </ul> </li> <li> <h2>Lorem ipsum dolor </h2> <ul> <li><a href="#">Aliquam libero</a></li> <li><a href="#">Consectetuer elit</a></li> <li><a href="#">Metus pellentesque</a></li> <li><a href="#">Suspendisse mauris</a></li> </ul> </li> </ul> </div><!-- end sidebar two --> <div id="bottom" style="clear: both;"></div> </div><!-- end page --> <!-- start footer --> <div id="footer"> <p>Copyright © 2008. <a href="#">Privacy Policy</a> \| <a href="#">Terms of Use</a> \| <a href="http://validator.w3.org/check/referer" title="This page validates as XHTML 1.0 Transitional"><abbr title="eXtensible HyperText Markup Language">XHTML</abbr></a> \| <a href="http://jigsaw.w3.org/css-validator/check/referer" title="This page validates as CSS"><abbr title="Cascading Style Sheets">CSS</abbr></a></p> <p>Design by <a href="http://www.metamorphozis.com/" title="Flash Web Templates">Flash Web Templates</a>, coded by <a href="http://www.flashtemplatesdesign.com" title="Free Falsh Templates">Free Flash Templates</a> </p> </div> </div> </div> </div>	<!-- start header --> <div id="contmain"> <div id="left1"> <div id="right1"> <div id="header"> <div id="logo"> <h1><a href="#">metamorph_goldenage</a></h1> <h2><a href="http://www.metamorphozis.com/" id="metamorph">Design by Metamorphosis Design</a></h2> </div> <div id="menu"> <ul> <li><a href="#">Home</a></li> <li><a href="#">Blogs</a></li> <li><a href="#">Photos</a></li> <li><a href="#">About</a></li> <li><a href="#">Contact</a></li> </ul> </div> <!-- end header --> </div> <!-- start page --> <div id="page"> <!-- start content --> <div id="content">

KODNUMARASI CSSSY136

CSSÖNİZLEME

KAYNAK

www.hackerfriend.net

CSSKODU

CSS KODUNA	TASARIM ALTINA	TASARIM ÜSTÜNE
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;} /* Design by Metamorphosis Design http://www.metamorphozis.com Released for free under a Creative Commons Attribution 2.5 License / { margin: 0px; padding: 0px; } a:link { color: #A5A9B2; } a:hover { text-decoration: none; color: #FF0000; } a:visited { color: #A5A9B2; } body { background: #6A8B1A url(http://www.opendesigns.org/designs/1602/images/back_all2.gif); font: 13px Arial, Helvetica, sans-serif; color: #383838; } #contentt { width: 100%; text-align: left; background: url(http://www.opendesigns.org/designs/1602/images/back_all.gif) repeat-x; } #main { width: 756px; padding: 10px; background: #ffffff; } #back { width: 776px; margin: 0px auto; border-left: 1px solid #ffffff; border-right: 1px solid #ffffff; } #header { height: 413px; text-align: right; background: url(http://www.opendesigns.org/designs/1602/images/header.jpg) no-repeat; } #logo { width: 756px; height: 100px; text-align: left; padding-top: 220px; padding-left: 20px; } #logo a { text-decoration: none; text-transform: lowercase; font-style: italic; font-size: 18px; color: #ffffff; } #logo H2 a { font-size: 12px; } #menu1 { width: 736px; height: 73px; padding-left: 40px; padding-top: 20px; background: url(http://www.opendesigns.org/designs/1602/images/buttons.gif) repeat-x; } #menu ul { list-style: none; } #menu li { display: inline; } #menu a { float: left; width: 139px; height: 32px; display: block; text-align: center; text-decoration: none; color: #ffffff; font-weight: bold; font-size: 14px; text-transform: uppercase; padding-top: 20px; } #menu a:hover { width: 139px; height: 32px; margin-left: -10px; margin-top: -10px; color: #DEEBBC; text-decoration: underline; } #right { width: 218px; float: right; } #right H3 { width: 193px; height: 26px; font-size: 14px; font-weight: bold; padding-left: 25px; padding-top: 12px; text-transform: uppercase; color: #ffffff; background: url(http://www.opendesigns.org/designs/1602/images/title.gif) repeat-x } #right ul { list-style: none; margin-bottom: 10px; padding-top: 10px; background: url(http://www.opendesigns.org/designs/1602/images/title_bottom.gif) no-repeat top; } #right li { padding: 7px; padding-left: 10px; } #right .sub { background: url(http://www.opendesigns.org/designs/1602/images/small.gif) no-repeat 10px 8px; padding-left: 30px; } #right a { color: #208A06; } #right a:visited { color: #208A06; } #right p { font-size: 10px; padding-left: 10px; } .bot { padding: 10px; } #calendar1 { padding: 20px 10px 20px 10px; } #calendar table { width: 100%; text-align: center; } #calendar thead { } #calendar tbody td { border: 1px solid #F1F1F1; } #calendar #prev { text-align: left; } #calendar #next { text-align: right; } #calendar tfoot a { text-decoration: none; font-weight: bold; } #calendar #now { background: #696969; border: 1px solid #ff0000; font-weight: bold; color: #ffffff } #left { width: 490px; padding: 10px; } #left H4 { margin: 0; padding: 0px; font-size: 12px; color: #208A06; } #left a { color: #208A06; text-decoration: none; } #left p { margin: 5px; padding: 0; } #left h2 { margin: 0; padding: 0; padding-top: 10px; color: #208A06; } .date { text-align: right; color: #208A06; font-size: 11px; } .date a { color: #208A06; } #left .date2 { float: left; width: 81px; height: 93px; padding-top: 5px; background: url(http://www.opendesigns.org/designs/1602/images/date.gif) no-repeat; line-height: normal; text-transform: uppercase; text-align: center; font-size: 10px; font-weight: bold; color: #FFFFFF; } #left .date2 b { display: block; margin-top: 5px; font-size: 40px; color: #9BB164; } #footer { height: 53px; clear: both; padding-top: 30px; background: url(http://www.opendesigns.org/designs/1602/images/buttons.gif) repeat-x top; } #footer p { margin: 0; font-size: 10px; text-align: center; color: #ffffff; } #footer a { color: #ffffff; }	</div> <!--content ends --> <!--footer begins --> </div> <div id="footer"> <p>Copyright © 2008. Designed by <a href="http://www.metamorphozis.com/" title="Free Website Templates">Free Website Templates</a></p> <p><a href="#">Privacy Policy</a> \| <a href="#">Terms of Use</a> \| <a href="http://validator.w3.org/check/referer" title="This page validates as XHTML 1.0 Transitional"><abbr title="eXtensible HyperText Markup Language">XHTML</abbr></a> \| <a href="http://jigsaw.w3.org/css-validator/check/referer" title="This page validates as CSS"><abbr title="Cascading Style Sheets">CSS</abbr></a></p> </div> </div> </div> <!-- footer ends-->	<div id="contentt"> <div id="back"> <!-- header begins --> <div id="header"> <div id="logo"> <h1><a href="#">Metamorph_goldshire</a></h1> <h2><a href="http://www.metamorphozis.com/" id="metamorph">Design by Metamorphosis Design</a></h2> </div> <div id="menu1"> <div id="menu"> <ul> <li id="button1"><a href="#" title="">Home</a></li> <li id="button2"><a href="#" title="">Blog</a></li> <li id="button3"><a href="#" title="">Gallery</a></li> <li id="button4"><a href="#" title="">About</a></li> <li id="button5"><a href="#" title="">Contact</a></li> </ul> </div> </div> </div> <!-- header ends --> <!-- content begins --> <div id="main"> <div id="right"> <h3>Nunc pellentesque</h3> <ul> <li class="sub"><a href="#">Vivamus id arcu</a></li> <li class="sub"><a href="#">Duis congue ultricies</a></li> <li class="sub"><a href="#">Purus in mollis purus</a></li> <li class="sub"><a href="#">Orci nonummy fringilla</a></li> <li class="sub"><a href="#">Pellentesque at lorem</a></li> </ul> <h3>Company News</h3> <ul> <li> <h4>June 2, 2008</h4> <p><a href="#"> Duis tempor posuere diam. Suspendisse vel tellus quis nunc malesuada porta. …</a></p></li> <li> <h4>June 12, 2008</h4> <p><a href="#">Tempus Duis tempor posuere diam. Suspendisse vel tellus quis nunc malesuada porta. …</a></p></li> </ul> <h3>Calendar</h3> <ul> <li id="calendar"> <div id="calendar1"> <table id="calendar2" summary="Calendar"> <caption> January 2008 </caption> <thead> <tr> <th abbr="Monday" scope="col" title="Monday">M</th> <th abbr="Tuesday" scope="col" title="Tuesday">T</th> <th abbr="Wednesday" scope="col" title="Wednesday">W</th> <th abbr="Thursday" scope="col" title="Thursday">T</th> <th abbr="Friday" scope="col" title="Friday">F</th> <th abbr="Saturday" scope="col" title="Saturday">S</th> <th abbr="Sunday" scope="col" title="Sunday">S</th> </tr> </thead> <tfoot> <tr> <td abbr="Des" colspan="3" id="prev"><a href="#">« Des</a></td> <td class="pad"> </td> <td abbr="Feb" colspan="3" id="next" class="pad"><a href="#">Feb »</a></td> </tr> </tfoot> <tbody> <tr> <td colspan="2" class="pad"> </td> <td>1</td> <td>2</td> <td>3</td> <td>4</td> <td>5</td> </tr> <tr> <td>6</td> <td>7</td> <td>8</td> <td>9</td> <td>10</td> <td>11</td> <td>12</td> </tr> <tr> <td>13</td> <td>14</td> <td>15</td> <td>16</td> <td>17</td> <td>18</td> <td>19</td> </tr> <tr> <td>20</td> <td id="now">21</td> <td>22</td> <td>23</td> <td>24</td> <td>25</td> <td>26</td> </tr> <tr> <td>27</td> <td>28</td> <td>29</td> <td>30</td> <td>31</td> <td class="pad" colspan="2"> </td> </tr> </tbody> </table> </div> </li> </ul> </div> <div id="left"> <h2>Welcome To Our Website</h2><br /> <h4><a href="#">METAMORPHOSIS DESIGN</a></h4><br />

KODNUMARASI CSSSY137

CSSÖNİZLEME

KAYNAK

www.hackerfriend.net

CSSKODU

CSS KODUNA	TASARIM ALTINA	TASARIM ÜSTÜNE
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;}	</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">Web design</a> released by <a href="http://www.flash-gallery.org">Flash Gallery</a> </div> </div> <!-- end footer --> </div> </div> <div id="bottom"> <div id="bottom_center"></div> </div>	<div id="all"> <div id="container"> <!-- header --> <div id="header"> <div id="logo"><a href="#"><img src="images/logo.gif" alt=""/><br/><br/>Website name</a></div> <div id="head"> <ul> <li><a href="#">Lorem</a></li> <li><a href="#">Ipsum</a></li> <li><a href="#">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="#">Home</a></li> <li><a href="#">About us</a></li> <li><a href="#">Services</a></li> <li><a href="#">Pricing</a></li> <li><a href="#">Contacts</a></li> </ul> </div> <div id="text"> <h1>HackeR FrienD ile Bilgi Paylaşımı</h1>

KODNUMARASI CSSSY138

CSSÖNİZLEME

KAYNAK

www.hackerfriend.net

CSSKODU

CSS KODUNA	TASARIM ALTINA	TASARIM ÜSTÜNE
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 { margin : 0; } #container { width : 100%; margin : 0 auto; } #header { width : 100%; height : 100px; background : url(http://www.opendesigns.org/designs/515/headerbg.jpg) repeat-x 0% 0%; } #header h2 { font-size : 24px; margin-top : 15px; margin-left : 15px; font-family : "arial", helvetica, sans-serif; color : #9e9e9e; } #wrapper { float : left; width : 100%; margin-bottom : 20px; } #content { margin : 0 20%; } #left { float : left; width : 20%; margin-left : -100%; } #right { float : left; width : 20%; margin-left : -20%; } #footer { clear : both; border-top : 1px solid #cecece; text-align : center; padding : 5px 10px; color : #fff; background-image : url(http://www.opendesigns.org/designs/515/footerbg2.jpg); font-family : "arial", helvetica, sans-serif; font-size : 0.7em; background-repeat : repeat-x; } #sidebar { border-bottom : 1px solid #cecece; } #sidebar ul { margin : 0; padding : 0; list-style : none; font-family : "arial", helvetica, sans-serif; } #sidebar li a { display : block; font-weight : bold; font-size : 0.9em; color : #666666; border-right : 1px solid #999999; text-decoration : none; padding : 7px 0 4px 20px; background-image : url(http://www.opendesigns.org/designs/515/menubg.jpg); } #sidebar li a:hover { color : orange; background-image : url(http://www.opendesigns.org/designs/515/menubg2.jpg); } #sidebar p { font-family : "arial", helvetica, sans-serif; } #leftbox { margin-top : 20px; border : 1px solid #999999; background-image : url(http://www.opendesigns.org/designs/515/rbbg.jpg); background-repeat : no-repeat; background-position : top 0%; } #leftbox p { margin-top : 0; } #leftbox h2 { font-family : "arial", helvetica, sans-serif; font-size : 1em; margin-top : 5px; margin-left : 5px; color : #999999; } .rightbox { border : 1px solid #999999; background-image : url(http://www.opendesigns.org/designs/515/lbbg.jpg); background-repeat : no-repeat; background-position : top 0%; } .rightbox p { margin-top : 0; } .rightbox h2 { font-family : "arial", helvetica, sans-serif; font-size : 1em; margin-top : 5px; margin-left : 5px; color : #999999; } p { padding : 10px; margin : 0; font-family : "arial", helvetica, sans-serif; font-size : 12px; text-align : justify; } img { border : 0; } h1 { display : none; } a { color : #84d5fa; text-decoration : none; } a:hover { color : orange; } ul { list-style-type : none; } blockquote { font-family : cursive; color : #999999; border : 1px solid #999999; text-align : justify; background-image : url(http://www.opendesigns.org/designs/515/bqbg.jpg); background-repeat : repeat-x; }	</div> <!--End Content--> </div> <!--End Wrapper--> <div id="left"> <div id="sidebar"> <ul> <li><a href="index.html">Home </a></li> <li><a href="#">Link One </a></li> <li><a href="#">Link Two </a></li> <li><a href="#">Link Three </a></li> <li><a href="#">Link Four </a></li> <li><a href="#">Link Five </a></li></ul> </div> <!--End Sidebar--> <div id="leftbox"> <h2>Lorem Ipsum</h2> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent aliquet elit id augue. Duis rutrum. Praesent massa lectus, malesuada ut, sollicitudin eu, adipiscing id, lacus.</p> </div> <!--End Leftbox--> </div> <!--End Left--> <div id="right"> <div class="rightbox"> <h2>Lorem Ipsum</h2> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent aliquet elit id augue. Duis rutrum. Praesent massa lectus, malesuada ut, sollicitudin eu, adipiscing id, lacus.</p> </div> <br /><br /> <div class="rightbox"> <h2>News</h2> <p><i>Nov. 08th 2006</i></p> <p><b>Lorem ipsum dolor sit amet</b> consectetuer adipiscing elit.<br /> <a href="#">Donec rutrum neque eu nisl. Morbi eget felis</a></p> <br /> <p><i>Nov. 03rd 2006</i></p> <p><b>Lorem ipsum dolor sit amet</b> consectetuer adipiscing elit.<br /> <a href="#">Donec rutrum neque eu nisl. Morbi eget felis</a></p> </div> <!--End Rightbox--> </div><!--End Right--> <div id="footer"> <a href="http://validator.w3.org/">Valid CSS</a> :: <a href="http://validator.w3.org/">Valid XHTML</a> Copyright © 2007 by Free CSS Templates and Layouts :: Designed by: <a href="http://www.getcsstemplates.com"title="free css templates and layouts">GET FREE CSS WEB SITE DESIGN</a> </div><!--End Footer--> </div><!--End Container-->	<div id="container"> <div id="header"> <h1>Your web site search engine see this</h1> <h2>HackeR FrienD</h2> </div><!--End Header--> <div id="wrapper"> <div id="content">

KODNUMARASI CSSSY139

CSSÖNİZLEME

KAYNAK

www.hackerfriend.net

CSSKODU

CSS KODUNA	TASARIM ALTINA	TASARIM ÜSTÜNE
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;} /* CSS Document / body{padding:0; margin:0; background:url(http://www.free-css.com/assets/files/free-templates/preview/page11/greensolutions/images/main-bg.gif) 0 0 repeat-x #FCFAE6; font:14px/20px Arial, Helvetica, sans-serif; color:#3D3C2C; font-weight:normal;} div, p, h1, h3, h3, ul, img{padding:0px; margin:0px;} ul{list-style-type:none;} / TOP PANEL / #topPan{width:778px; height:96px; position:relative; margin:0 auto; padding:0;} #topPan img{width:204px; height:57px; display:block; padding:23px 0 0 6px;} / Menu Panel / #topPan ul{width:520px; height:96px; display:block; position:absolute; top:0px; right:9px; margin:0; padding:0; margin-top: -30px;} #topPan ul li{float:left; width:104px; display:block; text-align:center;} #topPan ul li a{width:104px; height:35px; display:block; font:14px/14px "Trebuchet MS",Arial, Helvetica, sans-serif; color:#2E4E00; background:url(http://www.free-css.com/assets/files/free-templates/preview/page11/greensolutions/images/menu-bg.gif) 0 0 repeat-x #F4F1DD; text-decoration:none; margin:0; padding:61px 0 0 0; } #topPan ul li a:hover{ width:104px; height:96px; display:block; background:#FCFAE6; color:#2E4E00; text-decoration:none;} #topPan ul li span{width:104px; height:35px; display:block; background:url(http://www.free-css.com/assets/files/free-templates/preview/page11/greensolutions/images/menu-devider1.gif) 100% 0 no-repeat #FCFAE6; color:#2E4E00; text-decoration:none; padding:61px 0 0 0; line-height:14px;} / /TOP PANEL / / HEADER PANEL / #headerPan{width:778px; height:307px; position:relative; margin:0 auto; padding:0;} #headerPan h1{width:526px; height:236px; position:absolute; top:35px; right:0px; background:url(http://www.free-css.com/assets/files/free-templates/preview/page11/greensolutions/images/header-img.jpg) 0 0 no-repeat #FCFAE6; color:#fff; font-size:36px; line-height:18px; text-transform:uppercase; text-indent:-2000px;} #headerPanleft{ width:237px; height:214px; position:absolute; top:48px; left:9px;} #headerPan #ourblog{ float:left; width:237px; height:62px; position:relative; margin:0 auto; background:url(http://www.free-css.com/assets/files/free-templates/preview/page11/greensolutions/images/icon1-nor.gif) 0 0 no-repeat;} #headerPan #ourblog h3{width:90px; height:10px; background:#fff; display:block; position:absolute; left:0px; top:0px; margin:14px 0 5px 81px; font:16px/14px Georgia, "Times New Roman", Times, serif; color:#CC0000; z-index:1; text-transform:uppercase;} #headerPan #ourblog p{width:103px; height:10px; display:block; position:absolute; font:12px/14px "Trebuchet MS",Arial, Helvetica, sans-serif; color:#2E5000; background:#fff; margin:34px 0 0 81px; z-index:1; } #headerPan #ourblog a{text-decoration:none; display:block; width:237px; height:62px;} #headerPan #ourblog a:hover{text-decoration:none; background:url(http://www.free-css.com/assets/files/free-templates/preview/page11/greensolutions/images/icon1-hover.gif) no-repeat 0 0;} #headerPan #possib{ float:left; width:237px; height:62px; position:relative; margin:13px 0 0 0; background:url(http://www.free-css.com/assets/files/free-templates/preview/page11/greensolutions/images/icon2-nor.gif) 0 0 no-repeat;} #headerPan #possib h3{width:90px; height:10px; background:#fff; display:block; position:absolute; left:0px; top:0px; margin:14px 0 5px 81px; font:16px/14px Georgia, "Times New Roman", Times, serif; color:#CC0000; z-index:1; text-transform:uppercase;} #headerPan #possib p{width:103px; height:10px; display:block; position:absolute; font:12px/14px "Trebuchet MS",Arial, Helvetica, sans-serif; color:#2E5000; background:#fff; margin:34px 0 0 81px; z-index:1; } #headerPan #possib a{text-decoration:none; display:block; width:237px; height:62px;} #headerPan #possib a:hover{text-decoration:none; background:url(http://www.free-css.com/assets/files/free-templates/preview/page11/greensolutions/images/icon2-hover.gif) no-repeat 0 0;} #headerPan #solution{ float:left; width:237px; height:62px; position:relative; margin:13px 0 0 0; background:url(http://www.free-css.com/assets/files/free-templates/preview/page11/greensolutions/images/icon3-nor.gif) 0 0 no-repeat;} #headerPan #solution h3{width:90px; height:10px; background:#fff; display:block; position:absolute; left:0px; top:0px; margin:14px 0 5px 81px; font:16px/14px Georgia, "Times New Roman", Times, serif; color:#CC0000; z-index:1; text-transform:uppercase;} #headerPan #solution p{width:103px; height:10px; display:block; position:absolute; font:12px/14px "Trebuchet MS",Arial, Helvetica, sans-serif; color:#2E5000; background:#fff; margin:34px 0 0 81px; z-index:1; } #headerPan #solution a{text-decoration:none; display:block; width:237px; height:62px;} #headerPan #solution a:hover{text-decoration:none; background:url(http://www.free-css.com/assets/files/free-templates/preview/page11/greensolutions/images/icon3-hover.gif) no-repeat 0 0;} / BODY PANEL / #bodyPan{width:778px; height:887px; position:relative; margin:0 auto; padding:0;} /Left Panel / #leftPan{width:239px; height:611px; position:absolute; top:0px; left:8px; margin:0; padding:0px;} #leftmemberPan{width:237px; height:196px; position:relative; margin:0 auto; padding:0; border:1px solid #DCDAC2; background:#fff; color:#000;} #leftmemberPan h3{height:48px; background:url(http://www.free-css.com/assets/files/free-templates/preview/page11/greensolutions/images/symbol4.gif) 0 0 no-repeat #fff; display:block; position:relative; padding:0 0 0 57px; margin:12px 0 20px 13px; font:16px/48px Georgia,"Times New Roman", Times, serif; color:#5EA000; text-transform:uppercase;} #leftmemberPan h3 span{background:#fff; color:#3D3C2C;} #leftPan form{width:220px; height:108px; background:#EBE9D7; padding:0; margin:0 0 0 8px; color:#333227;} #leftPan form label{width:72px; display:block; float:left; padding:14px 15px 0 16px; } #leftPan form label.emailpadding{padding:2px 15px 0 16px;} #leftPan form input{ float:left; display:block; width:101px; height:16px; margin:14px 0 9px 0} #leftPan form input.fieldpadding{margin:2px 0 9px 0} #leftPan h3{height:48px; background:#FCFAE6; display:block; float:right; padding:0 0 0 57px; margin:12px 0 22px 13px; font:28px/48px Georgia, "Times New Roman", Times, serif; color:#3D3C2C;} #leftPan ul{ display:block; float:right; width:150px; height:327px;} #leftPan ul li{background:url(http://www.free-css.com/assets/files/free-templates/preview/page11/greensolutions/images/arrow3.gif) 140px 10px no-repeat; padding:0px 20px 0 0; text-align:right;} #leftPan ul li a{text-decoration:underline; color:#3D3C2C; background:#FCFAE6;} #leftPan ul li a:hover{text-decoration:none;} #leftPango{width:220px; height:25px; position:absolute; top:160px; left:8px; border-top:1px solid #fff; background:#B0AD93; display:block; padding:0; margin:0; font-size:12px; color:#FFFFFA; line-height:23px; font-weight:bold;} #leftPango p.textposition a{float:left; padding:0 0 0 20px; margin:0; text-decoration:none; color:#FFFFFA; background:#B0AD93;} #leftPango p.textposition a:hover{text-decoration:underline; background:none;} #leftPan form input.gobutton{float:right; background:url(http://www.free-css.com/assets/files/free-templates/preview/page11/greensolutions/images/arrow4.gif) no-repeat 30px 0 #63614F; border:none; width:45px; height:21px; display:block; margin:2px 0 0 0; padding:0 0 0 5px; text-decoration:none; color:#fff; font:14px/21px "Trebuchet MS",Arial, Helvetica, sans-serif; text-transform:uppercase; text-align:left;} #leftPango a:hover{background:url(http://www.free-css.com/assets/files/free-templates/preview/page11/greensolutions/images/arrow4.gif) no-repeat 30px 1px #333229; text-decoration:none; color:#fff;} //Left Panel / /Right Panel / #rightPan{width:504px; position:absolute; top:0px; right:10px; border:1px solid #DCDAC2; background:#fff; color:#3D3C2C;} #rightbodyPan{width:484px; height:855px; position:absolute; top:10px; left:10px; background:#FCFAE6; color:#3D3C2C;} #rightbodyPan h3{width:266px; height:31px; display:block; position: relative; background:url(http://www.free-css.com/assets/files/free-templates/preview/page11/greensolutions/images/symbol5.gif) 100% 0 no-repeat #FCFAE6; padding:24px 0 0 0; font:28px/28px Georgia, "Times New Roman", Times, serif; color:#3D3C2C; margin:20px 0 20px 80px ;} #rightbodyPan p{padding:0 80px 30px;} #rightbodyPan p.redtext{background:#FCFAE6; color:#CC0000; font-size:18px; line-height:20px; padding:0 80px 26px;} #rightbodyPan p span{background:#FFFFFA; color:#3D3C2C;} #rightbodymore{width:306px; height:25px; border:1px solid #fff; background:#B0AD93; display:block; padding:2px; margin:0 60px 0 80px; font-size:12px; color:#FFFFFA; line-height:25px; font-weight:bold;} #rightbodymore p.textposition{float:left; padding:0 0 0 20px; margin:0;} #rightbodymore a{float:right; background:url(http://www.free-css.com/assets/files/free-templates/preview/page11/greensolutions/images/arrow4.gif) no-repeat 58px 1px #63614F; width:66px; display:block; position:relative; margin:1px 0 0 0; padding:0 0 0 10px; height:23px; text-decoration:none; color:#fff; font:14px/23px "Trebuchet MS",Arial, Helvetica, sans-serif; text-transform:uppercase;} #rightbodymore a:hover{background:url(http://www.free-css.com/assets/files/free-templates/preview/page11/greensolutions/images/arrow4.gif) no-repeat 58px 1px #333229; text-decoration:none; color:#fff;} #rightbodyPan h3{width:268px; height:31px; display:block; position: relative; background:url(http://www.free-css.com/assets/files/free-templates/preview/page11/greensolutions/images/symbol6.gif) 100% 0 no-repeat #FCFAE6; padding:24px 0 0 0; font:28px/28px Georgia, "Times New Roman", Times, serif; color:#3D3C2C; margin:27px 0 20px 80px ;} #rightbodyPan ul{width:328px; height:92px; position:relative; top:5px; left:80px; margin:0 0 30px 0;} #rightbodyPan li{width:340px; background:url(http://www.free-css.com/assets/files/free-templates/preview/page11/greensolutions/images/arrow2.gif) 0 7px no-repeat; font:14px/24px Arial, Helvetica, sans-serif; padding:0 0 0 20px;} #rightbodyPan li a{width:235px; height:60px; background:#FCFAE6; color:#CC0000; text-decoration:underline; line-height:24px;} #rightbodyPan ul li a:hover{width:235px; height:60px; text-decoration:none; line-height:24px;} #rightbodymorenext{width:306px; height:25px; border:1px solid #fff; background:#B0AD93; display:block; padding:2px; margin:0 60px 0 80px; font-size:12px; color:#FFFFFA; line-height:25px; font-weight:bold;} #rightbodymorenext p.textposition{float:left; padding:0 0 0 20px; margin:0;} #rightbodymorenext a{float:right; background:url(http://www.free-css.com/assets/files/free-templates/preview/page11/greensolutions/images/arrow4.gif) no-repeat 58px 1px #63614F; width:66px; display:block; position:relative; margin:1px 0 0 0; padding:0 0 0 10px; height:23px; text-decoration:none; color:#fff; font:14px/23px "Trebuchet MS",Arial, Helvetica, sans-serif; text-transform:uppercase;} #rightbodymorenext a:hover{background:url(http://www.free-css.com/assets/files/free-templates/preview/page11/greensolutions/images/arrow4.gif) no-repeat 58px 1px #333229; text-decoration:none; color:#fff;} / /BODY PANEL / / FOOTER PANEL */ #footerPan{width:778px; height:231px; position:relative; margin:0 auto; padding:0;} #footernextPan{width:506px; height:150px; position:absolute; top:0px; right:10px; background:#B0AD93; color:#fff; margin:0;} #footerPan ul{width:380px; display:block; position:absolute; right:40px; top:33px; } #footerPan li{float:left; font:12px/15px "Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:normal;} #footerPan ul li a{padding:0 10px; color:#FFFFFA; background:#B0AD93; text-decoration:none;} #footerPan ul li a:hover{text-decoration:underline;} #footerPan ul li a.padl{padding:0 0 0 14px;} #footerPan ul.templateworld{width:190px; background:#B0AD93; color:#fff; display:block; position:absolute; top:110px; right:49px;} #footerPan ul.templateworld li a{background:#B0AD93; display:block; color:#fff; text-decoration:none;} #footerPan ul.templateworld li a:hover{text-decoration:underline;} #footerPan p{ background:#B0AD93; margin:54px 45px 0 0; display:block; position:absolute; top:0px; right:40px; color:#FCFAE6; font:12px/15px "Trebuchet MS",Arial, Helvetica, sans-serif;} #footerPanhtml{width:64px; height:19px; display:block; position:absolute; top:78px; right:170px;} #footerPanhtml a{width:59px; height:19px; background:url(http://www.free-css.com/assets/files/free-templates/preview/page11/greensolutions/images/arrow5.gif) no-repeat 45px 0px #D0CEB8; display:block; position:absolute; top:0px; left:0px; margin:0; padding:0 0 0 5px; border:1px solid #FFFFFA; color:#353427; text-transform:uppercase; text-decoration:none;} #footerPanhtml a:hover{background:url(http://www.free-css.com/assets/files/free-templates/preview/page11/greensolutions/images/arrow5.gif) no-repeat 45px 0px #B0AD93; color:#353427; text-decoration:none;} #footerPancss{width:64px; height:19px; display:block; position:absolute; top:78px; right:89px;} #footerPancss a{width:59px; height:19px; background:url(http://www.free-css.com/assets/files/free-templates/preview/page11/greensolutions/images/arrow5.gif) no-repeat 45px 0px #D0CEB8; display:block; position:absolute; top:0px; left:0px; margin:0; padding:0 0 0 5px; border:1px solid #FFFFFA; color:#353427; text-transform:uppercase; text-decoration:none;} #footerPancss a:hover{background:url(http://www.free-css.com/assets/files/free-templates/preview/page11/greensolutions/images/arrow5.gif) no-repeat 45px 0px #B0AD93; color:#353427; text-decoration:none;}	</div> </div> </div> <div id="footerPan"> <div id="footernextPan"> <ul> <li><a href="http://www.free-css.com/">Home</a>\|</li> <li><a href="http://www.free-css.com/">About us</a> \|</li> <li><a href="http://www.free-css.com/">Support</a>\|</li> <li><a href="http://www.free-css.com/">Clients</a> \|</li> <li><a href="http://www.free-css.com/">Contact</a></li> </ul> <p>©green solution all right reaserved</p> <ul class="templateworld"> <li>Design By:</li> <li><a href="http://www.templateworld.com">Template World</a></li> </ul> <div id="footerPanhtml"><a href="http://validator.w3.org/check?uri=referer">XHTML</a></div> <div id="footerPancss"><a href="http://jigsaw.w3.org/css-validator/check/referer">CSS</a></div> </div> </div>	<div id="topPan"><a href="http://www.free-css.com/"><img src="images/logo.gif" title="Green Solutions" alt="Green Solutions" width="204" height="57" border="0"/></a> <ul> <li><span>Home</span></li> <li><a href="http://www.free-css.com/">About us</a></li> <li><a href="http://www.free-css.com/">Services</a></li> <li><a href="http://www.free-css.com/">Client</a></li> <li><a href="http://www.free-css.com/">Contact</a></li> </ul> </div> <div id="headerPan"> <div id="headerPanleft"> <div id="ourblog"> <h3>Our blog</h3> <p>Desktop publishing</p> <a href="http://www.free-css.com/"> </a> </div> <div id="possib"> <h3>possibilities</h3> <p>Desktop publishing</p> <a href="http://www.free-css.com/"> </a> </div> <div id="solution"> <h3>Solutions</h3> <p>Desktop publishing</p> <a href="http://www.free-css.com/"> </a> </div> </div> <h1>best Fresh Solution</h1> </div> <div id="bodyPan"> <div id="leftPan"> <div id="leftmemberPan"> <h3>member <span>login</span></h3> <form name="login" id="login" action="http://www.free-css.com/" method="post"> <label>Your Name</label> <input type="text" name="textfield" /> <label class="emailpadding">Email ID</label> <input class="fieldpadding" type="text" name="textfield" /> <div id="leftPango"> <p class="textposition"><a href="http://www.free-css.com/">Resister now</a></p> <input type="submit" class="gobutton" value="Go" /> </div> </form> </div> <h3>More tips</h3> <ul> <li><a href="http://www.free-css.com/">Lorem Ipsum has</a></li> <li><a href="http://www.free-css.com/">been the industry's</a></li> <li><a href="http://www.free-css.com/">standard dum</a></li> <li><a href="http://www.free-css.com/">text ever since the</a></li> <li><a href="http://www.free-css.com/">1500s, when an</a></li> <li><a href="http://www.free-css.com/">unknown printer</a></li> <li><a href="http://www.free-css.com/">galley of type</a></li> <li><a href="http://www.free-css.com/">and scrambled</a></li> <li><a href="http://www.free-css.com/">make a typ</a></li> <li><a href="http://www.free-css.com/">especimen</a></li> <li><a href="http://www.free-css.com/">has survived</a></li> <li><a href="http://www.free-css.com/">been the dummy</a></li> <li><a href="http://www.free-css.com/">text ever</a></li> <li><a href="http://www.free-css.com/">since1500s,an</a></li> </ul> </div> <div id="rightPan"> <div id="rightbodyPan"> <h3>HackeR FrienD</h3> <div id="rightbodymore"> <p class="textposition">sbut also the leap into electronic</p> <a href="http://www.free-css.com/">more</a></div>

KODNUMARASI CSSSY140

CSSÖNİZLEME

KAYNAK

www.hackerfriend.net


GERİ		İLERİ