UÇAK TEMASI

TASARIM ÜSTÜ
<div id="body_wrapper"> <!-- Start of Company Header --> <div id="company_header"> <div class="add_shadow"><div><div> <div id="company_logo"> <h1><span>Travel Agency</span></h1> </div> </div></div></div> </div> <!-- End of Company Header --> <!-- Start of Navigational Menu --> <div id="nav_menu"> <ul> <li><a href="http://www.freewebsitetemplates.com/" _fcksavedurl="http://www.freewebsitetemplates.com/">Main Page</a></li> <li><a href="http://www.freewebsitetemplates.com/" _fcksavedurl="http://www.freewebsitetemplates.com/">Our Tours</a></li> <li><a href="http://www.freewebsitetemplates.com/" _fcksavedurl="http://www.freewebsitetemplates.com/">Destinations</a></li> <li><a href="http://www.freewebsitetemplates.com/" _fcksavedurl="http://www.freewebsitetemplates.com/">Hotel Guide</a></li> <li id="last"><a href="http://www.freewebsitetemplates.com/" _fcksavedurl="http://www.freewebsitetemplates.com/">Contacts</a></li> </ul> </div> <!-- End of Navigational Menu --> <!-- Start of Content Body --> <div id="content_body"> <!-- Start of Left Column --> <div id="left_column"> <!-- Start of Travel Gallery --> <div class="content_header"> <div class="add_shadow"><div><div> <div class="content_header2"> <h2>Travel Gallery</h2> </div> </div></div></div> </div> <div id="travelgallery"> <!-- Start of Travel Thumbnail --> <div class="gallery_thumbnail"> <div class="add_shadow"><div><div> <img src="http://img.webme.com/pic/k/kaynakkodum/travelgallery_01.gif" _fcksavedurl="http://img.webme.com/pic/k/kaynakkodum/travelgallery_01.gif" width="170" height="114" alt="Thumbnail Caption" /> </div></div></div> </div> <!-- End of Travel Thumbnail --> <!-- Start of Travel Thumbnail --> <div class="gallery_thumbnail"> <div class="add_shadow"><div><div> <img src="http://img.webme.com/pic/k/kaynakkodum/travelgallery_02.gif" _fcksavedurl="http://img.webme.com/pic/k/kaynakkodum/travelgallery_02.gif" width="170" height="114" alt="Thumbnail Caption" /> </div></div></div> </div> <!-- End of Travel Thumbnail --> <!-- Start of Travel Thumbnail --> <div class="gallery_thumbnail"> <div class="add_shadow"><div><div> <img src="http://img.webme.com/pic/k/kaynakkodum/travelgallery_03.gif" _fcksavedurl="http://img.webme.com/pic/k/kaynakkodum/travelgallery_03.gif" width="170" height="114" alt="Thumbnail Caption" /> </div></div></div> </div> <!-- End of Travel Thumbnail --> <!-- Start of Travel Thumbnail --> <div class="gallery_thumbnail"> <div class="add_shadow"><div><div> <img src="http://img.webme.com/pic/k/kaynakkodum/travelgallery_04.gif" _fcksavedurl="http://img.webme.com/pic/k/kaynakkodum/travelgallery_04.gif" width="170" height="114" alt="Thumbnail Caption" /> </div></div></div> </div> <!-- End of Travel Thumbnail --> <div class="clearthis"> </div> <div class="view_all"> <div class="add_shadow"><div><div> <a href="http://www.freewebsitetemplates.com/" _fcksavedurl="http://www.freewebsitetemplates.com/">View All Photos</a> </div></div></div> </div> </div> <!-- End of Travel Gallery --> </div> <!-- End of Left Column --> <!-- Start of Right Column --> <div id="right_column"> www.kaynakkodum.tr.gg

