Nomes e imagens de admins no alto da pagina

Qual é minha questão:
Quero Colocar Os Admins No Alto da Pagina Como Esse Aqui.

Links e imagens do meu problema:
https://2img.net/h/s6.tinypic.com/5y6bzq_th.jpg

Endereço do meu fórum:
http://narutoreceive.forumeiros.com

Versão do meu fórum:
INVISION

Olá!

Poderia oferecer o link do fórum em que viu o código?

Até mais.

http://rpgnw.forumeiros.com

Forum Que Vi o Codigo

Olá!

O código abaixo e um HTML, que terás que mudar de acordo com teu fórum se não souber editar, fazemos isto para você:

Código:

<div style="margin:0 auto; width: 634px; height:120px;">
<!-- "previous page" action -->
<a class="prev browse left disabled"></a>

<!-- root element for scrollable --><div class="scrollable" id="scrollable">

  <!-- root element for the items -->
  <div class="items" style="left: 0px; ">

    <!-- 1-5 -->
    <div id="sld">
      <a href="http://rpgnw.forumeiros.com/u1"><img src="http://i.imgur.com/m9zav.jpg"></a>
      <a href="http://rpgnw.forumeiros.com/u183"><img src="http://fc00.deviantart.net/fs70/f/2011/271/5/d/slipknot_avatar_by_oiiosefyoiio-d4b7tfo.jpg"></a>
      <a href="http://rpgnw.forumeiros.com/u46"><img src="http://i.imgur.com/MvGoG.png"></a>
      <a href="http://www.narutorpgworld.com/u30"><img src="http://i42.tinypic.com/17fpdz.png"></a>
      <a href="http://www.narutorpgworld.com/u72"><img src="http://r25.imgfast.net/users/2516/11/89/64/avatars/72-7.jpg"></a>
    </div>

    <!-- 5-10 --><div id="sld">
<a href="http://www.narutorpgworld.com/u112"><img src="http://r25.imgfast.net/users/2516/11/89/64/avatars/112-38.jpg"></a>
    </div>

    <!-- 10-15 -->

  </div>

</div>

<a class="next browse right"></a>
</div>

Coloque o código na Home Page de teu fórum:

Painel de Controle Visualização Home Page Geral

Até mais!

Bom topico tambem tava com essa duvida falows

Olha So o q Aconteceu: http://desmond.imageshack.us/Himg856/scaled.php?server=856&filename=semttuloonf.png&res=landing

Olá!

Troque o código que lhe passei por este:

Código:

<div class="items">

    <!-- 1-5 -->
    <div id="sld">
      <a href="http://rpgnw.forumeiros.com/u1"><img src="http://i.imgur.com/m9zav.jpg"></a>
      <a href="http://rpgnw.forumeiros.com/u183"><img src="http://fc00.deviantart.net/fs70/f/2011/271/5/d/slipknot_avatar_by_oiiosefyoiio-d4b7tfo.jpg"></a>
      <a href="http://rpgnw.forumeiros.com/u46"><img src="http://i.imgur.com/MvGoG.png"></a>
      <a href="http://www.narutorpgworld.com/u30"><img src="http://i42.tinypic.com/17fpdz.png"></a>
      <a href="http://www.narutorpgworld.com/u72"><img src="http://r25.imgfast.net/users/2516/11/89/64/avatars/72-7.jpg"></a>
    </div>

    <!-- 5-10 --><div id="sld">
<a href="http://www.narutorpgworld.com/u112"><img src="http://r25.imgfast.net/users/2516/11/89/64/avatars/112-38.jpg"></a>
    </div>

    <!-- 10-15 -->

  </div>

Até logo.

Nao Resultou. Apenas Ficou Uma Do Lado da Outra.
E Outra Coisa Nao Ta Aparecendo As Coisas Esritas Exemplo: "Sou Zimbic e Sou o Administrador Fundador do Forum."

Olá!

Substitua o código por este:

Código:

