ONLİNE FİLM TEMASI

TASARIM ÜSTÜ
<div id="wrapper"> <div id="inner"> <div id="header"> <h1><img src="http://www.free-css.com/assets/files/free-css-templates/preview/page23/online-movie-store/images/logo.gif" _fcksavedurl="http://www.free-css.com/assets/files/free-css-templates/preview/page23/online-movie-store/images/logo.gif" width="519" height="63" alt="Online Movie Store" /></h1> <div id="nav"> <a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">HOME</a> | <a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">view cart</a> | <a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">help</a> </div> <!-- end nav --> <a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/"><img src="http://www.free-css.com/assets/files/free-css-templates/preview/page23/online-movie-store/images/header_1.jpg" _fcksavedurl="http://www.free-css.com/assets/files/free-css-templates/preview/page23/online-movie-store/images/header_1.jpg" width="744" height="145" alt="Harry Potter cd" /></a> <a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/"><img src="http://www.free-css.com/assets/files/free-css-templates/preview/page23/online-movie-store/images/header_2.jpg" _fcksavedurl="http://www.free-css.com/assets/files/free-css-templates/preview/page23/online-movie-store/images/header_2.jpg" width="745" height="48" alt="" /></a> </div> <!-- end header --> <dl id="browse"> <dt>Full Category Lists</dt> <dd class="first"><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Action & Adventure</a></dd> <dd><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Anime & Manga</a></dd> <dd><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Art House & International</a></dd> <dd><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Classics</a></dd> <dd><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Comedy</a></dd> <dd><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Cult Movies</a></dd> <dd><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Drama</a></dd> <dd><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">New & Future Releases</a></dd> <dd><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Horror</a></dd> <dd><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Musicals</a></dd> <dd><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Mystery & Suspense</a></dd> <dd><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Science Fiction & Fantasy</a></dd> <dd class="last"><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Westerns</a></dd> <dt>Search Your Favourite Movie</dt> <dd class="searchform"> <form action="http://www.free-css.com/" method="get"> <div> <select name="cat"> <option value="-" selected="selected">CATEGORIES</option> <option value="-">------------</option> </select> </div> <div> <input name="q" type="text" value="DVD TITLE" class="text" /> </div> <div class="softright"> <input type="image" src="http://www.free-css.com/assets/files/free-css-templates/preview/page23/online-movie-store/images/btn_search.gif" /> </div> </form> </dd> </dl> <div id="body"> <div class="inner"> <div class="leftbox">

TASARIM ALTI
<div class="clear"></div> </div> <!-- end .rightbox --> <div class="clear"></div> </div> <!-- end .inner --> </div> <!-- end body --> <div class="clear"></div> <div id="footer"> Web design by <a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com">free website templates</a> <div id="footnav"> <a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Legal</a> | <a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Home</a> </div> <!-- end footnav --> </div> <!-- end footer --> </div> <!-- end inner --> </div> <!-- end wrapper -->

CSS
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 { font-family: tahoma, helvetica, arial, sans-serif; font-size: 10px; text-align: center; background: url(http://www.free-css.com/assets/files/free-css-templates/preview/page23/online-movie-store/images/page_bg.gif); } html, body, #wrapper, h1 { margin: 0; padding: 0; } th, td { font-size: 10px; } img { border: 0; } #wrapper { margin: auto; text-align: left; width: 748px; position: relative; } h1, h2, h3 { font-size: 10px; } h1 { margin: 0; padding: 0; } h2 { margin: 0 0 5px 0; padding: 0; } h3 { padding: 4px 0 0 0; } .block { display: block; } .clear { clear: both; height: 2px; padding-top: 0; margin-top: 0; margin-bottom: 3px; font-size: 1px; } .left { float: left; margin: 1px 8px 0px 0px; } .softright { text-align: right; } .readmore { text-align: right; } /* ***** */ #inner { border-left: 2px solid #fff; border-right: 2px solid #fff; background: white; color: black; margin-bottom: 10px; } #header { background: url(http://www.free-css.com/assets/files/free-css-templates/preview/page23/online-movie-store/images/header_bg.gif) repeat-x; padding-top: 9px; position: relative; } #header img { display: block; } #nav { position: absolute; left: 550px; top: 40px; width: 200px; } #nav, #nav a { color: white; font-weight: bold; text-decoration: none; } #nav a:hover { text-decoration: underline; } #browse { float: left; width: 195px; margin: 0; padding: 0; background: white; border-bottom: 2px solid white; } #browse dt { background: #c80000 url(http://www.free-css.com/assets/files/free-css-templates/preview/page23/online-movie-store/images/dt_bg.gif) bottom repeat-x; color: #fff; margin: 2px 2px 1px 2px; padding: 6px 0; text-align: center; font-weight: bold; } #browse dd { background: #227293; border-bottom: 1px solid #659db4; padding: 0; margin: 0 2px; } #browse dd a { color: white; font-weight: bold; text-decoration: none; display: block; padding: 3px 22px; } * html #browse dd { padding: 3px 22px; padding: 0; } * html #browse dd a { display: inline; display: block; } #browse dd a:hover { background: #74a7b7; } #browse .first { padding-top: 10px; } #browse .last { padding-bottom: 8px; border-bottom: 1px solid white; } #browse .searchform { padding: 10px; } #browse .text, #browse select { width: 160px; } #browse form { margin: 0; padding: 0; } #browse form div { padding-bottom: 8px; width: 165px; } #body { float: right; width: 543px; margin: 2px 1px 0 0; border: 1px solid #e5e5e5; position: relative; } #body p { margin: 1em 0; padding: 0; } #body .leftbox, #body .rightbox { margin-top: 5px; color: #464646; } #body .leftbox { float: left; width: 250px; } #body .rightbox { float: right; width: 252px; margin-right: 18px; border-left: 1px solid #e5e5e5; } * html #body .rightbox { margin-right: 10px; } #body .br { border-bottom: 1px solid #e5e5e5; } #body .readmore { margin-top: -0.5em; margin-bottom: 0; padding-bottom: 0; } #body .readmore a { color: #ad1c1c; } #body .readmore a:hover { color: #f73838; } #body h3 { text-align: center; font-family: "Keble Condensed", "KebleCondensed", "arial narrow", helvetica, arial, sans-serif; font-size: 15px; font-weight: normal; color: #5d5d5d; padding: 0 0 0 18px; margin: 1px 0 3px 0; } #footer { background: #c80000 url(http://www.free-css.com/assets/files/free-css-templates/preview/page23/online-movie-store/images/footer_bg.gif) repeat-x; padding: 8px 8px 5px 8px; position: relative; text-align: center; border-bottom: 2px solid white; } #footer, #footer a { font-weight: bold; color: white; text-decoration: none; } #footnav { position: absolute; text-align: right; right: 10px; top: 0px; padding: 8px 0 5px 0; }