TASARIM ALTI
</div> <!-- End of Right Column --> <div class="clearthis"> </div> </div> <!-- End of Content Body --> <!-- Start of Page Footer --> <div id="page_footer"> Web design by <a href="http://www.freewebsitetemplates.com/" _fcksavedurl="http://www.freewebsitetemplates.com/">Free Website Templates</a> </div> <!-- End of Page Footer --> </div>

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;} * { margin: 0px; padding: 0px; } body { padding: 10px 0px 10px; background-color: #484848; color: #fff; font-family: verdana, arial, sans-serif; font-size: 12px; text-align: center; } a { color: #fff; background-color: inherit; text-decoration: underline; } a:hover { color: #e1d9a7; background-color: inherit; } span { display: none; } img { border: none; } ul { list-style-type: none; } li { list-style-type: none; } p { margin: 6px 0px 15px; text-align: justify; line-height: 14px; } .clearthis { margin : 0px; height : 1px; clear : both; float : none; font-size : 1px; line-height : 0px; overflow : hidden; visibility: hidden; } #body_wrapper { margin: 0px auto; padding: 2px 0px; width: 777px; background-color: #fcfcfc; color: inherit; text-align: left; } .add_shadow { float: left; background: url('http://img.webme.com/pic/k/kaynakkodum/shadow_bot.gif') no-repeat 0% 100%; } .add_shadow div { display: block; float: left; background: url('http://img.webme.com/pic/k/kaynakkodum/shadow_right.gif') no-repeat 100% 0%; } .add_shadow div div { display: block; float: none; padding: 0px 5px 5px 0px; background: url('http://img.webme.com/pic/k/kaynakkodum/shadow_rightbot.gif') no-repeat 100% 100%; } .add_shadow div div div { padding: 0px; background: none; } /* Company Logo */ #company_header { margin: 45px 10px; z-index: 1; position: absolute; } #company_logo { padding: 3px; background: url('http://img.webme.com/pic/k/kaynakkodum/company_poster.gif') #fff no-repeat 3px 3px; color: #000; } #company_logo h1 { display: block; background: url('http://img.webme.com/pic/k/kaynakkodum/company_logo.gif') no-repeat 50% 3px; width: 368px; height: 368px; } #company_logo h1 span { display: none; } /* Navigational Menu */ #nav_menu { margin: 0px 2px; width: 773px; background-color: #5c3424; color: #fff; border-bottom: #fff 2px solid; font-family: arial, sans-serif; font-weight: bold; letter-spacing: 1px; text-transform: uppercase; } #nav_menu ul { margin-left: 130px; width: 630px; height: 27px; overflow: hidden; } #nav_menu li { padding: 5px 11px 3px 10px; background: url('http://img.webme.com/pic/k/kaynakkodum/navmenu_div.gif') no-repeat 100% 7px; float: left; } #nav_menu li#last { padding-right: 10px; background-image: none; } #nav_menu a { text-decoration: none; } /* Content Body */ #content_body { margin: 0px 2px; padding: 17px 12px 15px 15px; background-color: #dddacc; border-bottom: #fff 2px solid; color: #000000; text-align: left; } #content_body a { background-color: inherit; color: #000000; } #content_body a:hover { background-color: #dddacc; color: #a64a26; } #content_body .content_header2 { display: block; border: #000 2px solid; } #content_body .content_header h2 { padding: 3px 0px; font-size: 14px; font-weight: bold; text-align: center; text-transform: uppercase; } #content_body .content_box { padding: 10px 15px 20px 6px; clear: both; float: none; } /* Left Column */ #left_column { margin-left: 5px; margin-top: 395px; width: 365px; float: left; } #left_column .content_header { padding-bottom: 45px; } #left_column .content_header h2 { width: 351px; background-color: #c4bea1; color: #545246; } /* Right Column */ #right_column { width: 353px; float: right; } #right_column .content_header h2 { width: 348px; background-color: #a64a26; color: #fff; } /* Travel Gallery */ #travelgallery { padding-bottom: 5px; float: none; clear: both; text-align: center; } .gallery_thumbnail { float: left; padding: 5px 5px 0px 0px; } .gallery_thumbnail .add_shadow { background-color: #000; color: #fff; } .gallery_thumbnail .add_shadow div div { padding-bottom: 3px; } .gallery_thumbnail .add_shadow img { margin: 1px; } #travelgallery .view_all { margin: 15px auto 0px; width: 154px; height: 26px; float: none; clear: both; } #travelgallery .view_all a { padding: 3px 5px; border: #000 1px solid; background-color: #c4bea1; color: #5c3424; display: block; font-weight: bold; font-family: arial, sans-serif; letter-spacing: 1px; text-decoration: none; text-transform: uppercase; text-align: center; } #travelgallery .view_all a:hover { background-color: #be552c; color: #fff; } /* Page Footer */ #page_footer { margin: 0px 2px; padding: 7px 0px; width: 773px; background-color: #5c3424; color: inherit; font-size: 11px; font-weight: bold; text-align: center; }