3 Adet Menü (VBulletin Stili)

İstediğiniz Birini;
Yönetim Paneli >>> Afiş Asmak >>> Anasayfa (altından) > Genel bilgiler > Anasayfa mesajı
Mesaj içeriği : (içine)
------------
Alt Sabit Menü;

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>

GÖRÜNÜM (EKRAN ALTI)



Üst Sabit Menü;

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>

GÖRÜNÜM (EKRAN ÜSTÜ)





HIZLI MENÜ

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="MÜZİK BÖLÜMÜ LİNKİ">
<area shape="poly" coords="134,24,179,32,176,57,124,48" href="AŞK BÖLÜMÜ LİNKİ">
<area shape="rect" coords="189,74,300,95" href="PROGRAM BÖLÜMÜ LİNKİ">
<area shape="poly" coords="315,59,375,79,369,98,307,78" href="OYUN BÖLÜMÜ LİNKİ">
<area shape="poly" coords="360,47,435,31,429,9,353,23" href="SPOR BÖLÜMÜ LİNKİ">
<area shape="poly" coords="446,53,523,66,520,86,442,72" href="KADIN BÖLÜMÜ LİNKİ">
<area shape="poly" coords="543,50,606,40,608,59,549,68" href="VİDEO BÖLÜMÜ LİNKİ">
<area shape="poly" coords="633,64,685,56,688,76,639,84" href="YAZI BÖLÜMÜ LİNKİ">
<area shape="rect" coords="710,74,793,98" href="RESİM BÖLÜMÜ LİNKİ">
</map></center>

GÖRÜNÜM



By_€yNaR Değiştirilmesi gereken yerler kalın ile yazılmıştır.Sadece yazılarda link vardır...