Slid de membros

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

Resolvido Slid de membros

Mensagem por Shion em 16/05/12, 09:34 am

Qual é minha questão:
Gostaria desse slid como aqui.
http://narutorpgstorm.ultimaterpg.net/forum
http://i.imgur.com/Ifm0K.jpg
confira na imagem

Medidas que eu tomei para corrigir o problema:
--

Links e imagens do meu problema:
http://i.imgur.com/Ifm0K.jpg

Endereço do meu fórum:
http://www.narutorpgakatsuki.com/

Versão do meu fórum:
PUNBB


Última edição por Shion em 16/05/12, 10:37 am, editado 1 vez(es)
avatar

Shion
Usuário destaque

Masculino
Inscrito dia : 25/02/2010
Mensagens : 779
Pontos Ativos : 1123

Ver perfil do usuário http://www.narutorpgakatsuki.com/

Resolvido Re: Slid de membros

Mensagem por Convidad em 16/05/12, 10:29 am

Olá amigão Shion!

Painel de Controle Seta Visualização Seta Home Page Seta Geral Seta e adicione o código abaixo:
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--><table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0"><tr><td class="row1" rowspan="3" align="center" valign="middle"><div class="gensmall"> <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>

<script>jQuery(function() {// initialize scrollablejQuery(".scrollable").scrollable();});</script><script>jQuery(function() {jQuery("#sld img[title]").tooltip();});</script><!--
end perso--><table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0"><tr><td class="row1" rowspan="3" align="center" valign="middle"><div class="gensmall"> <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://narutorpgstorm.ultimaterpg.net/u1"><img src="http://r26.imgfast.net/users/2613/26/71/99/avatars/33146-67.gif" title="Meu nome é MateusV., eu sou Administrador Fundador." /></a>
      <a href="http://narutorpgstorm.ultimaterpg.net/u290"><img src="http://r19.imgfast.net/users/1915/22/31/24/avatars/290-47.png"title="Meu nome é Kentarus, eu sou Administrador avaliador." /></a>
      <a href="http://narutorpgstorm.ultimaterpg.net/u129"><img src="http://i43.servimg.com/u/f43/13/93/68/24/dark10.png" title="Meu nome é Dark, eu sou Administrador Global." /></a>
      <a href="http://narutorpgstorm.ultimaterpg.net/u3"><img src="http://r19.imgfast.net/users/1915/22/31/24/avatars/3-31.png" title="Meu nome é Link, eu sou Administrador."/></a>
    </div>

    <!-- 5-10 -->
    <div id="sld">
    <a href="http://narutorpgstorm.ultimaterpg.net/u110"><img src="http://r19.imgfast.net/users/1915/22/31/24/avatars/110-99.jpg" title="Meu nome é Hysuke, eu sou Moderador Divulgador." /></a>
      <a href="http://narutorpgstorm.ultimaterpg.net/u107"><img src="http://www.webcheats.com.br/forum/customavatars/avatar1625392_1.gif" title="Meu nome é Shon, eu sou Moderador."/></a>
      <a href="http://narutorpgstorm.ultimaterpg.net/u342"><img src="http://i.imgur.com/mdFyM.jpg" title="Meu nome é Seikon, eu sou Avaliador."/></a>
      <a href="http://narutorpgstorm.ultimaterpg.net/u130"><img src="http://img713.imageshack.us/img713/6893/84185703.png" title="Meu nome é Krazz, eu sou OtakuUp."/></a>
    </div>

    <!-- 10-15 -->
 

  </div>

</div>

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

<table border="0" ;=""><tbody><tr><td align="left"><div class="PA_form2" ;=""><font color="white">Novidades</font></div><div class="PA_form1" ;="" width:300px;=""><font color="white">
<br>Nova atualização
<br>Naruto RPG Storm
<br>Versão 3!!</font>
</div>
</td>

Atenciosamente,
Shek

Convidad
Convidado


Resolvido Re: Slid de membros

Mensagem por Shion em 16/05/12, 10:37 am

Funcionou Perfeitamente Obrigado, e tenha um bom dia!
avatar

Shion
Usuário destaque

Masculino
Inscrito dia : 25/02/2010
Mensagens : 779
Pontos Ativos : 1123

Ver perfil do usuário http://www.narutorpgakatsuki.com/

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum