Slidebar com imagens

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

Resolvido Slidebar com imagens

Mensagem por Pattricia em 26/07/15, 02:59 pm

Olá!
Coloquei o widget de "Slidebar com imagens" e não está funcionando corretamente:



O resultado era para ser este:



O tutorial que segui foi esse: http://ajuda.forumeiros.com/t73793-tutorial-slidebar-com-imagens
Meu fórum: http://winxclubfairies.forumeiros.com/
avatar

Pattricia
Nível 9

Feminino
Inscrito dia : 23/01/2014
Mensagens : 161
Pontos Ativos : 226

Ver perfil do usuário http://winxclubfairies.forumeiros.com/

Resolvido Re: Slidebar com imagens

Mensagem por Pattricia em 27/07/15, 05:19 pm

Up
avatar

Pattricia
Nível 9

Feminino
Inscrito dia : 23/01/2014
Mensagens : 161
Pontos Ativos : 226

Ver perfil do usuário http://winxclubfairies.forumeiros.com/

Resolvido Re: Slidebar com imagens

Mensagem por Sennior em 27/07/15, 05:23 pm

Saudações,

Por gentileza, ative o código em seu fórum?
É bom ver o erro ativo no fórum.

Até mais.
Sennior
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Slidebar com imagens

Mensagem por Pattricia em 27/07/15, 05:25 pm

avatar

Pattricia
Nível 9

Feminino
Inscrito dia : 23/01/2014
Mensagens : 161
Pontos Ativos : 226

Ver perfil do usuário http://winxclubfairies.forumeiros.com/

Resolvido Re: Slidebar com imagens

Mensagem por Rafael em 28/07/15, 09:55 am

Olá!

Pedimos desculpa, mas isso é porquê os códigos responsáveis pela personalização não se encontram mais disponíveis. Como eles trocaram de domínio, o código novo seria esse:

Código:
   
      <link rel="stylesheet" type="text/css"
          href="http://jquerytools.github.io/media/css/scrollable-horizontal.css" />
    <link rel="stylesheet" type="text/css"
          href="http://jquerytools.github.io/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 --><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">

        <!-- grupo 1 -->
        <div>
          <a href="LINK_1"><img src="IMAGEM_1" title="TITULO_1" /></a>
            <a href="LINK_2"><img src="IMAGEM_2" title="TITULO_2" /></a>
        <a href="LINK_3"><img src="IMAGEM_3" title="TITULO_3" /></a>
            <a href="LINK_4"><img src="IMAGEM_4" title="TITULO_4" /></a>
        </div>
    <!--Fim do grupo 1-->
        <!-- grupo 2 -->
        <div>
              <a href="LINK_5"><img src="IMAGEM_5" title="TITULO_5" /></a>
            <a href="LINK_6"><img src="IMAGEM_6" title="TITULO_6" /></a>
      <a href="LINK_7"><img src="IMAGEM_7" title="TITULO_7" /></a>
            <a href="LINK_8"><img src="IMAGEM_8" title="TITULO_8" /></a>
        </div>
    <!--  fim do grupo 2 -->
        <!-- grupo 3 -->
        <div>
                <a href="LINK_9"><img src="IMAGEM_9" title="TITULO_9" /></a>
            <a href="LINK_10"><img src="IMAGEM_10" title="TITULO_10" /></a>
      <a href="LINK_10"><img src="IMAGEM_10" title="TITULO_10" /></a>
            <a href="LINK_10"><img src="IMAGEM_10" title="TITULO_10" /></a>
        </div>
    <!-- fim do grupo 3 -->

    <!-- Adicione aqui mais códigos-->

      </div>

    </div>

    <!-- "next page" action -->
    <a class="next browse right"></a>
    </div>
    <!-- javascript coding -->
    <script>
    jQuery(function() {
      // initialize scrollable
      jQuery(".scrollable").scrollable();
    });
    </script>

Irei me responsabilizar para que o tutorial seja corrigido. Piscada

Atenciosamente.


avatar

Rafael
Hiperativo

Masculino
Inscrito dia : 26/04/2014
Mensagens : 3118
Pontos Ativos : 4029

Ver perfil do usuário http://maisforum.forumeiros.com

Resolvido Re: Slidebar com imagens

Mensagem por Pattricia em 28/07/15, 10:22 am

As setas não estão aparecendo Triste
avatar

Pattricia
Nível 9

Feminino
Inscrito dia : 23/01/2014
Mensagens : 161
Pontos Ativos : 226

Ver perfil do usuário http://winxclubfairies.forumeiros.com/

Resolvido Re: Slidebar com imagens

Mensagem por Rafael em 28/07/15, 10:34 am

Olá!

Troque o código por este, só falta colocar os links Piscada

Código:
     
          <link rel="stylesheet" type="text/css"
              href="http://jquerytools.github.io/media/css/scrollable-horizontal.css" />
        <link rel="stylesheet" type="text/css"
              href="http://jquerytools.github.io/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 --><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">

            <!-- grupo 1 -->
            <div>
              <a href="LINK_1"><img src="http://www.jogosdemeninas123.com/content/icons/winx-club-mermaid-layla-icon-1.jpg" title="TITULO_1" /></a>
                <a href="LINK_2"><img src="http://winxclub-games.com/games/images/kiko_winx_club_adventure.png" title="TITULO_2" /></a>
            <a href="LINK_3"><img src="http://www.bashbang.com/media/images/projects/winxmagixmaze_main.jpg" title="TITULO_3" /></a>
                <a href="LINK_4"><img src="http://www.winxhry.cz/data/attacktomagix.jpg" title="TITULO_4" /></a>
            </div>

        <!-- Adicione aqui mais códigos-->

          </div>

        </div>

        <!-- "next page" action -->
        <a class="next browse right"></a>
        </div>
        <!-- javascript coding -->
        <script>
        jQuery(function() {
          // initialize scrollable
          jQuery(".scrollable").scrollable();
        });
        </script>

Atenciosamente.
avatar

Rafael
Hiperativo

Masculino
Inscrito dia : 26/04/2014
Mensagens : 3118
Pontos Ativos : 4029

Ver perfil do usuário http://maisforum.forumeiros.com

Resolvido Re: Slidebar com imagens

Mensagem por Pattricia em 28/07/15, 10:37 am

Acabo de colocar mais grupos de imagens, assim resolveu. Pode fechar o tópico.
avatar

Pattricia
Nível 9

Feminino
Inscrito dia : 23/01/2014
Mensagens : 161
Pontos Ativos : 226

Ver perfil do usuário http://winxclubfairies.forumeiros.com/

Resolvido Re: Slidebar com imagens

Mensagem por Fraise em 28/07/15, 10:57 am

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.
Tópico marcado como Resolvido e movido para Questões resolvidas.
avatar

Fraise
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 26/06/2015
Mensagens : 5034
Pontos Ativos : 6714

Ver perfil do usuário http://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

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