.:: Tasarımımı Paylaşıma Sunuyorum ::.

<div id="tasarim">
<div id="baslik"><center><a href="Ana-sayfa.htm"><img class="" alt="" border="0" src="http://img.webme.com/pic/b/bedava-siteyap/anasayfaicon.png" /></a> <a href="zdefteri.htm"><img class="" alt="" border="0" src="http://img.webme.com/pic/b/bedava-siteyap/z.defteriicon.png" /></a> <a href="toplist.htm"><img class="" alt="" border="0" src="http://img.webme.com/pic/b/bedava-siteyap/toplisticon.png" /></a> <a href="tasarim.htm"><img class="" alt="" border="0" src="http://img.webme.com/pic/b/bedava-siteyap/tasarimicon.png" /></a> <a href="linkekle.htm"><img class="" alt="" border="0" src="http://img.webme.com/pic/b/bedava-siteyap/linekleicon.png" /></a> <a href="http://siteyap.awardspace.biz"><img class="" alt="" border="0" src="http://img.webme.com/pic/b/bedava-siteyap/forumicon.png" /></a> <a href="htmlkod.htm"><img class="" alt="" border="0" src="http://img.webme.com/pic/b/bedava-siteyap/htmlkodicon.png" /></a>
<div> </div>
<div id="ust"> </div>
<div id="orta"> </div>
</center></div>
<div id="ust"></div>
<div id="orta">
<div class="solsutun"><!--- menu başlangıcı ---><center><style type="text/css">


   html{
      height:100%;
   }
   body{   
      height:100%;
      margin:0px;
      padding:0px;
      font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;
   }
   
   /* Entire pane */
   
   #dhtmlgoodies_xpPane{
      background-color:#white;   /* Blue background color */
      float:left;
      height:100%;
      width:200px;   /* Width of panel */
   }
   #dhtmlgoodies_xpPane .dhtmlgoodies_panel{
      margin-left:10px;
      margin-right:10px;
      margin-top:10px;   
   }
   #dhtmlgoodies_xpPane .panelContent{
      font-size:0.7em;
      background-image:url('http://img.webme.com/pic/b/bedava-siteyap/bg_pane_right.gif');
      background-position:top right;
      background-repeat:repeat-y;
      border-left:1px solid #FFF;
      border-bottom:1px solid #FFF;   
      padding-left:2px;
      padding-right:2px;   
      overflow:hidden;
      position:relative;
   }
   #dhtmlgoodies_xpPane .panelContent div{
      position:relative;
   }
   #dhtmlgoodies_xpPane .dhtmlgoodies_panel .topBar{
      background-image:url('http://img.webme.com/pic/b/bedava-siteyap/bg_panel_top_right.gif');
      background-repeat:no-repeat;
      background-position:top right;
      height:25px;
      padding-right:5px;
   }
   #dhtmlgoodies_xpPane .dhtmlgoodies_panel .topBar span{   /* Heading text options */
      line-height:25px;
      vertical-align:middle;
      font-family:arial;   /* Arial font */
      font-size:0.7em;   /* Font size */
      color:#215DC6;   /* Light blue color */
      font-weight:bold;   /* Bold font */
      padding-left:5px;    /* Space at the left */
      float:left;   /* Don't change this one */
      
   }
   #dhtmlgoodies_xpPane .dhtmlgoodies_panel .topBar img{
      float:right;
      cursor:pointer;
   }
   
   </style><script type="text/javascript">
   /***********(C) www.dhtmlgoodies.com, October 2005 www.dhtmlgoodies.com   Alf Magne Kalleland *****/      
   var xpPanel_slideActive = true;   // Slide down/up active?
   var xpPanel_slideSpeed = 15;   // Speed of slide
   
   var dhtmlgoodies_xpPane;
   var dhtmlgoodies_paneIndex;
   
   var savedActivePane = false;
   var savedActiveSub = false;
   
   function showHidePaneContent()
   {
      var img = this.getElementsByTagName('IMG')[0];
      var obj = document.getElementById('paneContent' + img.id.replace(/[^0-9]/g,''));
      if(img.src.toLowerCase().indexOf('up')>=0){
         img.src = img.src.replace('up','down');
         if(xpPanel_slideActive){
            obj.style.display='block';
            slidePane((xpPanel_slideSpeed*-1),obj.id);
         }else{
            obj.style.display='none';
         }
      }else{
         img.src = img.src.replace('down','up');
         if(xpPanel_slideActive){
            if(document.all){
               obj.style.display='block';
               obj.style.height = '1px';
            }
            slidePane(xpPanel_slideSpeed,obj.id);
         }else{
            obj.style.display='block';
         }
      }      
   }
   
   
   
   function slidePane(slideValue,id)
   {

      var activePane = document.getElementById(id);
      if(activePane==savedActivePane){
         var subDiv = savedActiveSub;
      }else{
         var subDiv = activePane.getElementsByTagName('DIV')[0];
      }
      savedActivePane = activePane;
      savedActiveSub = subDiv;
      
      var height = activePane.offsetHeight;
      var innerHeight = subDiv.offsetHeight;
      height+=slideValue;
      if(height<0)height=0;
      if(height>innerHeight)height = innerHeight;
      
      if(document.all){
         activePane.style.filter = 'alpha(opacity=' + Math.round((height / subDiv.offsetHeight)*100) + ')';
      }else{
         var opacity = (height / subDiv.offsetHeight);
         if(opacity==0)opacity=0.01;
         if(opacity==1)opacity = 0.99;
         activePane.style.opacity = opacity;
      }         
      
               
      if(slideValue<0){         
         activePane.style.height = height + 'px';
         subDiv.style.top = height - subDiv.offsetHeight + 'px';
         if(height>0){
            setTimeout('slidePane(' + slideValue + ',"' + id + '")',10);
         }else{
            if(document.all)activePane.style.display='none';
         }
      }else{         
         subDiv.style.top = height - subDiv.offsetHeight + 'px';
         activePane.style.height = height + 'px';
         if(height<innerHeight){
            setTimeout('slidePane(' + slideValue + ',"' + id + '")',10);
         }         
      }
      
      
   }
   
   function mouseoverTopbar()
   {
      var img = this.getElementsByTagName('IMG')[0];
      var src = img.src;
      img.src = img.src.replace('.gif','_over.gif');
      
      var span = this.getElementsByTagName('SPAN')[0];
      span.style.color='#white';      
      
   }
   function mouseoutTopbar()
   {
      var img = this.getElementsByTagName('IMG')[0];
      var src = img.src;
      img.src = img.src.replace('_over.gif','.gif');      
      
      var span = this.getElementsByTagName('SPAN')[0];
      span.style.color='';
      
      
      
   }
   
   
   function initDhtmlgoodies_xpPane(panelTitles,panelDisplayed)
   {
      dhtmlgoodies_xpPane = document.getElementById('dhtmlgoodies_xpPane');
      var divs = dhtmlgoodies_xpPane.getElementsByTagName('DIV');
      dhtmlgoodies_paneIndex=0;
      for(var no=0;no<divs.length;no++){
         if(divs[no].className=='dhtmlgoodies_panel'){
            
            var outerContentDiv = document.createElement('DIV');   
            var contentDiv = divs[no].getElementsByTagName('DIV')[0];
            outerContentDiv.appendChild(contentDiv);   
         
            outerContentDiv.id = 'paneContent' + dhtmlgoodies_paneIndex;
            outerContentDiv.className = 'panelContent';
            var topBar = document.createElement('DIV');
            
            var span = document.createElement('SPAN');            
            span.innerHTML = panelTitles[dhtmlgoodies_paneIndex];
            topBar.appendChild(span);
            topBar.onclick = showHidePaneContent;
            topBar.onmouseover = mouseoverTopbar;
            topBar.onmouseout = mouseoutTopbar;
            
            var img = document.createElement('IMG');
            img.id = 'showHideButton' + dhtmlgoodies_paneIndex;
            img.src = 'http://img.webme.com/pic/b/bedava-siteyap/arrow_up.gif';            
            topBar.appendChild(img);
            
            if(!panelDisplayed[dhtmlgoodies_paneIndex]){
               outerContentDiv.style.height = '0px';
               contentDiv.style.top = 0 - contentDiv.offsetHeight + 'px';
               if(document.all)outerContentDiv.style.display='none';
               img.src = 'http://img.webme.com/pic/b/bedava-siteyap/arrow_down.gif';
            }
                        
            topBar.className='topBar';
            divs[no].appendChild(topBar);            
            divs[no].appendChild(outerContentDiv);   
            dhtmlgoodies_paneIndex++;         
         }         
      }
   }   
   
   </script><!---<head> Sonu  --->
