Tasarım Önizleme
Tasarım Altı
<body> <div id="templatemo_container_wrapper"> <div id="templatemo_container"> <div id="templatemo_top"> <a href="#">Ana Sayfa</a> | <a href="#">İletişim</a> </div> <div id="templatemo_header"> <div id="templatemo_site_title"><span>Css-Sablon</span> / Müzik</div> <div id="templatemo_site_slogan">Profesyonel Webmaster Servisi</div> </div> <div id="templatemo_menuleft"></div> <div id="templatemo_menu"> <ul> <li><a href="#" class="current">Ana Sayfa</a></li> <li><a href="#">İletişim</a></li> <li><a href="#">Ziyaretçi Defteri</a></li> <li><a href="#">Top-List</a></li> <li><a href="#">Müzikler</a></li> <li><a href="#">Hakkımızda</a></li> </ul> </div> <div id="templatemo_content"> <div id="templatemo_left_column"> <div class="templatemo_section2"> <h1>Ana Menü</h1> <a href="#" class="current">Ana Sayfa</a><br /> <a href="#">İletişim</a><br /> <a href="#">Ziyaretçi Defteri</a><br /> <a href="#">Top-List</a><br /> <a href="#">Müzikler</a><br /> <a href="#">Hakkımızda</a><br /> </div> <div class="templatemo_section2"> <h1>Dost Siteler</h1> <a href="http://css-sablon.tr.gg/">Css-Sablon</a><br /> <a href="#">Siteni Ekle</a><br /> <a href="#">Siteni Ekle</a><br /> <a href="#">Siteni Ekle</a><br /> <a href="#">Siteni Ekle</a><br /> </div> </div> <div id="templatemo_right_column"> <h1>Css-Sablon / Müzik</h1> Tasarım Üstü </div> </div> <div id="templatemo_footer"> <a href="#">Ana Sayfa</a> | <a href="#">İletişim</a> | <a href="#">Ziyaretçi Defteri</a> | <a href="#">Top-List</a> | <a href="#">Hakkımızda</a><br /> Copyright © 2009 Tüm Hakkı Saklıdır... | Design by <a href="http://css-sablon.tr.gg" target="_blank">Css-Sablon</a> </div> </div> </div> </body> </html> Css Kod 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/ */ body { margin:0; padding:0; line-height: 1.5em; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #FFFFFF; background: #2b1e1e; } a:link, a:visited { color: #ffffff; text-decoration: none; } a:active, a:hover { color: #ffffff; text-decoration: underline; } h1 { margin:0px 0px 10px 0px; padding-bottom: 8px; font-weight: bold; font-size: 14px; color:#FFFFFF; border-bottom: solid 1px #FF0000; } h3 { margin: 0px; padding: 2px 0px 2px 10px; font-weight: bold; font-size: 11px; color: #FFFFFF; } .text_area { text-align: justify; } img { margin: 10px 10px 0px 10px; float:left; border: 2px solid #FFFFFF; } #templatemo_container_wrapper { background: url(http://www.templatemo.com/templates/templatemo_013_music_note/images/templatemo_main_background.gif) repeat-x; } #templatemo_container { margin: 0px auto; width: 810px; } #templatemo_top{ float: left; margin-left: -10px; padding: 19px 0px 10px 0px; text-align: right; width: 810px; } #templatemo_header { clear: left; margin-bottom:5px; width: 810px; height: 235px; background: url(http://www.templatemo.com/templates/templatemo_013_music_note/images/templatemo_header_background.jpg) no-repeat; } #templatemo_site_title { padding-top: 120px; padding-left: 50px; font-size: 35px; color: #2b1e1e; } #templatemo_site_title span { font-weight: bold; color: #c32929; } #templatemo_site_slogan { padding-top: 10px; padding-left: 200px; font-size: 12px; color: #2b1e1e; } /*------------- Menu ------------------*/ #templatemo_menuleft { float: left; height: 41px; width: 20px; background: #FF0000 url(http://www.templatemo.com/templates/templatemo_013_music_note/images/templatemo_menu_leftborder.gif) no-repeat; } #templatemo_menu{ float: left; margin-top: 0px; padding: 0px; width: 790px; height: 41px; background: #FF0000 url(http://www.templatemo.com/templates/templatemo_013_music_note/images/templatemo_menu_background.gif) right no-repeat; } #templatemo_menu ul { margin: 0px; padding: 0px; list-style: none; text-align: center; } #templatemo_menu ul li{ display: inline; } #templatemo_menu ul li a{ float: left; padding: 11px 1px; width: 127px; font: 16px arial; text-align: center; text-decoration: none; color: #1e1717; } #templatemo_menu ul li a:hover, #templatemo_menu ul li .current{ color: #ffffff; text-decoration: none; background: url(http://www.templatemo.com/templates/templatemo_013_music_note/images/templatemo_mousehover.gif) repeat-x; } /*---------- end of menu -------------*/ /* ----------------- Content ----------------------- */ #templatemo_content { float: left; width: 810px; background: url(http://www.templatemo.com/templates/templatemo_013_music_note/images/tempaltemo_content_background.gif) repeat-y; } #templatemo_left_column { float: left; padding: 20px; width: 200px; min-height: 420px; background: url(http://www.templatemo.com/templates/templatemo_013_music_note/images/templatemo_leftcolumn_border.gif) right center no-repeat; } #templatemo_right_column { float: right; width: 530px; padding: 20px; padding-left: 0px; min-height: 420px; } #templatemo_content_bottom { clear: left; margin: 0px; padding: 0px; width: 810px; height: 5px; background: url(http://www.templatemo.com/templates/templatemo_013_music_note/images/tempaltemo_content_bottom.gif) no-repeat; } /*------------ end of content ------------*/ .news_section { float: left; padding: 0px; width: 300px; margin-right: 15px; background: #1e1717; } .news_section p { margin: 0px; padding: 0px 0px 5px 10px; font-size: 11px; } .promotion_section { float: left; margin: 0px; padding: 0px; width:200px; background: #1e1717; } .promotion_section p{ margin: 0px; padding: 5px 5px 5px 10px; font-size: 11px; } .more{ padding: 0px 10px 10px 0px; text-align: right; font-size: 11px; font-weight: bold; } .templatemo_section2 { margin-bottom: 10px; padding: 10px; border: #000000 solid 1px; background: #1e1717; } .templatemo_section2 a { padding-left: 20px; color: #c32929; line-height: 25px; text-decoration: none; background: url(http://www.templatemo.com/templates/templatemo_013_music_note/images/templatemo_list_icon.gif) center left no-repeat; } .templatemo_section2 a:hover { color: #ff0000; text-decoration: none; } /* search form */ form { padding: 0 0 6px 8px; } .button { margin-top: 10px; padding: 1px 5px; border: none; color: #FFFFFF; background: url(http://www.templatemo.com/templates/templatemo_013_music_note/images/templatemo_button_background.gif) repeat-x; } /* ----------- */ /* -------- Footer --------- */ #templatemo_footer { clear: left; padding: 10px; height: 62px; color: #c32929; line-height: 24px; text-align: center; } #templatemo_footer a { color: #c32929; text-decoration: none; } #templatemo_footer a:hover { color: #ff0000; } /* --------- end of footer --------------*/ table {margin-left: auto;margin-right: auto}
