3 Adet Menü (VBulletin Stili)

Kod:

<style>
a{
  text-decoration: none;
  color: #000000; }
#footer{
  position: fixed;
  bottom: 0;
  left: 0;
  height: 22px;
  font-size: 11px;
  line-height: 22px;
  width: 100%;
  background: url('http://i81.servimg.com/u/f81/14/51/10/23/altluk10.png') repeat-x;
  z-index: 1; }

#footer a{
  color: #000000;
  text-decoration: none;
  padding: 2px 30px 0;
  background: url('http://i81.servimg.com/u/f81/14/51/10/23/cizik10.png') no-repeat 100% 0;
  float: left; }
 
#footer #tual1:before{
  text-decoration: none;
  content: url('http://i81.servimg.com/u/f81/14/51/10/23/tark1610.png');
  padding: 0 5px 0 0;
  position: relative;
  top: 4px; }
 
#footer #tual1{
  cursor: default; }
 
#footer #tual1:hover{
  text-decoration: none;
  color: #ffffff; }
 
#footer #what{
  padding: 2px 20px 0;
  background: transparent; }
 
#footer #contact, #footer #tual3{
  padding: 2px 20px 0; }

#footer
#tual2:hover, #footer #tual3:hover, #footer #cafe:hover, #footer
#tual4:hover, #footer #tual5:hover, #footer #what:hover{
  background: url('http://i81.servimg.com/u/f81/14/51/10/23/yash10.png') repeat 50% 0;
  color: #ffffff;
  text-decoration: none;  }

#footer #tual5{ position:absolute; right:0px; }

#image{ text-decoration: none;
  content: url('http://i81.servimg.com/u/f81/14/51/10/23/tark1611.png');
  padding: 0 6px 0 0;
  position: relative;
  top: 0px;}
</style>
<div id="footer">
        <a title="By Dj-TuaL" id="tual1"><b>HoşGeldiniz...</b></a>
        <a href="/search.forum" title="Ara" id="tual2"><b>Arama Yap</b></a>
        <a href="/memberlist.forum" title="Üyeler" id="tual3"><b>Üye Listesi</b></a>
        <a href="/profile.forum?mode=editprofile" title="Profil" id="tual4"><b>Profilim</b></a>
        <a href="/msg.forum?folder=inbox" title="Mesajlar" id="tual4"><b>Özel Mesajlarım</b></a>
        <a href="#top" title="Yukarı" id="tual5">
 
      <img
src="http://i81.servimg.com/u/f81/14/51/10/23/tark1611.png" border="0"
id="image"><b>Yukarı Çık</b></a>
      </div>

Kod:

<style>
a{
  text-decoration: none;
  color: #000000; }
#footer{
  position: fixed;
  top: 0;
  left: 0;
  height: 26px;
  font-size: 11px;
  line-height: 24px;
  width: 100%;
  background: url('http://i81.servimg.com/u/f81/14/51/10/23/altluk10.png') repeat-x;
  z-index: 1; }

#footer a{
  color: #000000;
  text-decoration: none;
  padding: 2px 30px 0;
  background: url('http://i81.servimg.com/u/f81/14/51/10/23/cizik10.png') no-repeat 100% 0;
  float: left; }
 
#footer #tual1:before{
  text-decoration: none;
  content: url('http://i81.servimg.com/u/f81/14/51/10/23/tark1610.png');
  padding: 0 5px 0 0;
  position: relative;
  top: 4px; }
 
#footer #tual1{
  cursor: default; }
 
#footer #tual1:hover{
  text-decoration: none;
  color: #ffffff; }
 
#footer #what{
  padding: 2px 20px 0;
  background: transparent; }
 
#footer #contact, #footer #tual3{
  padding: 2px 20px 0; }

#footer
#tual2:hover, #footer #tual3:hover, #footer #cafe:hover, #footer
#tual4:hover, #footer #tual5:hover, #footer #what:hover{
  background: url('http://i81.servimg.com/u/f81/14/51/10/23/yash10.png') repeat 50% 0;
  color: #ffffff;
  text-decoration: none;  }

#footer #tual5{ position:absolute; right:0px; }

#image{ text-decoration: none;
  content: url('http://i81.servimg.com/u/f81/14/51/10/23/tark1611.png');
  padding: 0 6px 0 0;
  position: relative;
  top: 0px;}
</style>
<div id="footer">
        <a title="By Dj-TuaL" id="tual1"><b>HoşGeldiniz...</b></a>
        <a href="/search.forum" title="Ara" id="tual2"><b>Arama Yap</b></a>
        <a href="/memberlist.forum" title="Üyeler" id="tual3"><b>Üye Listesi</b></a>
        <a href="/profile.forum?mode=editprofile" title="Profil" id="tual4"><b>Profilim</b></a>
        <a href="/msg.forum?folder=inbox" title="Mesajlar" id="tual4"><b>Özel Mesajlarım</b></a>
        <a href="#bottom" title="Aşağı" id="tual5">
 
      <img
src="http://i81.servimg.com/u/f81/14/51/10/23/tark1611.png" border="0"
id="image"><b>Aşağıya İn</b></a>
      </div>

Kod:

<center><img src="http://i82.servimg.com/u/f82/14/52/48/85/logo10.png" border="0" usemap="#Map">
  <map name="Map">
    <area shape="poly" coords="36,45,110,81,99,105,24,66" href="[b]MÜZİK BÖLÜMÜ LİNKİ[/b]">
    <area shape="poly" coords="134,24,179,32,176,57,124,48" href="[b]AŞK BÖLÜMÜ LİNKİ[/b]">
    <area shape="rect" coords="189,74,300,95" href="[b]PROGRAM BÖLÜMÜ LİNKİ[/b]">
    <area shape="poly" coords="315,59,375,79,369,98,307,78" href="[b]OYUN BÖLÜMÜ LİNKİ[/b]">
    <area shape="poly" coords="360,47,435,31,429,9,353,23" href="[b]SPOR BÖLÜMÜ LİNKİ[/b]">
    <area shape="poly" coords="446,53,523,66,520,86,442,72" href="[b]KADIN BÖLÜMÜ LİNKİ[/b]">
    <area shape="poly" coords="543,50,606,40,608,59,549,68" href="[b]VİDEO BÖLÜMÜ LİNKİ[/b]">
    <area shape="poly" coords="633,64,685,56,688,76,639,84" href="[b]YAZI BÖLÜMÜ LİNKİ[/b]">
    <area shape="rect" coords="710,74,793,98" href="[b]RESİM BÖLÜMÜ LİNKİ[/b]">
  </map></center>