BT Tasarım Paylaşımları (Mod Knyu ktleme çk pylşm ypcm )

Bu İlk Profosyonel Tasarımım :)

<table width="920" border="0" cellpadding="0" cellspacing="0">
  <tr>
    <td height="87" align="center" valign="middle" background="http://img.webme.com/pic/b/blog-turkuaz/untitled-1_01.gif"><table width="920" height="49" border="0" cellpadding="0" cellspacing="0">
      <tr>
        <td width="230" height="32">&nbsp;</td>
        <td width="606" align="center" valign="middle"><div id="tabs">
  <ul>
    <li></li>
    <li><a href="#"><span>Menu 1</span></a></li>
    <li><a href="#"><span>Menu 2</span></a></li>
    <li><a href="#"><span>Menu 3</span></a></li>
    <li><a href="#"><span>Menu 4</span></a></li>
    <li><a href="#"><span>Menu 5</span></a></li>
    <li><a href="#"><span>Menu 6</span></a></li>
  </ul>
</div>
</td>
        <td width="84">&nbsp;</td>
      </tr>
    </table></td>
  </tr>
  <tr>
    <td height="150" align="left" valign="middle" background="http://img.webme.com/pic/b/blog-turkuaz/untitled-1_02.gif"><table width="920" height="112" border="0" cellpadding="0" cellspacing="0">
      <tr>
        <td width="44">&nbsp;</td>
        <td width="315" align="center"><img src="http://www.blogturkuaz.com/wp-content/uploads/2011/07/logo-kayit.png" alt="" width="314" height="57" /></td>
        <td width="10">&nbsp;</td>
        <td width="479" align="center"><img alt="" src="http://img.webme.com/pic/b/blog-turkuaz/untitlasasaed-1.png" /></td>
        <td width="72">&nbsp;</td>
      </tr>
    </table></td>
  </tr>
  <tr>
    <td height="60" align="center" valign="middle" background="http://img.webme.com/pic/b/blog-turkuaz/untitled-1_03.gif">&nbsp;</td>
  </tr>
  <tr>
    <td height="144" align="center" valign="middle" background="http://img.webme.com/pic/b/blog-turkuaz/untitled-1_04.gif"><table width="920" height="143" border="0" cellpadding="0" cellspacing="0">
      <tr>
        <td width="16" height="143">&nbsp;</td>
        <td width="201" valign="top"><div class="urbangreymenu">

<h3 class="headerbar"><a href="http://www.Catlak-site55.tr.gg">MENÜ ADI</a></h3>
<ul class="submenu">

<li><a href="LiNK">Sayfa Adı</a></li>
<li><a href="LiNK">Sayfa Adı</a></li>
<li><a href="LiNK">Sayfa Adı</a></li>
<li><a href="LiNK">Sayfa Adı</a></li>
<li><a href="LiNK">Sayfa Adı</a></li>
<li><a href="LiNK">Sayfa Adı</a></li>
    </ul>

<h3 class="headerbar"><a href="http://www.dynamicdrive.com/style/">MENÜ ADI</a></h3>
<ul class="submenu">

<li><a href="LiNK">Sayfa Adı</a></li>
<li><a href="LiNK">Sayfa Adı</a></li>
<li><a href="LiNK">Sayfa Adı</a></li>
<li><a href="LiNK">Sayfa Adı</a></li>
<li><a href="LiNK">Sayfa Adı</a></li>
<li><a href="LiNK">Sayfa Adı</a></li>
    </ul>

<h3 class="headerbar"><a href="http://www.blogturkuaz.com">MENÜ ADI</a></h3>
<ul class="submenu">

<li><a href="LiNK">Sayfa Adı</a></li>
<li><a href="LiNK">Sayfa Adı</a></li>
<li><a href="LiNK">Sayfa Adı</a></li>
<li><a href="LiNK">Sayfa Adı</a></li>
<li><a href="LiNK">Sayfa Adı</a></li>
<li><a href="LiNK">Sayfa Adı</a></li>
    </ul>


</div>
</td>
        <td width="28">&nbsp;</td>
        <td width="407" valign="top"><div id="content">



<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>

<script type="text/javascript" src="http://catlaksite.iwoly.com/ddaccordion.js">


/***********************************************
* Bu MenüblogTurkuaz.com Tarafından Düzenlenmiştir *
***********************************************/

</script>

<script type="text/javascript">

ddaccordion.init({
   headerclass: "headerbar", //Shared CSS class name of headers group
   contentclass: "submenu", //Shared CSS class name of contents group
   revealtype: "mouseover", //Reveal content when user clicks or onmouseover the header? Valid value: "click", "clickgo", or "mouseover"
   mouseoverdelay: 200, //if revealtype="mouseover", set delay in milliseconds before header expands onMouseover
   collapseprev: true, //Collapse previous content (so only one open at any time)? true/false
   defaultexpanded: [0], //index of content(s) open by default [index1, index2, etc] [] denotes no content
   onemustopen: true, //Specify whether at least one header should be open always (so never all headers closed)
   animatedefault: false, //Should contents open by default be animated into view?
   persiststate: true, //persist state of opened contents within browser session?
   toggleclass: ["", "selected"], //Two CSS classes to be applied to the header when it's collapsed and expanded, respectively ["class1", "class2"]
   togglehtml: ["", "", ""], //Additional HTML added to the header when it's collapsed and expanded, respectively  ["position", "html1", "html2"] (see docs)
   animatespeed: "normal", //speed of animation: integer in milliseconds (ie: 200), or keywords "fast", "normal", or "slow"
   oninit:function(headers, expandedindices){ //custom code to run when headers have initalized
      //do nothing
   },
   onopenclose:function(header, index, state, isuseractivated){ //custom code to run whenever a header is opened or closed
      //do nothing
   }
})

