Tasarımım kaydı :S

üst




<!--  tasarımın üstüne yazı başlangıcı -->


<a name="top"></a>
<style>
a.yukari {
    position:fixed;
    bottom:15px;
    right:20px;
    font:11px arial;
    text-transform:uppercase;
}
</style>
<a href="#" class="yukari">
<img src="http://tbn1.google.com/images?q=tbn:7A4pLJbEkIPCZM:http://www.kayaalti.de/Resimler/yukari.jpg" border="0" title="Yukarı" width="77" height="67" /></a>
</div>




<div id="wrapper">

   <!-- Header -->
   <div id="header">
         
      <!-- Your website name  -->
      <h1>                                                                                                                                       
                                                                                                                                                 
      <a href="http://www.the-ottomanss.tr.gg">The-Ottomans ::.((TuGRa))::.</a></h1>
       <!-- Your slogan --><h2><span lang="tr">                                                                                                                                                                                                              </span>The-Ottomanss Gladiatusteki en güçlü İTTİFAK!!</h2>

         <!-- Your slogan end -->
      
      <!-- Search form -->
      <form class="searching" action="http://google.com/arama_sonuclari.htm" id="cse-search-box">
      <fieldset>
         <div class="cse-branding-form">
          </div>
       </fieldset><font color="white" face="calibri">Burdan İstediğiniz şeyi arayabilirsiniz..</font><form action="http://google.com/arama_sonuclari.htm" id="cse-search-box">

     
       <input type="hidden" name="cx" value="partner-pub-8563308994664360:lv92bu-386z" />
        <input type="hidden" name="cof" value="FORID:10" />
        <input type="hidden" name="ie" value="ISO-8859-9" />
        <input type="text" name="q" size="41" style="width: 200px" />
        <input type="submit" name="sa" value="Ara" />
      </fieldset>
      </form>
      <!-- Search end -->
      <div id="slogan" style="right: 504px; top: 67px; left: 445px;"><script type="text/javascript"><!--
google_ad_client = "pub-8563308994664360";
/* 468x60, oluşturulma 13.02.2009 */
google_ad_slot = "8630728957";
google_ad_width = 468;
google_ad_height = 60;
//-->

</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script></div>
   </div>
   <!-- Header end -->
   
   <!-- Menu -->
   <div id="menu-box" class="cleaning-box">
   <a href="#skip-menu" class="hidden">Skip menu</a>
      <ul id="menu">
         <li class="style2">

         <a class="active" href="http://the-ottomanss.tr.gg/%3Cimg-src%3D-g-http-d--s--s-img-.-webme-.-com-s-pic-s-t-s-the_ottomanss-s-anasayfa-.-png-g-%3E.htm">Anasayfa</a></li>
         <li class="style2"><a href="http://the-ottomanss.tr.gg/%3Cimg-alt%3D-g--g--src%3D-g-http-d--s--s-img-.-webme-.-com-s-pic-s-t-s-the_ottomanss-s-renk-.-png-g---s-%3E.htm">Renk Kodları</a></li>
         <li class="style2"><a href="http://the-ottomanss.tr.gg/%3Cimg-src%3Dhttp-d--s--s-img-.-webme-.-com-s-pic-s-t-s-the_ottomanss-s-bilgiler-.-png-%3E.htm">Gladiatus ile ilgili tüm bilgiler</a></li>
         <li class="style2"><a href="http://the-ottomanss.tr.gg/%3Cimg-src%3D-http-d--s--s-img172-.-imageshack-.-us-s-img172-s-7011-s-zindffan-.-png%3E.htm">Zindanlar</a></li>
         <li class="style2"><a href="http://the-ottomanss.tr.gg/%3Cimg-src%3D-g-http-d--s--s-img-.-webme-.-com-s-pic-s-t-s-the_ottomanss-s-zindan-.-png-g--alt%3D-g--g---s-%3E.htm">Zindan Görevleri</a></li>
         <li class="style2"><a href="http://yeni-htmlkodlar.tr.gg/diger-kodlar.htm">Yakut Kazan!!</a></li>

         <li class="style2"><a href="http://the-ottomanss.tr.gg/%3Cimg-src%3Dhttp-d--s--s-img172-.-imageshack-.-us-s-img172-s-7263-s-defter-.-png%3E.htm">Ziyaretçi Defteri</a></li>


      </ul>
   </div>
   <!-- Menu end -->
   