<div id="dhtmlgoodies_xpPane" style="width: 186px; height: 100%">
<div class="dhtmlgoodies_panel">
<div><!-- Start content of pane --><a href="http://bedava-siteyap.tr.gg/cssebaslamak.htm"><font size="2"><strong>Css'e Başlamak</strong></font></a><br />
<a href="http://bedava-siteyap.tr.gg/freetemplateanlatim.htm"><font size="2"><strong>Free Template Uyarlamak</strong></font></a><br />
<a href="http://bedava-siteyap.tr.gg/hfkodlari.htm"><font size="2"><strong>HF Çözümleri</strong></font></a><br />
<a href="http://bedava-siteyap.tr.gg/cssilesekmelimenu.htm"><font size="2"><strong>Css ile Sekmeli Menü</strong></font></a><br />
<a href="http://bedava-siteyap.tr.gg/Web-Site-Ara%E7lar%26%23305%3B.htm"><font size="2"><strong>Web Site Araçları</strong></font></a><br />
<a href="http://bedava-siteyap.tr.gg/Siteniz-Para-Kazand%26%23305%3Brs%26%23305%3Bn.htm"><font size="2"><strong>Siteniz Para Kazandırsın</strong></font></a><br />
<a href="http://bedava-siteyap.tr.gg/Sitemize-Destek-Olun.htm"><font size="2"><strong>Sitemize Destek Olun</strong></font></a><br />
<a href="http://bedava-siteyap.tr.gg/Bazen-Buralarday%26%23305%3Bm.htm"><font size="2"><strong>Bazen Buralardayım</strong></font></a><br />
<a href="http://bedava-siteyap.tr.gg/Ftp-Tarz%26%23305%3B-Site-Yapmak.htm"><font size="2"><strong>Ftp Tarzı Site Yapmak</strong></font></a><br />
<a href="http://bedava-siteyap.tr.gg"><font size="2"><strong>Link</strong></font></a><font size="2"> <!-- End content --></font></div>
</div>
<div class="dhtmlgoodies_panel">
<div><!-- Start content of pane --><font size="2">Merhaba;<br />
Sitemiz 16.06.2009 22:03:54'de<br />
yayına girmiştir. Henüz Yenidir<br />
Oluşabilecek aksaklıklardan dolayı özür dileriz. <!-- End content --></font></div>
</div>
<div class="dhtmlgoodies_panel">
<div><!-- Start content of pane --><font size="2">Sitemiz ie7 Tarayıcısı Baz Alınarak OKANIZM tarafından Tasarlanmıştır.</font></div>
</div>
</div>
<script type="text/javascript">
/*
Arguments to function
1) Array of titles
2) Array indicating initial state of panels(true = expanded, false = not expanded )
*/
initDhtmlgoodies_xpPane(Array('Dosyalar','Bilgi','Detaylar'),Array(true,true,false));
</script></center><!--- menu bitiş ---></div>
<div class="sagsutun">