</script>


<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>

</td>
        <td width="28"> </td>
        <td width="223" valign="top"><div class="urbangreymenu">

<h3 class="headerbar"><a href="http://www.Catlak-site55.tr.gg">MENÜ ADI</a></h3>
<ul class="submenu">

<li><a href="LiNK">Sayfa Adı</a></li>
<li><a href="LiNK">Sayfa Adı</a></li>
<li><a href="LiNK">Sayfa Adı</a></li>
<li><a href="LiNK">Sayfa Adı</a></li>
<li><a href="LiNK">Sayfa Adı</a></li>
<li><a href="LiNK">Sayfa Adı</a></li>
    </ul>

<h3 class="headerbar"><a href="http://www.dynamicdrive.com/style/">MENÜ ADI</a></h3>
<ul class="submenu">

<li><a href="LiNK">Sayfa Adı</a></li>
<li><a href="LiNK">Sayfa Adı</a></li>
<li><a href="LiNK">Sayfa Adı</a></li>
<li><a href="LiNK">Sayfa Adı</a></li>
<li><a href="LiNK">Sayfa Adı</a></li>
<li><a href="LiNK">Sayfa Adı</a></li>
    </ul>

<h3 class="headerbar"><a href="http://www.Catlak-site55.tr.gg">MENÜ ADI</a></h3>
<ul class="submenu">

<li><a href="LiNK">Sayfa Adı</a></li>
<li><a href="LiNK">Sayfa Adı</a></li>
<li><a href="LiNK">Sayfa Adı</a></li>
<li><a href="LiNK">Sayfa Adı</a></li>
<li><a href="LiNK">Sayfa Adı</a></li>
<li><a href="LiNK">Sayfa Adı</a></li>
    </ul>


</div>
</td>
        <td width="17"> </td>
      </tr>
    </table></td>
  </tr>
  <tr>
    <td height="92" align="center" valign="middle" background="http://img.webme.com/pic/b/blog-turkuaz/untitled-1_032.gif"><table width="920" height="64" border="0" cellpadding="0" cellspacing="0">
      <tr>
        <td width="22" height="27"> </td>
        <td width="157"> </td>
        <td width="59"> </td>
        <td width="379"> </td>
        <td width="38"> </td>
        <td width="195"> </td>
        <td width="24"> </td>
      </tr>
      <tr>
        <td height="31"> </td>
        <td>buraya notun :)</td>
        <td> </td>
        <td><img src="http://img.webme.com/pic/b/bs-aktif/t1s6.png" alt="" /><img src="http://img.webme.com/pic/b/bs-aktif/t1s6.png" alt="" /><img src="http://img.webme.com/pic/b/bs-aktif/t1s6.png" alt="" /><img src="http://img.webme.com/pic/b/bs-aktif/t1s6.png" alt="" /></td>
        <td> </td>
        <td><!-- PageRank.gen.tr Kodu -->
<a href="http://www.pagerank.gen.tr/@pagerank/www.blogturkuaz.com"
target="_new">
<img src="http://banner.pagerank.gen.tr/rank-checker.asp"
title="www.pagerank.gen.tr" border="0"></a>
<!-- PageRank.gen.tr Kodu --></td>
        <td> </td>
      </tr>
    </table></td>
  </tr>
  <tr>
    <td height="65" align="center" valign="middle" background="http://img.webme.com/pic/b/blog-turkuaz/untitled-1_06.gif"> </td>
  </tr>
</table>

table {margin-left: auto;margin-right: auto} iframe{border:Solid 6px #FFFFFF;} 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;}








.urbangreymenu{
width: 190px;
}

.urbangreymenu .headerbar{
font: bold 13px Verdana;
color: white;
background: #606060 url(http://img.webme.com/pic/c/catlak-site55/arrowstop.gif) no-repeat 8px 6px;
margin-bottom: 0;
text-transform: uppercase;
padding: 7px 0 7px 31px;
}

.urbangreymenu .headerbar a{
text-decoration: none;
color: white;
display: block;
}

.urbangreymenu ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 0;
}

.urbangreymenu ul li{
padding-bottom: 2px;
}

.urbangreymenu ul li a{
font: normal 12px Arial;
color: black;
background: #E9E9E9;
display: block;
padding: 5px 0;
line-height: 17px;
padding-left: 8px;
text-decoration: none;
}

.urbangreymenu ul li a:visited{
color: black;
}

.urbangreymenu ul li a:hover{
color: white;
background: black;
}




<style type="text/css">

#tabs {
   float:left;
   width:100%;
   font-size:93%;
   line-height:normal;
   border-bottom:1px solid #666;
   margin-bottom:1em; /*margin between menu and rest of page*/
   overflow:hidden;
   }

#tabs ul {
   margin:0;
   padding:10px 10px 0 0px;
   list-style:none;
   
   }

#tabs li {
   display:inline;
   margin:0;
   padding:0;
   }

#tabs a {
   float:left;
   background:url("media/left.png") no-repeat left top;
   margin:0;
   padding:0 0 0 6px;
   text-decoration:none;
   }

#tabs a span {
   float:left;
   display:block;
   background:url("media/right.png") no-repeat right top;
   padding:6px 15px 4px 6px;
   margin-right:2px;
   color:#FFF;
   }

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs a span {float:none;}

/* End IE5-Mac hack */
#tabs a:hover span {
   }

#tabs a:hover {
   background-position:0% -42px;
   }

#tabs a:hover span {
   background-position:100% -42px;
   }

</style>