<hr class="noscreen" />

<div id="skip-menu"></div>
   
   <div id="content">
      <div id="column-1">
         <div id="column-11">
            <div class="content">
               <h3 class="first">.b.u.r.a.k.</h3>


<!-- tasarımın üstüne yazı bitişi-->

      
      <!--tasarımın altına yazı başlangıcı -->


<div class="cleaner"> </div>

</div>
         </div>
         
         
         
         <div id="column-12">
            
<h3>Son Güncellemeler</h3>
            
            
            
            <marquee direction="up" scrollamount="1" style="height: 150px">
            
               <dl class="news">

               
                  <dt>16. 03. 2009</dt>
                     <dd>Siteye Yeni Tasarım Uygulandı</dd>

               
               <dt>14. 03. 2009</dt>
                     <dd> Tasarımdan kaynaklanan sorunlar çözüldü</dd>

               
                     <dt>16. 03. 2009</dt>
                     <dd> Site Güncellendi.</dd>

               
                                 
                  </dl></marquee>

<h3>Hileler!!</h3>

            <address>
               <strong><a href="http://the-ottomanss.tr.gg/Gladiatus-Hileleri.htm">Tıkla!
               </a> </strong><br />
            Her gladiatus oynuyanın bilmesi gereken hileler :D</address>


<h3>Paylaşmak Güzeldir</h3>

            <address>
               Sizinde biziml paylaşmak istediğiniz bilgiler varsa
               
            <font size="3" style="background-color: rgb(255, 153, 0);"><strong><font color="#ffffff"><span style="background-color: rgb(255, 153, 0);">the-ottomanss( at )hotmail.com</span></font>'a mail atabilirsiniz</strong></font>
      </address>

         
         
<h3>Kod Önizleme</h3>

            <address>
                           <p>               
               <a href="http://crazy.huso.googlepages.com/Kod-Onizleme.htm">
               <strong><em>Html kodlarının çalışıp çalışmadığını buraya tıklayarak kontrol edebilirsin</em></strong></a></p>

      </address>
            
            


   <h3>Sponsorumuz</h3>
               <ul class="menicko">
                     <strong><font size="5"><a target="_blank" href="http://s14.gladiatus.net/game/index.php?mod=player&p=44643">.b.u.r.a.k.</a></font></strong>                  </ul>


            

                  

      
      
      
      
         <div id="column-2">
         <h3>Sitemizle İlgili</h3>
            <div class="content">
            
               
               
               
               
               <table style="width: 100%">
   <tr>
      <td>
                                          <table style="width: 160px">
                                    <tr>
                                       <td style="width: 31px">
                                       <strong>
                                       <img src="http://img.webme.com/pic/y/yeni-htmlkodlar/home.png" width="29" height="26" /></strong></td>

                                       <td> <a onclick="this.style.behavior='url(#default#homepage)';this.setHomePage('http://the-ottomanss.tr.gg');">
                                       <span> Anasayfam yap</span></a><font color="#000000"><em><strong>
                                        </strong></em>
                                    </font></td>
                                    </tr>
                                    <tr>
                                       <td style="width: 31px">

                                       <strong>
                                       <img src="http://img.webme.com/pic/y/yeni-htmlkodlar/sikkullan.png" width="29" height="26" /></strong></td>
                                       <td>
                  <font color="#000000">
            <a href="javascript:window.external.AddFavorite('http://the-ottomanss.tr.gg'', 'The-Ottomanss')">
                                       Sık Kullanılanlara ekle</a></td>
                                    </tr>

                                                   
               
               
               
               
               
            </div>
         
         
         <h3>HTML Menü</h3>
         <div class="content">
         <p></p>Html hakkında her türlü bilgi bu menüde<p></p>
            <address>
               <table style="width: 100%">

            <tr>
               <td style="width: 1px">
                </td>
               <td>
               <a href="http://the-ottomanss.tr.gg/Html-Hakk%26%23305%3Bnda.htm">
               Html Hakkında</a></td>
            </tr>
            <tr>

            
            </tr>
         </table>
      </address></div>

                     
            <br>
            
            <h3>Duyurular ! ! !</h3>
            <address>
               <marquee direction="up" scrollamount="1" style="height: 150px">
            
               <dl class="news">
               
               <dt>Dost Site Uygulaması</dt>
                     <dd>Yeni tasarım aktive edildi </dd>

               
               <dt>Yeni Fonksiyon!!!</dt>
                     <dd> Kod arama çubugu aktiva edildi</dd>


               
                                          
                                 </dl></marquee>      </address>

            
            
            <h3>Anket</h3>
               <iframe name="Netbuu Anket Gösterimi 2" src="http://anket.netbuu.com/anket_goster2.php?anketno=6985292913154756" width="183" height="228" scrolling="auto" marginheight="0" marginwidth="0" frameborder="0" ></iframe>