</div> </div> <div id="alt"></div> </div>

table {margin-left: auto;margin-right: auto}
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;}

* {padding: 0; margin:0 }

body {
margin-left: auto;
margin-right: auto;
background: url(http://img.webme.com/pic/b/bedava-siteyap/tasarimresim1.png) top center fixed;
}

#tasarim{
width: 1000px;
margin-left: auto;
margin-right: auto;
}


#baslik{
margin-left: auto;
margin-right: auto;
background: url(http://img.webme.com/pic/b/bedava-siteyap/tasarimresim2.png);
width: 1007px;
height: 143px;
float: left;
text-align: center;
padding: 0px 0 0 0;
font-size: 15px;
color: #000000;
font-family: Verdana;
}



#ust{
margin-left: 0 auto;
margin-right:0 auto;
background: url(http://img.webme.com/pic/b/bedava-siteyap/tasarimresim3.png);
width: 1007px;
height: 242px;
float: left;
}

#orta{
margin-left: 0 auto;
margin-right:0 auto;
background: url(http://img.webme.com/pic/b/bedava-siteyap/tasarimresim4.png);
width: 1007px;
height: 100%;
float: left;
}

.solsutun{
width:175px;
float: left;
padding: 0 0 0 50px;
overflow: hidden;
}

.sagsutun {
width:675px;
float: left;
padding: 0 0 0 50px;
overflow: hidden;
text-align: justify;
}


#alt{
margin-left: 0 auto;
margin-right:0 auto;
background: url(http://img.webme.com/pic/b/bedava-siteyap/tasarimresim5.png);
width: 1007px;
height: 307px;
float: left;
}

#kommentartext {
background-image:url(http://img.webme.com/pic/b/bedava-siteyap/tasarimresim6.png);