<style>
#sld img{
width: 80px;
height: 80px;
border: 1px solid gray;
}
  .tooltip {
    display:none;
    background:transparent url(http://jquerytools.org/media/img/tooltip/black_arrow.png);
    font-size:12px;
    height:70px;
    width:160px;
    padding:25px;
    color:#eee;
font-weight: bold;
  }

#sld img{overflow: auto;width: 100px;height: 100px;border: 1px solid gray;}.tooltip {display:none;background:transparent url(http://jquerytools.org/media/img/tooltip/black_arrow.png);font-size:12px;height:70px;width:160px;padding:25px;color:#eee;font-weight: bold;}#sld {font-size: 12px;}
</style>

<script>
  jQuery(function() {
      jQuery("#sld img[title]").tooltip();
    });
</script>

<script type="text/javascript">
        //<!--
                function change_onglet(name)
                {
                        document.getElementById('onglet_'+anc_onglet).className = 'onglet_0 onglet';
                        document.getElementById('onglet_'+name).className = 'onglet_1 onglet';
                        document.getElementById('contenu_onglet_'+anc_onglet).style.display = 'none';
                        document.getElementById('contenu_onglet_'+name).style.display = 'block';
                        anc_onglet = name;
                }
        //-->
        </script>

  <link rel="stylesheet" type="text/css"
      href="http://jquerytools.org/media/css/scrollable-horizontal.css" />
<link rel="stylesheet" type="text/css"
      href="http://jquerytools.org/media/css/scrollable-buttons.css" />
<script type="text/javascript" src="http://cdn.jquerytools.org/1.2.7/full/jquery.tools.min.js"></script>

<link rel="stylesheet" type="text/css"href="http://jquerytools.org/media/css/scrollable-horizontal.css" /><link rel="stylesheet" type="text/css"href="http://jquerytools.org/media/css/scrollable-buttons.css" /><script type="text/javascript" src="http://cdn.jquerytools.org/1.2.7/full/jquery.tools.min.js"></script>

<script>jQuery(function() {// initialize scrollablejQuery(".scrollable").scrollable();});</script><script>jQuery(function() {jQuery("#sld img[title]").tooltip();});</script><!--
end perso--><div class="gensmall"> <style>
#sld img{
width: 70px;
height: 70px;
border: 1px solid gray;
}
  .tooltip {
    display:none;
    background:transparent url(http://jquerytools.org/media/img/tooltip/black_arrow.png);
    font-size:12px;
    height:70px;
    width:160px;
    padding:25px;
    color:#eee;
font-weight: bold;
  }
</style>

<script>jQuery(function() {// initialize scrollablejQuery(".scrollable").scrollable();});</script><script>jQuery(function() {jQuery("#sld img[title]").tooltip();});</script><!--
end perso--> <style>
#sld img{
width: 80px;
height: 80px;
border: 1px solid gray;
}
  .tooltip {
    display:none;
    background:transparent url(http://jquerytools.org/media/img/tooltip/black_arrow.png);
    font-size:12px;
    height:70px;
    width:160px;
    padding:25px;
    color:#eee;
font-weight: bold;
  }
</style>
  <link rel="stylesheet" type="text/css"
      href="http://jquerytools.org/media/css/scrollable-horizontal.css" />
<link rel="stylesheet" type="text/css"
      href="http://jquerytools.org/media/css/scrollable-buttons.css" />
<script type="text/javascript" src="http://cdn.jquerytools.org/1.2.7/full/jquery.tools.min.js"></script>
<!-- HTML structures -->

<!-- "next page" action -->

<!-- javascript coding -->
<script>
jQuery(function() {
  // initialize scrollable
  jQuery(".scrollable").scrollable();
});
</script>
<script>
  jQuery(function() {
      jQuery("#sld img[title]").tooltip();
    });
</script>

 <div style="margin:0 auto; width: 634px; height:120px;">
<!-- "previous page" action -->
<a class="prev browse left"></a>

<!-- root element for scrollable --><div class="scrollable" id="scrollable">

  <!-- root element for the items -->
  <div class="items">

    <!-- 1-5 -->
    <div id="sld">
      <a href="http://rpgnw.forumeiros.com/u1"><img src="http://i.imgur.com/m9zav.jpg" title="Meu nome é Khaos, eu sou Administrador Fundador." /></a>
      <a href="http://rpgnw.forumeiros.com/u183"><img src="http://fc00.deviantart.net/fs70/f/2011/271/5/d/slipknot_avatar_by_oiiosefyoiio-d4b7tfo.jpg" title="Meu nome é Lupus, eu sou Administrador Sub-Dono." /></a>
      <a href="http://rpgnw.forumeiros.com/u46"><img src="http://i.imgur.com/MvGoG.png"title="Meu nome é Rin, eu sou Administrador Designer." /></a>
      <a href="http://www.narutorpgworld.com/u30"><img src="http://i42.tinypic.com/17fpdz.png" title="Meu nome é Perseu, eu sou Administrador." /></a>
      <a href="http://www.narutorpgworld.com/u72"><img src="http://r25.imgfast.net/users/2516/11/89/64/avatars/72-7.jpg" title="Meu nome é 'Kratos', eu sou Administrador."/></a>
    </div>

    <!-- 5-10 --><div id="sld">
<a href="http://www.narutorpgworld.com/u112"><img src="http://r25.imgfast.net/users/2516/11/89/64/avatars/112-38.jpg" title="Meu nome é Soul, eu sou Administrador." /></a>
    </div>

    <!-- 10-15 -->

  </div>

</div>

<a class="next browse right"></a>
</div></div>

Abraços.

Batmam Obrigado! Topico Resolvido