<h3>Sayaç</h3>
            <address><strong>
                     </strong>   </address>
                   <script language="JavaScript"  type="text/javascript" src="http://www.googlepagerankchecker.com/cgi-bin/counter/count.cgi?008487"></script>   
                        <br>

                     
            

                     
   
      
                  

      
      
      
      <div class="cleaner"> </div>
   </div>

<hr class="noscreen" />

   <!-- Footer -->
   <div id="footer">
      <div id="footer-in">
         <p class="footer-left">© <a href="#">Tüm hakları Saklıdır İzinsiz kopyalanması halinde yasal işlem başlatılacaktır!</a>, 200<span lang="tr">9</span>.</p>

         <p class="footer-right">Designed
         by .:::BuRaK:::.</p>
      </div>
   </div>
   <!-- Footer end -->

</div>


<!--  tasarımın altına yazı bitişi-->

               

      

<style type="text/css">
         <!--
         <style>
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;}

/*  This template was created by Mantis-a [http://www.mantisa.cz/]. For more templates visit Free website templates [http://www.mantisatemplates.com/]. */



/* CSS Document */


/* General */

* {
margin: 0;
padding: 0;
}

html {
height: 100%;
font-size: 62.5%;
}

body {
height: 100%;
text-align: left;
font: 1.3em verdana;
min-width: 950px;
background: url('http://img.webme.com/pic/m/mistiktarih/untitl11.png');
}
a:visited {
color: #FF6600;
font-weight: italic;
}

a{text-decoration:none}
a:link {
color: #FF6600;
font-weight: italic;
}

a:hover {
color: red;
font-weight: bold;
}

.cleaner {
clear: both;
height: 0;
font-size: 0;
visibility: hidden;
content: ' ';
}

.cleaning-box {
min-height: 1px;
}

.cleaning-box:after {
display: block;
clear: both;
visibility: hidden;
height: 0;
font-size: 0;
content: ' ';
}

.noscreen {
display: none;
}

.hidden { /* Skip menu */
position: absolute;
top: -10000px;
left: 0;
width: 1px;
height: 1px;
overflow: hidden;
}


/* Wrapper of the site */

#wrapper {
background-color: white;
width: 950px;
margin: 0 auto;
}


/* Paragraphs, headings, ... */

p {
line-height: 170%;
margin-bottom: 10px;
color: #252525;
}

