<div class="templatemo_container"> <!-- Free Website Template by www.TemplateMo.com --> <div id="templatemo_header"> <div id="templatemo_menu_section"> <ul> <li><a href="#" _fcksavedurl="#" class="current">Home</a></li> <li><a href="#" _fcksavedurl="#">Guitars</a></li> <li><a href="#" _fcksavedurl="#">Albums</a></li> <li><a href="#" _fcksavedurl="#">Bands</a></li> <li><a href="#" _fcksavedurl="#">Testimonials</a></li> <li><a href="#" _fcksavedurl="#">About Us</a></li> <li><a href="#" _fcksavedurl="#" class="last">Contact</a></li> </ul> </div> </div> <div id="templatemo_content_area"> <div id="templatemo_left"> <div class="templatemo_left_section_box"> <div class="templatemo_left_section_box_top"> <h1> About Guitars</h1> </div> <div class="templatemo_left_section_box_mid"> <p>Mauris at tortor non mauris rhoncu vesti bulum. Praesent purus nuncn com modo metus. </p> <p>Mae cen astin cidu tellus et risus com modo lobor tiSed alique.</p> <h1> Tutorials</h1> <p class="bottom_padding"><a href="#" _fcksavedurl="#">Vesti bulum ante ipsum primis</a></p> <p class="bottom_padding"><a href="#" _fcksavedurl="#">Uctus et ultri ces pos test</a> </p> <p class="bottom_padding"><a href="#" _fcksavedurl="#">Cubilia cura Aene and do sed</a> </p> <p class="bottom_padding"><a href="#" _fcksavedurl="#">Nun est impe rdiet port</a></p> <h1>W3C Validated</h1> <p> <a href="http://validator.w3.org/check?uri=referer" _fcksavedurl="http://validator.w3.org/check?uri=referer"><img src="http://www.w3.org/Icons/valid-xhtml10" alt="Valid XHTML 1.0 Transitional" width="88" height="31" border="0" /></a> <a href="http://jigsaw.w3.org/css-validator/check/referer" _fcksavedurl="http://jigsaw.w3.org/css-validator/check/referer"> <img style="border:0;width:88px;height:31px" alt="Valid CSS" src="http://jigsaw.w3.org/css-validator/images/vcss-blue" /></a> </p> </div> <div class="templatemo_left_section_box_bottom"> </div> </div> </div><!-- End Of left --> <div id="templatemo_middle">
Tasarım Altı :
<p style="text-align: center"><a href="http://www.KAYNAKKODUM.TR.GG" _fcksavedurl="http://www.KAYNAKKODUM.TR.GG"><span style="color: #ffffff"><span style="font-size: medium"><span style="font-family: Comic Sans MS"><strong>WWW.KAYNAKKODUM.TR.GG</strong></span></span></span></a></p> </div><!-- End Of middle --> <div id="templatemo_right"> <div class="templatemo_right_section_box"> <div class="templatemo_right_section_box_top"> <h1>Albums</h1> </div> <div class="templatemo_right_section_box_mid"> <ul> <li><a href="#" _fcksavedurl="#">Ut consequat, ante egestas tristique</a></li> <li><a href="#" _fcksavedurl="#">Con gue, magna magna scele ris que</a></li> <li><a href="#" _fcksavedurl="#">Non congue est nibh quis est</a></li> <li><a href="#" _fcksavedurl="#">Suspendisse pharetra eros molestie</a></li> <li><a href="#" _fcksavedurl="#">orci tempus iaculis. Sed ac porta dui</a></li> </ul> </div> <div class="templatemo_right_section_box_bottom"> </div> </div> <div class="templatemo_right_section_box"> <div class="templatemo_right_section_box_top"> <h1>Artists</h1> </div> <div class="templatemo_right_section_box_mid"> <ul> <li><a href="#" _fcksavedurl="#">Egestas Tristique</a></li> <li><a href="#" _fcksavedurl="#">Scele Risque</a></li> <li><a href="#" _fcksavedurl="#">Est Nibhquis</a></li> <li><a href="#" _fcksavedurl="#">Disse Pharetra</a></li> <li><a href="#" _fcksavedurl="#">Porta Dui</a></li> </ul> </div> <div class="templatemo_right_section_box_bottom"> </div> </div> </div><!-- End Of right --> <div class="cleaner"></div> </div><!-- End Of content area --> </div><!-- End Of container --> <div id="templatemo_bottom_bg"> <div class="templatemo_container"> <div id="templatemo_footer"> <div class="templatemo_footer_section"> <a href="#" _fcksavedurl="#">Home</a> | <a href="#" _fcksavedurl="#">Guitars</a> | <a href="#" _fcksavedurl="#">Albums</a> | <a href="#" _fcksavedurl="#">Bands</a> | <a href="#" _fcksavedurl="#">Testimonials</a> | <a href="#" _fcksavedurl="#">About Us</a> | <a href="#" _fcksavedurl="#">Contact</a> </div> <div class="templatemo_footer_section"> Copyright © 2024 <a href="#" _fcksavedurl="#">Your Company Name</a> | Designed by <a href="http://www.templatemo.com" _fcksavedurl="http://www.templatemo.com" target="_parent">Free CSS Templates</a> </div> </div> </div> </div> <!-- Free Web Templates from TemplateMo.com -->
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;} /* CSS Credit: http://www.templatemo.com */ html { background: #373737; } body { margin: 0; padding:0; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 1.5em; width: 100%; display: table; background: url(http://www.templatemo.com/templates/templatemo_103_guitar/images/templatemo_top_bg.jpg) #000 repeat-x; } a:link, a:visited { color: #fff; text-decoration: underline; } a:active, a:hover { color: #bbb; text-decoration: none; } .templatemo_container { width: 950px; margin: auto; } #templatemo_header { width: 950px; height: 331px; background: url(http://www.templatemo.com/templates/templatemo_103_guitar/images/templatemo_header.jpg) no-repeat; } /* Menu Section */ #templatemo_menu_section{ width: 950px; height: 35px; float: left; margin: 295px 0 0 0; padding: 0; } #templatemo_menu_section ul { float: left; width: 920px; margin: 0 0 0 0; padding: 0; list-style: none; } #templatemo_menu_section ul li { display: inline; } #templatemo_menu_section ul li a { float: left; padding: 8px 30px 0 30px; margin: 0; height: 26px; font-family: Arial; font-size: 14px; font-weight: bold; text-align: center; text-decoration: none; color: #858585; background: url(http://www.templatemo.com/templates/templatemo_103_guitar/images/templatemo_menu.jpg) right bottom no-repeat; } #templatemo_menu_section ul li a.last{ background: none; } #templatemo_menu_section li a:hover, #templatemo_menu_section li .current{ color: #fff; } /* End Of Menu */ #templatemo_content_area { width: 950px; margin: 0; padding: 0; } #templatemo_left { float: left; width: 220px; margin: 0; padding: 15px 0 0 0; } #templatemo_left .templatemo_left_section_box { width: 221px; margin: 0 0 15px 0; padding: 0 ; } .templatemo_left_section_box .templatemo_left_section_box_top { width: 206px; height: 35px; background: url(http://www.templatemo.com/templates/templatemo_103_guitar/images/templatemo_left_section_top.jpg) no-repeat; margin: 0; padding: 13px 0 0 15px; } .templatemo_left_section_box_top h1 { height: 31px; font-family: Arial; font-size: 16px; color: #fff; background: url(http://www.templatemo.com/templates/templatemo_103_guitar/images/templatemo_music_note.jpg) left no-repeat; margin: 0; padding: 5px 0 0 40px; } .templatemo_left_section_box .templatemo_left_section_box_mid { width: 191px; background: url(http://www.templatemo.com/templates/templatemo_103_guitar/images/templatemo_left_section_mid.jpg) repeat-y; margin: 0; padding: 10px 15px 0 15px; } .templatemo_left_section_box_mid p { font-family: Arial; font-size: 12px; color: #fff; text-align: justify; margin: 0 0 0 0; padding: 0 0 10px 0; } .templatemo_left_section_box .bottom_padding { padding: 0; } .templatemo_left_section_box_mid h1 { height: 31px; font-family: Arial; font-size: 16px; color: #fff; background: url(http://www.templatemo.com/templates/templatemo_103_guitar/images/templatemo_music_note.jpg) left no-repeat; margin: 10px 0 10px 0; padding: 5px 0 0 40px; } .templatemo_left_section_box .templatemo_left_section_box_bottom { width: 221px; height: 21px; background: url(http://www.templatemo.com/templates/templatemo_103_guitar/images/templatemo_left_section_bottom.jpg) no-repeat; margin: 0; padding: 0; } #templatemo_middle { float: left; width: 455px; margin: 0; padding: 15px 15px 0 15px ; } #templatemo_middle .templatemo_middle_section_box { width: 455px; margin: 0 0 15px 0; padding: 0; } .templatemo_middle_section_box .templatemo_middle_section_box_top { width: 440px; height: 35px; background: url(http://www.templatemo.com/templates/templatemo_103_guitar/images/templatemo_mid_section_top.jpg) no-repeat; margin: 0; padding: 13px 0 0 15px; } .templatemo_middle_section_box_top h1 { height: 31px; font-family: Arial; font-size: 16px; color: #fff; background: url(http://www.templatemo.com/templates/templatemo_103_guitar/images/templatemo_music_note.jpg) left no-repeat; margin: 0; padding: 5px 0 0 40px; } .templatemo_middle_section_box .templatemo_middle_section_box_mid { width: 425px; background: url(http://www.templatemo.com/templates/templatemo_103_guitar/images/templatemo_mid_section_mid.jpg) repeat-y; margin: 0; padding: 15px 15px 0 15px; } .templatemo_middle_section_box_mid p { font-family: Arial; font-size: 12px; color: #fff; text-align: justify; margin: 0 0 0 0; padding: 0 0 10px 0; } .templatemo_middle_section_box_mid img { float: left; margin: 0 5px 5px 0; padding: 0; } .templatemo_middle_section_box .bottom_padding { padding: 0; } .templatemo_middle_section_box_mid h1 { height: 31px; font-family: Arial; font-size: 16px; color: #fff; background: url(http://www.templatemo.com/templates/templatemo_103_guitar/images/templatemo_music_note.jpg) left no-repeat; margin: 10px 0 10px 0; padding: 5px 0 0 40px; } .templatemo_middle_section_box .templatemo_middle_section_box_bottom { width: 455px; height: 23px; background: url(http://www.templatemo.com/templates/templatemo_103_guitar/images/templatemo_mid_section_bottom.jpg) no-repeat; margin: 0; padding: 0; } #templatemo_right { float: right; width: 245px; margin: 0; padding: 15px 0 0 0; } #templatemo_right .templatemo_right_section_box { width: 246px; margin: 0 0 15px 0; padding: 0 ; } .templatemo_right_section_box .templatemo_right_section_box_top { width: 231px; height: 35px; background: url(http://www.templatemo.com/templates/templatemo_103_guitar/images/templatemo_right_section_top.jpg) no-repeat; margin: 0; padding: 13px 0 0 15px; } .templatemo_right_section_box_top h1 { height: 31px; font-family: Arial; font-size: 16px; color: #fff; background: url(http://www.templatemo.com/templates/templatemo_103_guitar/images/templatemo_music_note.jpg) left no-repeat; margin: 0; padding: 5px 0 0 40px; } .templatemo_right_section_box .templatemo_right_section_box_mid { width: 216px; background: url(http://www.templatemo.com/templates/templatemo_103_guitar/images/templatemo_right_section_mid.jpg) repeat-y; margin: 0; padding: 15px 15px 0 15px; } .templatemo_right_section_box_mid p { font-family: Arial; font-size: 12px; color: #fff; text-align: justify; margin: 0 0 0 0; padding: 0 0 10px 0; } .templatemo_right_section_box_mid ul { list-style: none; margin: 0; padding: 0; } .templatemo_right_section_box_mid li { font-family: Arial; font-size: 12px; color: #fff; text-align: justify; margin: 0 0 0 0; padding: 0 0 5px 0; } .templatemo_right_section_box .templatemo_right_section_box_bottom { width: 246px; height: 22px; background: url(http://www.templatemo.com/templates/templatemo_103_guitar/images/templatemo_right_section_bottom.jpg) no-repeat; margin: 0; padding: 0; } #templatemo_bottom_bg { width: 100%; height: 200px; background: url(http://www.templatemo.com/templates/templatemo_103_guitar/images/templatemo_bottom_bg.jpg) repeat-x; } #templatemo_footer { width: 950px; height: 120px; background: url(http://www.templatemo.com/templates/templatemo_103_guitar/images/templatemo_footer.jpg) no-repeat; margin: 0; padding: 80px 0 0 0; } #templatemo_footer .templatemo_footer_section { width: 100%; margin: 0 0 10px 0; padding: 0; color: #fff; text-align: center; font-size: 12px; } .cleaner { clear: both; margin: 0; padding: 0; height: 0; }