Counter
Tasarım Hakkında.
Merhaba, Clan Siteniz İçin Şık Ve Kullanışlı Bir Css Tasarım Bu Tasarım Bize Aitt Degildir. Kendi Tasarımlarınız En Yakın Zamanda Sitemize Paylaşacağız.
Demo:
Tasarım Üstü:
<div id="body_wrapper"> <!-- Start of Body Container --> <div id="body_container"> <div id="body_container_b"> <div id="body_container_c"> <!-- Start of Page Header --> <div id="page_header"> <!-- Website Title --> <h1><span class="hidethis"> Counter Strike </span></h1> </div> <!-- End of Page Header --> <!-- Start of Page Content --> <div id="page_content">
</div> <!-- End of Page Content --> </div> </div> </div> <!-- End of Body Container --> <!-- Start of Navigation Menu --> <div id="navmenu"> <div id="navmenu_b"> <div id="navmenu_c"> <h3><span class="hidethis">Site Menu:</span></h3> <ul> <li class="list_first"> <li><a href="http://www.tvizlesene.com" _fcksavedurl="http://www.tvizlesene.com">Ana Sayfa</a></li> <li><a href="http://www.tvizlesene.com" _fcksavedurl="http://www.tvizlesene.com">Css Tasarim</a></li> <li><a href="http://www.tvizlesene.com/" _fcksavedurl="http://www.tvizlesene.com/">Oyun</a></li> <li><a href="http://www.tvizlesene.com" _fcksavedurl="http://www.tvizlesene.com">Ziyaretci Defteri</a></li> <li><a href="http://www.tvizlesene.com/" _fcksavedurl="http://www.tvizlesene.com/">Toplist</a></li> <li><a href="http://www.tvizlesene.com/" _fcksavedurl="http://www.tvizlesene.com/">Hakkımızda</a></li> <li><a href="http://www.tvizlesene.com" _fcksavedurl="http://www.tvizlesene.com">Ana Sayfa</a></li> <li><a href="http://www.tvizlesene.com" _fcksavedurl="http://www.tvizlesene.com">Css Tasarim</a></li> <li><a href="http://www.tvizlesene.com/" _fcksavedurl="http://www.tvizlesene.com/">Oyun</a></li> <li><a href="http://www.tvizlesene.com" _fcksavedurl="http://www.tvizlesene.com">Ziyaretci Defteri</a></li> <li><a href="http://www.tvizlesene.com/" _fcksavedurl="http://www.tvizlesene.com/">Toplist</a></li> <li><a href="http://www.tvizlesene.com/" _fcksavedurl="http://www.tvizlesene.com/">Hakkımızda</a></li> </ul> </div> </div> </div> <!-- End of Navigation Menu --> <div class="clearthis"> </div> <!-- Start of Page Footer --> <div id="page_footer"> Web Tasarim by <a href="http://www.tvizlesene.com" _fcksavedurl="http://www.tvizlesene.com">Css Tasarim Merkezi</a> </div> <!-- End of Page Footer --> </div>
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;} /* WWW.CSS-TASARIMM.TR.GG www.tvizlesene.com */ /* www.tvizlesene.com www.tvizlesene.com www.tvizlesene.com www.tvizlesene.com www.tvizlesene.com www.tvizlesene.com */ * { margin: 0px; padding: 0px; } body { color: #fff; background-color: #484848; font-family: 'verdana', 'helvetica', sans-serif; font-size: 100%; text-align: center; } table { font-size: 1em; } td { color: #fff; background-color: inherit; font-family: 'verdana', 'helvetica', sans-serif; font-size: 1em; } a { color: #fff; background-color: inherit; text-decoration: underline; } a:hover { color: #fff; background-color: inherit; text-decoration: none; } img { border: none; } ul, ul li { list-style: none outside; } ol, ol li { list-style: decimal inside; } p { padding: 0.6em 0em 0.6em; } fieldset { border: none; } input, textarea, select { font-family: 'verdana', 'helvetica', sans-serif; font-size: 13px; } .hidethis { display: none; } .clearthis { margin : 0px; height : 1px; clear : both; float : none; font-size: 1px; overflow : hidden; visibility: hidden; } /* www.tvizlesene.com Image Thumbnails www.tvizlesene.com */ .tb_center { text-align: center; } .tb_center img { margin: 1.3em auto; border: 1px #fff solid; } /* www.tvizlesene.com Body Wrappers www.tvizlesene.com */ #body_wrapper { margin: 35px 10px; width: 982px; background: url('https://img.webme.com/pic/c/css-tasarimm/8-rightcol_img.gif') no-repeat 100% 68px; font-size: 0.71em; } /* www.tvizlesene.com Body Container www.tvizlesene.com */ #body_container { float: right; position: relative; left: -243px; width: 496px; background: url('https://img.webme.com/pic/c/css-tasarimm/8-main_bg_bot.gif') no-repeat 0% 100%; } #body_container_b { padding: 15px 0px; width: 496px; background: url('https://img.webme.com/pic/c/css-tasarimm/8-main_bg_top.gif') no-repeat 0% 0%; } #body_container_c { color: inherit; background-color: #8e8257; border-left: #fff 6px solid; border-right: #fff 6px solid; } /* WWW.CSS-TASARIMM.TR.GG Page Header WWW.CSS-TASARIMM.TR.GG */ #page_header { padding-bottom: 2px; color: inherit; background-color: #b3ab78; } #page_header h1 { position: relative; top: -4px; width: 100%; height: 40px; background: url('https://img.webme.com/pic/c/css-tasarimm/8-counterstrike_logo.gif') no-repeat 50% 50%; } /* www.tvizlesene.com Page Content www.tvizlesene.com */ #page_content { padding: 15px 17px 10px; font-weight: bold; text-align: left; } .link_readmore { padding: 35px 0px 10px; text-align: right; } .link_readmore a { margin-left: auto; display: block; width: 94px; height: 24px; background: url('https://img.webme.com/pic/c/css-tasarimm/8-button_readmore.gif') no-repeat 0% 0%; } /* WWW.CSS-TASARIMM.TR.GG Navigation Menu WWW.CSS-TASARIMM.TR.GG */ #navmenu { float: left; margin-top: 68px; position: relative; left: 77px; width: 166px; background: url('https://img.webme.com/pic/c/css-tasarimm/8-navmenu_bg_bot.gif') no-repeat 0% 100%; font-size: 1.15em; font-weight: bold; } #navmenu_b { padding: 15px 0px; width: 166px; background: url('https://img.webme.com/pic/c/css-tasarimm/8-navmenu_bg_top.gif') no-repeat 0% 0%; } #navmenu_c { color: inherit; background-color: #6d6845; border-left: #fff 6px solid; } #navmenu a { text-decoration: none; text-transform: uppercase; } #navmenu li { border-top: #fff 1px solid; } #navmenu li a { display: block; padding: 5px 0px; width: 160px; } #navmenu li a:hover { color: inherit; background-color: #989160 } #navmenu li.list_first { border-top: none; } /* WWW.CSS-TASARIMM.TR.GG Page Footer WWW.CSS-TASARIMM.TR.GG */ #page_footer { padding: 20px 0px; font-size: 0.9em; font-weight: bold; } 