h1 {
font-size: 1.9em;
font-weight: normal;
color: #FFFFFF;
text-align: left;
padding: 20px 0 4px 0;
margin-left: 61px;
background: url('../img/h1-bg.gif') repeat-x 0 100%;
width: 50%;
}

h1 a:visited {
font-weight: normal;
text-decoration: none;
color: #FFFFFF;
}

h1 a:link {
font-weight: normal;
text-decoration: none;
color: #FFFFFF;
}

h2 {
font-size: 1.3em;
font-family: Georgia, "Times New Roman", Times, serif;
font-weight: normal;
color: #FFFFFF;
letter-spacing: 1px;
text-align: left;
padding-left: 61px;
margin-top: 4px;
}

h3 {
font-size: 1.5em;
font-weight: normal;
font-family: calibri;
color: #252525;
letter-spacing: 1px;
padding-bottom: 3px;
border-bottom: 1px solid #252525;
margin: 20px 0 7px 0;
width: 100%;
}

h3.first {
margin: 0 0 7px 0;
}

address {
font-style: normal;
line-height: 160%;
margin: 5px 8px;
}


/* Header */

#header {
width: 950px;
height: 138px;
position: relative;
margin: 0 auto;
background: #000000 url('http://img.webme.com/pic/y/yeni-htmlkodlar/hd-bg.gif') repeat-x 0 0;
text-align: left;
}


/* Logo, slogan */

#logo {
position: absolute;
top: 12px;
left: 2px;
width: 25px;
height: 41px;
}

#logo a:visited {
color: #FFFFFF;
}

#logo a {
color: #FFFFFF;
}

#logo img {
border: 0;
}

#slogan {
font-size: 1.4em;
letter-spacing: 1px;
position: absolute;
top: 97px;
right: 290px;
color: #FFFFFF;
}

#slogan span {
color: #FF8034;
}


/* Search form */

form.searching {
width: 240px;
position: absolute;
top: 20px;
right: 20px;
}

form.searching fieldset {
border: 0;
}

form.searching input.search {
letter-spacing: 1px;
float: left;
padding: 2px 0 2px 6px;
width: 139px;
border: 0;
}

form.searching input.hledat {
font-size: 0.9em;
letter-spacing: 2px;
padding-left: 0;
margin-left: 4px;
font-weight: bold;
float: left;
}

form.searching label {
display: none;
}


/* Menu */

#menu-box {
width: 950px;
margin: 0 auto;
background: #4A4A4A url('http://img.webme.com/pic/y/yeni-htmlkodlar/menu-bg.gif') repeat-x 0 0;
margin-bottom: 3px;
}

#menu {
width: 950px;
margin: 0 auto;
}

#menu li {
display: inline;
list-style-type: none;
text-align: center;
font-weight:bold;
}

#menu li.first a {
margin-left: 5px;
display: inline
}

#menu li a {
float: left;
color: #FFFFFF;
display: block;
padding: 0 0.6em;
line-height: 29px;
}

#menu li a:hover {
color: white;
background-color: #FF6600;
text-decoration: none;
}

#menu li a.active {
color: #FFFFFF;

font-weight: bold;
}


/* 3 columns layout */

#contennt {
width: 950px;
margin: -10 auto;
text-align: left;
background: #FFFFFF url('http://img.webme.com/pic/y/yeni-htmlkodlar/content-bg.gif') repeat-y 0 0;
}

#column-1 {
float: right;
width: 770px;
}

#column-1 #column-11 {
float: left;
width: 590px;
background-color: white;       
}

#column-1 #column-12 {
float: right;
width: 178px;
font-size: 0.9em;
}

#column-2 {
float: left;
width: 178px;
font-size: 0.9em;
}

#column-12 {
padding-bottom: 5px;
}

#column-2 {
padding-bottom: 5px;
}

#column-1 {
padding-bottom: 5px;
}

#column-2 p {
margin: 0; line-height: 1.4;
}

