BulusDesign Html-Css-Php-Tasarım Sitesi

Metin2 TR

Metin2 Resmi Forumu

METİN2
- BulusDesign Html-Css-Php-Tasarım Sitesi
  forum tasarimi
  TASARIM ÜSTÜ
   <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head>   <FCK:meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Texto - Texto</title> <FCK:meta name="Description" content="summerBreeze is a CSS driven and XHML 1.1 valid template featuring a special tabbed main navigation and wise use of the white spaces." /> <FCK:meta name="Keywords" content="summerbreeze, summer breeze, free css template, valid xhtml template, open source template, free xhtml template, stamatis kritikos" />  <link rel="stylesheet" href="styling.css" type="text/css" media="screen" /> <link href="favicon.ico" rel="shortcut icon" type="image/x-icon" />  <FCK:meta http-equiv="Content-Language" content="English" /> <FCK:meta name="Author" content="Stamatis Kritikos" /> <FCK:meta name="Robots" content="index,follow" /> <FCK:meta http-equiv="imagetoolbar" content="no" />  </head> <body>   <div id="monster">  <div id="navcontainer"> <div id="tagline"> <a href="index.htm" _fcksavedurl="index.htm" title="Home"> <br /><img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcRQvr6e2ShTGX8oNYgFuzDN3RrmNpJ8R57sbAy2Edty5tC8xH5O" _fcksavedurl="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcRQvr6e2ShTGX8oNYgFuzDN3RrmNpJ8R57sbAy2Edty5tC8xH5O" alt="Your logo here" width="200" height="110" /><br /> <br /></a> </div> <ul id="navlist"> <li><a accesskey="1" id="taba" href="index.html" _fcksavedurl="index.html" class="active" title="Anasayfa Home">Anasayfa</a></li> <li><a accesskey="2" id="tabb" href="reviews.html" _fcksavedurl="reviews.html" title="Foruma Kayıt olunuz">Kayıt ol</a></li> <li><a accesskey="3" id="tabc" href="forums.html" _fcksavedurl="forums.html" title="Foruma girmek için tıklayın">Forum</a></li> <li><a accesskey="4" id="tabd" href="contact.html" _fcksavedurl="contact.html" title="Destek birimleriyle iletişim">Destek</a></li> </ul> </div> <div id="tabbar"></div>   <div id="search"> <form method="get" action=""> <div> <label for="mainsearchbox">Forumda ara</label> <input type="hidden" name="ps" value="10" /> <input id="mainsearchbox" type="text" name="q" value="" class="tbox" /> <input type="submit" value="Search" name="submit" /> </div> </form> <ul> <li><a href="#" _fcksavedurl="#">Forumda</a></li> <li><a href="#" _fcksavedurl="#">Arama</a></li> </ul> </div>   <div id="left"> <div id="lc"> <h1>Ana Menü</h1> <div id="sidemenu"> <ul> <li><a href="#" _fcksavedurl="#">Kayıt ol</a></li> <li><a href="#" _fcksavedurl="#">Takımımız</a></li> <li><a href="#" _fcksavedurl="#">Üyeler</a></li> <li><a href="#" _fcksavedurl="#">Rütbe Sistemi</a></li> <li><a href="#" _fcksavedurl="#">İletişim</a></li> <li><a href="#" _fcksavedurl="#">Sıralama</a></li> </ul> </div> <br class="clear" /> <h1></h1> <p> </p> <h1></h1> <p></p> </div> </div>  <div id="center"> <div id="cc"> <h1></h1> </div>
  TASARIM ALTI
  </div>  <div id="right"> <div id="rc"> <h1></h1> <p></p> <h1></h1> <p></p> </div> </div>  <br class="clear" />  <div id="footer">  <div id="footmenu"> <a href="#" _fcksavedurl="#">Anasayfa</a> | <a href="#" _fcksavedurl="#">Forum</a> | <a href="#" _fcksavedurl="#">Üyeler</a> | <a href="#" _fcksavedurl="#">Forum Kuralları</a> | <a href="#" _fcksavedurl="#">Destek</a> | <a href="#" _fcksavedurl="#">İletisim</a> | <a href="#" _fcksavedurl="#">Rütbe Sistemi</a> | <a href="#" _fcksavedurl="#">Takımımız</a> | </div> Bu Tasarım Tamamen BulusDesign`e aittir <a href="http://bulusdesign.tr.gg" _fcksavedurl="http://bulusdesign.tr.gg" | <a href="http://www.bulusdesign.tr.gg" _fcksavedurl="http://www.bulusdesign.tr.gg" title="UYARI MESAJI">Kodların Değiştirilmesi Kesinlikle Yasaktır !!!</a> <br />  <div class="author"> Bulus Design <a href="http://www.bulusdesign.tr.gg" _fcksavedurl="http://www.bulusdesign.tr.gg" title="izin alınması yasaktır">Tüm Hakları Saklıdır</a>, Copy 2013 <a href="http://www.bulusdesign.tr.gg" _fcksavedurl="http://www.bulusdesign.tr.gg"title="UYARI MESAJI">izinsiz alınması yasaktır.</a>. </div> </div> </div> </body> </html>
  CSS KODU
  lli.nav_element{display: none;} li.nav_element a{display: none;} h1#title{display: none;} h2#title span {display: none;} #nav_container{display: none;} #pre_header{display: none;} #header{display:none;} /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Adaptado por: Dutch ©2009, www.iWebHelp.co.cc ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ *** Basic Styling *** ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ html, body { height: 100%; /* Height Hack 1/3 */ } /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ We set the page background, the font color and size, center the template... We set the relative font size of IE5-5.5 differently to everything else, and we scale it from there. ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ body { background: #eee url("http://img145.imageshack.us/img145/5866/sharp.gif") repeat-y center top; line-height: 1.1em; color: #333; font: small Verdana, Geneva, Arial, Helvetica, sans-serif!important; font /*IE5-5.5 Hack*/: x-small Verdana, Geneva, Arial, Helvetica, sans-serif; text-align: center; /* center template 1/2 */ } /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ "Global Whitespace Reset" We define padding and margin for all elements and we scale it from there if we need to. ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ body, form, input { padding: 0px; margin: 0px; } h1, h2, h4, h5, h6, p, pre, blockquote, form, label, ul, ol, dl, fieldset, address { margin: 5px 0; } dd, blockquote { margin-left: 40px; } fieldset { padding: 10px; } /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ "Global Hyperlink Control" We keep the underline since users have gotten used to that line defining a hyperlink and we just change the mouseover color. ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ a:link, a:visited { color: #06c; } a:hover { color: #8ccc33; } /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ "Heading Settings" We define font size and color mostly among some other more specific things. ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ h1, h2, h3 { color: #036; font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif; } h1 { font-size: 18px; position: relative; } h2 { font-size: 15px; } /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ "Global Image Control" We remove the border from all images and we scale it from there if we need to. ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ img { border: 0; } /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ *** Layers Time *** ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ "Global Wrapper" This is our parent layer which includes them all. From here we mainly choose the width of our page. We made it fixed and appropriate for 800x600 res. However, if you change it, remember to also alter the width for the "center" layer. If you wish to go for relative width, well... be careful. ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ #monster { background: #fff url("http://i49.tinypic.com/m7w8ch.jpg") no-repeat top center; width: 774px; text-align: center; /* center tabbed menu 1/2 */ margin: 0 auto; /* center template 2/2 */ height: 100%; /* Height Hack 2/3 */ } /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ "Tabbed Menu" We mainly set the width of the tabs as a whole. ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ #navcontainer { clear: left; z-index: 3; position: relative; margin: 0 auto; /* center tabbed menu 2/2 */ width: 62%; } /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ The blue line below the tabs. ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ #tabbar { position: relative; background: #1f5791 url("http://img145.imageshack.us/img145/1118/overburn.gif") no-repeat center top; font: bold i

Tüm forumları okundu olarak işaretle

Metin2 TR

Metin2 TR

METİN2

BulusDesign Html-Css-Php-Tasarım Sitesi

forum tasarimi

Diger oyunlar