Fórum grátis: ajuda e atendimento ao utilizador Forumeiros.com

Slid de menbros

4 participantes

Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre HTML e BBCode

Ir para baixo

Tópico resolvido Slid de menbros

Mensagem por Marcelinhojjp 16.05.12 21:20

Qual é minha questão:
QUERO UM CODIGO PRA COLOKAR NO INICIO DO FORUM
SLID DE MENBRO PARA VERSAO PHPBB3 ME \AJUDEM

Medidas que eu tomei para corrigir o problema:
AJUDA AEW GENTE

Links e imagens do meu problema:


Endereço do meu fórum:
http://globaltk.portalexpert.com/

Versão do meu fórum:
PHPBB3


Última edição por Marcelinhojjp em 17.05.12 23:06, editado 1 vez(es)
Marcelinhojjp
Marcelinhojjp
***

Membro desde : 24/04/2012
Mensagens : 141
Pontos : 224

http://globaltk.forumbrasil.net/

Ir para o topo Ir para baixo

Tópico resolvido Re: Slid de menbros

Mensagem por MateusV. 16.05.12 22:26

Olá, poderia ser mais especifico quanto sua questão?

Melhores cumprimentos. Piscada
MateusV.
MateusV.
Membro Entusiasta

Membro desde : 30/10/2011
Mensagens : 7017
Pontos : 9284

http://mateusv.site11.com/gerador2.html

Ir para o topo Ir para baixo

Tópico resolvido Re: Slid de menbros

Mensagem por Sennior 16.05.12 22:36

Olá amigo!
Aceda em
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>

Edite como queres.

Atenciosamente,
House
Sennior
Sennior
Principal Contribuidor
Principal Contribuidor

Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Ir para o topo Ir para baixo

Tópico resolvido Re: Slid de menbros

Mensagem por Marcelinhojjp 17.05.12 21:16

House colokei o codigo mais fikou tudo grande
os foruns sub categorias aumento tudo fikou imenso
Marcelinhojjp
Marcelinhojjp
***

Membro desde : 24/04/2012
Mensagens : 141
Pontos : 224

http://globaltk.forumbrasil.net/

Ir para o topo Ir para baixo

Tópico resolvido Re: Slid de menbros

Mensagem por ~Fly 17.05.12 21:23

Amigo tente este código :

Painel de Controle Seta Visualização Seta Home Page Seta Geral

e adicione o código abaixo:

<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="https://2img.net/u/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="https://2img.net/u/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="https://i.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="https://2img.net/u/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="https://2img.net/u/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="https://i.imgur.com/mdFyM.jpg" title="Meu nome é Seikon, eu sou Avaliador."/></a>
<a href="http://narutorpgstorm.ultimaterpg.net/u130"><img src="https://2img.net/r/ihimizer/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>


Amigo, ai você edita a seu gosto.
~Fly
~Fly
Membro

Membro desde : 26/12/2011
Mensagens : 699
Pontos : 1020

http://mundosilenciosorpg.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Slid de menbros

Mensagem por Marcelinhojjp 17.05.12 21:31

ainda fikou Grande d+
Marcelinhojjp
Marcelinhojjp
***

Membro desde : 24/04/2012
Mensagens : 141
Pontos : 224

http://globaltk.forumbrasil.net/

Ir para o topo Ir para baixo

Tópico resolvido Re: Slid de menbros

Mensagem por ~Fly 17.05.12 21:41

Amigo, edite o slide do seu jeito.

Vai ter uma parte que vai ter como mudar.
~Fly
~Fly
Membro

Membro desde : 26/12/2011
Mensagens : 699
Pontos : 1020

http://mundosilenciosorpg.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Slid de menbros

Mensagem por Convidad 17.05.12 21:48

Olá Marcelinho!

O senhor poderia nos apresentar uma imagem de como ficou o resultado em seu fórum?

Atenciosamente,
Shek
Anonymous
Convidad
Convidado


Ir para o topo Ir para baixo

Tópico resolvido Re: Slid de menbros

Mensagem por Marcelinhojjp 17.05.12 23:06

deixa problema resolvido
Marcelinhojjp
Marcelinhojjp
***

Membro desde : 24/04/2012
Mensagens : 141
Pontos : 224

http://globaltk.forumbrasil.net/

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre HTML e BBCode

 
Permissões neste sub-fórum
Não podes responder a tópicos