#column-1 #column-12 p {
margin: 0; line-height: 1.4;
}

#column-1 #column-12 h3 {
background: #DB6201 url('http://img.webme.com/pic/y/yeni-htmlkodlar/h3-bg.gif') no-repeat 0 0;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 1.1em;
font-weight: bold;
color: #FFFFFF;
line-height: 29px;
margin: 0; padding: 0; border: 0;
text-align: center;
width: 100%;
}

#column-2 h3 {
background: #DB6201 url('http://img.webme.com/pic/y/yeni-htmlkodlar/h3-bg.gif') no-repeat 0 0;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 1.1em;
font-weight: bold;
color: #FFFFFF;
line-height: 29px;
margin: 0; padding: 0; border: 0;
text-align: center;
width: 100%;
}

#column-11 div.content {
margin: 0.5em 1.3em 0 1em;
}

#column-12 div.content {
margin: 0.4em 0.5em 1.2em 0.9em;
}

#column-2 div.content {
margin: 0.4em 0.5em 1.2em 0.9em;
}

#column-2 {
background-color: ;
}


#column-12 {
background-color: ;
}


/* Menu in columns */

.menicko {
text-align: left;
list-style-type: none;
margin: 0.6em 0.3em 1.2em 0.3em;
}

.menicko li {
color: #252525;
font-weight: bold;
text-decoration: none;
margin: 0 0 12px 5px;
}

.menicko li a:visited {
color: #252525;
font-weight: bold;
text-decoration: underline;
}

.menicko li a {
color: #252525;
font-weight: bold;
text-decoration: underline;
}

.menicko li a:hover {
text-decoration: none;
}

.menicko ul {
list-style-type: square;
list-style-position: inside;
}

.menicko ul li {
margin: 5px 0 0 0;
}

.menicko ul li a:visited {
font-weight: normal;
}

.menicko ul li a {
font-weight: normal;
}

.menicko ul li a.active {
text-decoration: none;
background-color: #252525;
color: #FFFFFF !important;
padding: 0 1px;
}


.menicko ul li a:hover {
text-decoration: none;
background-color: #252525;
color: #FFFFFF !important;
padding: 0 1px;
}


/* Definition list in colum */

dl.news {
margin: 0.6em 0.3em 1.2em 0.6em;
}

dl.news dt {
font-weight: bold;
}

dl.news dd {
margin-bottom: 12px;
padding-bottom: 8px;
border-bottom: 1px dotted #202020;
}

dl.news dd a:visited {
font-style: italic;
color: #A51F00;
}


dl.news dd a {
font-style: italic;
color: #A51F00;
}



/* Footer */

#footer {
width: 950px;
margin: 0 auto;
height: 38px;
background: #000000 url('http://img.webme.com/pic/y/yeni-htmlkodlar/footer-bg.gif') repeat-x 0 0;
clear: both;
}

#footer-in {
width: 950px;
margin: 0 auto;
}

p.footer-left {
float: left;
width: 450px;
color: #FFFFFF;
text-align: left;
margin: 7px 0 0 15px;
display: inline;
}

p.footer-left a:visited {
color: #FFFFFF;
padding: 1px 2px;
}

p.footer-left a {
color: #FFFFFF;
padding: 1px 2px;
}

p.footer-left a:hover {
background-color: #FFFFFF;
color: #202020;
}

p.footer-right {
float: right;
width: 450px;
color: #FFFFFF;
text-align: right;
margin: 7px 15px 0 0;
display: inline;
}

p.footer-right a:visited {
font-size: 0.9em;
color: #FFFFFF;
padding: 1px 2px;
}

p.footer-right a {
font-size: 0.9em;
color: #FFFFFF;
padding: 1px 2px;
}

p.footer-right a:visited  {
font-weight: normal;
}

p.footer-right a  {
font-weight: normal;
}

         //-->
      </style>