Imagens com Mensagens

4 participantes

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

Tópico resolvido Imagens com Mensagens

Mensagem por APOllO 25.02.15 15:40

Detalhes da dúvida

Versão do fórum : PunBB
Nível de acesso : Administrador
Navegador usado : Google Chrome
Imagem :
Imagem da minha dúvida:

Membros afetados : Todos os membros do fórum
Endereço do fórum : http://www.bplaystories.com/

Descrição do problema

Olá!  Música
Bom eu tava vendo alguns efeitos bons para por no nosso fórum e acabei vendo esse fórum -> http://brasilplaycity.com.br/home vi esses "Anúncios" é gostaria de saber se e possivel por isso em uma pagina HTML ?. Eu tentei achar algum tutorial sobre o assunto é não achei se puder me dar algum tutorial ou mesmo o código de como fazer eu ficaria Muito agradecido Sorrir
APOllO

APOllO
Super Membro

Membro desde : 08/12/2014
Mensagens : 1104
Pontos : 1529

http://suportedesign.forumeiros.com

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Imagens com Mensagens

Mensagem por Konai 25.02.15 18:29

Saudações!

Aceda à: Painel de Controle >> Visualização >> Página inicial >> Geral >>> Em "conteúdo da mensagem" adicione o código abaixo
Código:
<script src="http://brasilplaycity.com.br/assets/js/jquery.bxslider/jquery.bxslider.js"></script>
<link href="http://brasilplaycity.com.br/assets/js/jquery.bxslider/jquery.bxslider.css" rel="stylesheet" type="text/css">
<script type="text/javascript">
   $(document).ready(function(){
      $('.bxslider').bxSlider({
         slideWidth: 1110,
         pager: false,
         captions: true,
         auto: true,
         autoHover: true,
         easing: 'linear'
      });
   });
</script>
<div class="slider-news">
   <div class="bx-wrapper" style="max-width: 1110px; margin: 0px auto;"><div class="bx-viewport" style="width: 100%; overflow: hidden; position: relative; height: 200px;"><ul class="bxslider" style="width: 515%; position: relative; -webkit-transition-timing-function: linear; transition-timing-function: linear; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transform: translate3d(-4480px, 0px, 0px);"><li style="float: left; list-style: none; position: relative; width: 1110px;" class="bx-clone"><img src="http://brasilplaycity.com.br/assets/img/slider/slider-03.jpg" alt="Seja um magnata do servidor, tenha os melhores carros, casas, empresas e fazendas."><div class="bx-caption"><span>Seja um magnata do servidor, tenha os melhores carros, casas, empresas e fazendas.</span></div></li>
     <li style="float: left; list-style: none; position: relative; width: 1110px;"><img src="http://brasilplaycity.com.br/assets/img/slider/slider-01.jpg" alt="O Game Mode mais completo entre os servidores de SA-MP no Brasil. Mapeamento e sistemas exclusivos, HQs renovadas, totalmente RPGs. Você vai se suspreender!"><div class="bx-caption"><span>O Game Mode mais completo entre os servidores de SA-MP no Brasil. Mapeamento e sistemas exclusivos, HQs renovadas, totalmente RPGs. Você vai se suspreender!</span></div></li>
     <li style="float: left; list-style: none; position: relative; width: 1110px;"><img src="http://brasilplaycity.com.br/assets/img/slider/slider-02.jpg" alt="Para saber todos os benefícios das contas VIPs e SUPER VIPs do servidor, acesse nosso <a href='http://brasilplaycity.com.br/forum/' target='_blank'>Fórum</a> e se informe!"><div class="bx-caption"><span>Para saber todos os benefícios das contas VIPs e SUPER VIPs do servidor, acesse nosso <a href="http://brasilplaycity.com.br/forum/" target="_blank">Fórum</a> e se informe!</span></div></li>
     <li style="float: left; list-style: none; position: relative; width: 1110px;"><img src="http://brasilplaycity.com.br/assets/img/slider/slider-03.jpg" alt="Seja um magnata do servidor, tenha os melhores carros, casas, empresas e fazendas."><div class="bx-caption"><span>Seja um magnata do servidor, tenha os melhores carros, casas, empresas e fazendas.</span></div></li>
   <li style="float: left; list-style: none; position: relative; width: 1110px;" class="bx-clone"><img src="http://brasilplaycity.com.br/assets/img/slider/slider-01.jpg" alt="O Game Mode mais completo entre os servidores de SA-MP no Brasil. Mapeamento e sistemas exclusivos, HQs renovadas, totalmente RPGs. Você vai se suspreender!"><div class="bx-caption"><span>O Game Mode mais completo entre os servidores de SA-MP no Brasil. Mapeamento e sistemas exclusivos, HQs renovadas, totalmente RPGs. Você vai se suspreender!</span></div></li></ul></div><div class="bx-controls bx-has-controls-direction"><div class="bx-controls-direction"><a class="bx-prev" href="">Prev</a><a class="bx-next" href="">Next</a></div></div></div>
</div>

Até! Muito feliz
Konai

Konai
Membro Entusiasta
Membro Entusiasta

Membro desde : 07/08/2010
Mensagens : 6045
Pontos : 7550

http://narutongo.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Imagens com Mensagens

Mensagem por APOllO 26.02.15 1:43

Muito Bom cara! OK só tem uma Problema! ele não passa de imagem fica parado só em uma =/ e quando aperto nas Setinhas ( < | > ) ele regarega a pagina Louco Se possivel tem como você da 1 espiadinha lá no fórum para ver e poder arrumar Por Favor.
APOllO

APOllO
Super Membro

Membro desde : 08/12/2014
Mensagens : 1104
Pontos : 1529

http://suportedesign.forumeiros.com

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Imagens com Mensagens

Mensagem por Konai 26.02.15 2:05

Saudações!

Implemente este código no início da tua CSS(Painel de Controle >> Visualização >> Imagens e Cores >> Cores >>> Folha de estilo CSS):
Código:
   /* -- NEWS -- */

      .news{
         width: 700px;
         margin-left: 10px;
         margin-top: 50px;
      }

      .news-title{
         background-color: #7a9d42;
         color: #FFF;
         text-transform: uppercase;
         margin-top: 20px;
         font: 25pt Impact, fantasy;
         text-align: center;
         width: 100%;
      }

      .notice{
         padding: 10px 20px 30px 20px;
         margin-bottom: 10px;
         border-bottom: 4px solid #7a9d42;
         border-top: 4px solid #7a9d42;
         border-left: 1px solid #7a9d42;
         border-right: 1px solid #7a9d42;
         border-radius: 4px;
         border-top-right-radius: 0px;
         border-top-left-radius: 0px;
      }

      .notice img{
         max-width: 530px;
      }

      .title{
         width: 100%;
         font-size: 18px;
         text-transform: uppercase;
         height: 30px;
         line-height: 30px;
         border-bottom: 2px solid #7a9d42;
      }

      .new_control{
         line-height: 20px;
         color: #333;
         font-size: 10px;
         text-decoration: none;
      }

      .new_footer{
         margin-top: 10px;
      }

      .new_end{
         box-shadow: 0px -4px 10px #FFF;
         width: 664px;
         margin-left: -10px;
         height: 10px;
         position: absolute;
      }

      .new_control:hover{
         color: #7a9d42;
         cursor: pointer;
      }

      .notice-content{
         max-height: 200px;
         overflow: hidden;
      }

      .notice-content a{
         color: #333;
         font-size: 10px;
         text-decoration: none;
      }

      .notice-content a:hover{
         color: #7a9d42;
      }

      .post{
         padding-right: 10px;
         font-size: 8px;
         text-transform: uppercase;
         float: right;
         color: #777;
      }

      .bx-viewport{
         border-top: 0px solid #7a9d42 !important;
         border-bottom: 4px solid #7a9d42 !important;
         border-left: 0px solid #7a9d42 !important;
         border-right: 0px solid #7a9d42 !important;
      }

      .bxslider li{
         margin-top: -13px !important;
      }

      .bxslider{
         margin-top: 13px !important;
      }

      .slider-news{
         z-index: 10000;
         width: 1110px;
      }

      .bx-wrapper .bx-viewport{
         left: 0px !important;
         box-shadow: none !important;
      }

      .slider-shadow{
         position: absolute;
         width:441px;
         height: 70px;
         background-image: url('http://brasilplaycity.com.br/assets/img/slider/shadow-left.png');
      }

      .right{
         background-image: url('http://brasilplaycity.com.br/assets/img/slider/shadow-right.png');
         position: relative;
         float: right;
      }

   /* -- /NEWS -- */

E substitua o código fornecido anteriormente por este:
Código:
<script src="http://brasilplaycity.com.br/assets/js/jquery.bxslider/jquery.bxslider.js"></script>
<link href="http://brasilplaycity.com.br/assets/js/jquery.bxslider/jquery.bxslider.css" rel="stylesheet" type="text/css">
<script type="text/javascript">
   $(document).ready(function(){
      $('.bxslider').bxSlider({
         slideWidth: 1110,
         pager: false,
         captions: true,
         auto: true,
         autoHover: true,
         easing: 'linear'
      });
   });
</script>
<div class="slider-news">
   <div class="bx-wrapper" style="max-width: 1110px; margin: 0px auto;"><div class="bx-viewport" style="width: 100%; overflow: hidden; position: relative; height: 200px;"><ul class="bxslider" style="width: 515%; position: relative; -webkit-transition-timing-function: linear; transition-timing-function: linear; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transform: translate3d(-3370px, 0px, 0px);"><li style="float: left; list-style: none; position: relative; width: 1110px;" class="bx-clone"><img src="http://brasilplaycity.com.br/assets/img/slider/slider-03.jpg" alt="Seja um magnata do servidor, tenha os melhores carros, casas, empresas e fazendas."><div class="bx-caption"><span>Seja um magnata do servidor, tenha os melhores carros, casas, empresas e fazendas.</span></div></li>
     <li style="float: left; list-style: none; position: relative; width: 1110px;"><img src="http://brasilplaycity.com.br/assets/img/slider/slider-01.jpg" alt="O Game Mode mais completo entre os servidores de SA-MP no Brasil. Mapeamento e sistemas exclusivos, HQs renovadas, totalmente RPGs. Você vai se suspreender!"><div class="bx-caption"><span>O Game Mode mais completo entre os servidores de SA-MP no Brasil. Mapeamento e sistemas exclusivos, HQs renovadas, totalmente RPGs. Você vai se suspreender!</span></div></li>
     <li style="float: left; list-style: none; position: relative; width: 1110px;"><img src="http://brasilplaycity.com.br/assets/img/slider/slider-02.jpg" alt="Para saber todos os benefícios das contas VIPs e SUPER VIPs do servidor, acesse nosso <a href='http://www.bplaystories.com/forum' target='_blank'>Fórum</a> e se informe!"><div class="bx-caption"><span>Para saber todos os benefícios das contas VIPs e SUPER VIPs do servidor, acesse nosso <a href="http://www.bplaystories.com/forum" target="_blank">Fórum</a> e se informe!</span></div></li>
     <li style="float: left; list-style: none; position: relative; width: 1110px;"><img src="http://brasilplaycity.com.br/assets/img/slider/slider-03.jpg" alt="Seja um magnata do servidor, tenha os melhores carros, casas, empresas e fazendas."><div class="bx-caption"><span>Seja um magnata do servidor, tenha os melhores carros, casas, empresas e fazendas.</span></div></li>
   <li style="float: left; list-style: none; position: relative; width: 1110px;" class="bx-clone"><img src="http://brasilplaycity.com.br/assets/img/slider/slider-01.jpg" alt="O Game Mode mais completo entre os servidores de SA-MP no Brasil. Mapeamento e sistemas exclusivos, HQs renovadas, totalmente RPGs. Você vai se suspreender!"><div class="bx-caption"><span>O Game Mode mais completo entre os servidores de SA-MP no Brasil. Mapeamento e sistemas exclusivos, HQs renovadas, totalmente RPGs. Você vai se suspreender!</span></div></li></ul></div><div class="bx-controls bx-has-controls-direction"><div class="bx-controls-direction"><a class="bx-prev" href="">Prev</a><a class="bx-next" href="">Next</a></div></div></div>
</div>
<div>
   <div class="slider-shadow"></div>
   <div class="slider-shadow right"></div>
</div>

Até! Muito feliz
Konai

Konai
Membro Entusiasta
Membro Entusiasta

Membro desde : 07/08/2010
Mensagens : 6045
Pontos : 7550

http://narutongo.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Imagens com Mensagens

Mensagem por APOllO 26.02.15 12:41

Olá, amigo sem efeito nenhum, puis no inicio da CSS tentei apagar os espaços entre os códigos e a margem colocar no final, troquei o código da pagina inicial mais sem nenhum efeito.
APOllO

APOllO
Super Membro

Membro desde : 08/12/2014
Mensagens : 1104
Pontos : 1529

http://suportedesign.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Imagens com Mensagens

Mensagem por EuficoLoko 27.02.15 20:25

Boa noite!

Ups são em 24 e/ou 48 horas, portanto, não fique fazendo de vinte em vinte minutos praticamente.


Troque o código por esse:
Código:

<script src="http://brasilplaycity.com.br/assets/js/jquery.bxslider/jquery.bxslider.js"></script>
<link href="http://brasilplaycity.com.br/assets/js/jquery.bxslider/jquery.bxslider.css" rel="stylesheet" type="text/css">
<script type="text/javascript">
  $(document).ready(function(){
      $('.bxslider').bxSlider({
        slideWidth: 1110,
        pager: false,
        captions: true,
        auto: true,
        autoHover: true,
        easing: 'linear'
      });
  });
</script>
<div class="slider-news">
  <div class="bx-wrapper" style="max-width: 1110px; margin: 0px auto;"><div class="bx-viewport" style="width: 100%; overflow: hidden; position: relative; height: 200px;"><ul class="bxslider" style="width: 515%; position: relative; -webkit-transition-timing-function: linear; transition-timing-function: linear; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transform: translate3d(-3370px, 0px, 0px);"><li style="float: left; list-style: none; position: relative; width: 1110px;" class="bx-clone"><img src="http://brasilplaycity.com.br/assets/img/slider/slider-03.jpg" alt="Seja um magnata do servidor, tenha os melhores carros, casas, empresas e fazendas."><div class="bx-caption"><span>Seja um magnata do servidor, tenha os melhores carros, casas, empresas e fazendas.</span></div></li>
    <li style="float: left; list-style: none; position: relative; width: 1110px;"><img src="http://brasilplaycity.com.br/assets/img/slider/slider-01.jpg" alt="O Game Mode mais completo entre os servidores de SA-MP no Brasil. Mapeamento e sistemas exclusivos, HQs renovadas, totalmente RPGs. Você vai se suspreender!"><div class="bx-caption"><span>O Game Mode mais completo entre os servidores de SA-MP no Brasil. Mapeamento e sistemas exclusivos, HQs renovadas, totalmente RPGs. Você vai se suspreender!</span></div></li>
    <li style="float: left; list-style: none; position: relative; width: 1110px;"><img src="http://brasilplaycity.com.br/assets/img/slider/slider-02.jpg" alt="Para saber todos os benefícios das contas VIPs e SUPER VIPs do servidor, acesse nosso <a href='http://www.bplaystories.com/forum' target='_blank'>Fórum</a> e se informe!"><div class="bx-caption"><span>Para saber todos os benefícios das contas VIPs e SUPER VIPs do servidor, acesse nosso <a href="http://www.bplaystories.com/forum" target="_blank">Fórum</a> e se informe!</span></div></li>
    <li style="float: left; list-style: none; position: relative; width: 1110px;"><img src="http://brasilplaycity.com.br/assets/img/slider/slider-03.jpg" alt="Seja um magnata do servidor, tenha os melhores carros, casas, empresas e fazendas."><div class="bx-caption"><span>Seja um magnata do servidor, tenha os melhores carros, casas, empresas e fazendas.</span></div></li>
  <li style="float: left; list-style: none; position: relative; width: 1110px;" class="bx-clone"><img src="http://brasilplaycity.com.br/assets/img/slider/slider-01.jpg" alt="O Game Mode mais completo entre os servidores de SA-MP no Brasil. Mapeamento e sistemas exclusivos, HQs renovadas, totalmente RPGs. Você vai se suspreender!"><div class="bx-caption"><span>O Game Mode mais completo entre os servidores de SA-MP no Brasil. Mapeamento e sistemas exclusivos, HQs renovadas, totalmente RPGs. Você vai se suspreender!</span></div></li></ul></div><div class="bx-controls bx-has-controls-direction"><div class="bx-controls-direction"><a class="bx-prev" href="">Prev</a><a class="bx-next" href="">Next</a></div></div></div>
</div>
<div>
  <div class="slider-shadow"></div>
  <div class="slider-shadow right"></div>
</div>
   
      <script>

         $(function() {



         //Datepicker

         $('.datepicker').datepicker();



         //Alert

         


         });



         window.onload = function() {

         var images_banner = new Array (



         '<img height="200" src="http://brasilplaycity.com.br/assets/img/banner/1.jpg" width="1100" />',

         '<img height="200" src="http://brasilplaycity.com.br/assets/img/banner/2.jpg" width="1100" />',

         '<img height="200" src="http://brasilplaycity.com.br/assets/img/banner/3.jpg" width="1100" />'

         );



         var i = Math.random();

         var tamanho=images_banner.length;

         i=Math.floor(i*tamanho);

         document.getElementById("rotator").innerHTML = images_banner[i];

         }

       </script>
Mantenha o CSS.

EuficoLoko

EuficoLoko
Membro

Membro desde : 12/01/2015
Mensagens : 996
Pontos : 1286

http://lokoscripts.forumeiros.com/ https://www.facebook.com/people/Eufico-Forumeiros/10000903544610

Ir para o topo Ir para baixo

Tópico resolvido Re: Imagens com Mensagens

Mensagem por APOllO 27.02.15 20:56

Olá!
Perdão pelos ups em 1 curto tempo.
Então não teve efeito nenhum, troquei o código por esse que você passou mais não teve efeito. Não
esqueci de falar mais a css que o @Hakuouki me passou pra por o inicio da folha bugo os perfis nos posts: https://i.imgur.com/vf3KJjE.png Triste
APOllO

APOllO
Super Membro

Membro desde : 08/12/2014
Mensagens : 1104
Pontos : 1529

http://suportedesign.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Imagens com Mensagens

Mensagem por EuficoLoko 27.02.15 21:27

Olá!

Então delete tudo que lhe foi passado neste tópico. Crie uma nova página HTML, com esse código:
Código:
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script><style>  /* -- NEWS -- */
      .news{
        width: 700px;
        margin-left: 10px;
        margin-top: 50px;
      }

      .news-title{
        background-color: #7a9d42;
        color: #FFF;
        text-transform: uppercase;
        margin-top: 20px;
        font: 25pt Impact, fantasy;
        text-align: center;
        width: 100%;
      }

      .notice{
        padding: 10px 20px 30px 20px;
        margin-bottom: 10px;
        border-bottom: 4px solid #7a9d42;
        border-top: 4px solid #7a9d42;
        border-left: 1px solid #7a9d42;
        border-right: 1px solid #7a9d42;
        border-radius: 4px;
        border-top-right-radius: 0px;
        border-top-left-radius: 0px;
      }

      .notice img{
        max-width: 530px;
      }

      .title{
        width: 100%;
        font-size: 18px;
        text-transform: uppercase;
        height: 30px;
        line-height: 30px;
        border-bottom: 2px solid #7a9d42;
      }

      .new_control{
        line-height: 20px;
        color: #333;
        font-size: 10px;
        text-decoration: none;
      }

      .new_footer{
        margin-top: 10px;
      }

      .new_end{
        box-shadow: 0px -4px 10px #FFF;
        width: 664px;
        margin-left: -10px;
        height: 10px;
        position: absolute;
      }

      .new_control:hover{
        color: #7a9d42;
        cursor: pointer;
      }

      .notice-content{
        max-height: 200px;
        overflow: hidden;
      }

      .notice-content a{
        color: #333;
        font-size: 10px;
        text-decoration: none;
      }

      .notice-content a:hover{
        color: #7a9d42;
      }

      .post{
        padding-right: 10px;
        font-size: 8px;
        text-transform: uppercase;
        float: right;
        color: #777;
      }

      .bx-viewport{
        border-top: 0px solid #7a9d42 !important;
        border-bottom: 4px solid #7a9d42 !important;
        border-left: 0px solid #7a9d42 !important;
        border-right: 0px solid #7a9d42 !important;
      }

      .bxslider li{
        margin-top: -13px !important;
      }

      .bxslider{
        margin-top: 13px !important;
      }

      .slider-news{
        z-index: 10000;
        width: 1110px;
      }

      .bx-wrapper .bx-viewport{
        left: 0px !important;
        box-shadow: none !important;
      }

      .slider-shadow{
        position: absolute;
        width:441px;
        height: 70px;
        background-image: url('http://brasilplaycity.com.br/assets/img/slider/shadow-left.png');
      }

      .right{
        background-image: url('http://brasilplaycity.com.br/assets/img/slider/shadow-right.png');
        position: relative;
        float: right;
      }

  /* -- /NEWS -- */</style>

<script src="http://brasilplaycity.com.br/assets/js/jquery.bxslider/jquery.bxslider.js"></script>
<link href="http://brasilplaycity.com.br/assets/js/jquery.bxslider/jquery.bxslider.css" rel="stylesheet" type="text/css">
<script type="text/javascript">
  $(document).ready(function(){
      $('.bxslider').bxSlider({
        slideWidth: 1110,
        pager: false,
        captions: true,
        auto: true,
        autoHover: true,
        easing: 'linear'
      });
  });
</script><div class="slider-news">
  <div class="bx-wrapper" style="max-width: 1110px; margin: 0px auto;"><div class="bx-viewport" style="width: 100%; overflow: hidden; position: relative; height: 200px;"><ul class="bxslider" style="width: 515%; position: relative; -webkit-transition-timing-function: linear; transition-timing-function: linear; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transform: translate3d(-3370px, 0px, 0px);"><li style="float: left; list-style: none; position: relative; width: 1110px;" class="bx-clone"><img src="http://brasilplaycity.com.br/assets/img/slider/slider-03.jpg" alt="Seja um magnata do servidor, tenha os melhores carros, casas, empresas e fazendas."><div class="bx-caption"><span>Seja um magnata do servidor, tenha os melhores carros, casas, empresas e fazendas.</span></div></li>
    <li style="float: left; list-style: none; position: relative; width: 1110px;"><img src="http://brasilplaycity.com.br/assets/img/slider/slider-01.jpg" alt="O Game Mode mais completo entre os servidores de SA-MP no Brasil. Mapeamento e sistemas exclusivos, HQs renovadas, totalmente RPGs. Você vai se suspreender!"><div class="bx-caption"><span>O Game Mode mais completo entre os servidores de SA-MP no Brasil. Mapeamento e sistemas exclusivos, HQs renovadas, totalmente RPGs. Você vai se suspreender!</span></div></li>
    <li style="float: left; list-style: none; position: relative; width: 1110px;"><img src="http://brasilplaycity.com.br/assets/img/slider/slider-02.jpg" alt="Para saber todos os benefícios das contas VIPs e SUPER VIPs do servidor, acesse nosso <a href='http://www.bplaystories.com/forum' target='_blank'>Fórum</a> e se informe!"><div class="bx-caption"><span>Para saber todos os benefícios das contas VIPs e SUPER VIPs do servidor, acesse nosso <a href="http://www.bplaystories.com/forum" target="_blank">Fórum</a> e se informe!</span></div></li>
    <li style="float: left; list-style: none; position: relative; width: 1110px;"><img src="http://brasilplaycity.com.br/assets/img/slider/slider-03.jpg" alt="Seja um magnata do servidor, tenha os melhores carros, casas, empresas e fazendas."><div class="bx-caption"><span>Seja um magnata do servidor, tenha os melhores carros, casas, empresas e fazendas.</span></div></li>
  <li style="float: left; list-style: none; position: relative; width: 1110px;" class="bx-clone"><img src="http://brasilplaycity.com.br/assets/img/slider/slider-01.jpg" alt="O Game Mode mais completo entre os servidores de SA-MP no Brasil. Mapeamento e sistemas exclusivos, HQs renovadas, totalmente RPGs. Você vai se suspreender!"><div class="bx-caption"><span>O Game Mode mais completo entre os servidores de SA-MP no Brasil. Mapeamento e sistemas exclusivos, HQs renovadas, totalmente RPGs. Você vai se suspreender!</span></div></li></ul></div><div class="bx-controls bx-has-controls-direction"><div class="bx-controls-direction"><a class="bx-prev" href="">Prev</a><a class="bx-next" href="">Next</a></div></div></div>
</div><div>
  <div class="slider-shadow"></div>
  <div class="slider-shadow right"></div>
</div>
   
      <script>

         $(function() {



         //Datepicker

         $('.datepicker').datepicker();



         //Alert

         


         });



         window.onload = function() {

         var images_banner = new Array (



         '<img height="200" src="http://brasilplaycity.com.br/assets/img/banner/1.jpg" width="1100" />',

         '<img height="200" src="http://brasilplaycity.com.br/assets/img/banner/2.jpg" width="1100" />',

         '<img height="200" src="http://brasilplaycity.com.br/assets/img/banner/3.jpg" width="1100" />'

         );



         var i = Math.random();

         var tamanho=images_banner.length;

         i=Math.floor(i*tamanho);

         document.getElementById("rotator").innerHTML = images_banner[i];

         }

       </script>

Salve! Me mande a url da página HTML.
Ou faça esse processo:
Painel - Visualização - Geral - Página Inicial:
Código:
<iframe src="/hN-" style="width: auto;height: auto'></iframe>
Procure por 'N', troque pelo número da sua página HTML.
EuficoLoko

EuficoLoko
Membro

Membro desde : 12/01/2015
Mensagens : 996
Pontos : 1286

http://lokoscripts.forumeiros.com/ https://www.facebook.com/people/Eufico-Forumeiros/10000903544610

Ir para o topo Ir para baixo

Tópico resolvido Re: Imagens com Mensagens

Mensagem por APOllO 27.02.15 22:15

Olá!
O numero e /h1
O lado bom e que ta funcionando é ela tão pasando Feliz
O lado ruim e que a pagina fico minuscula num canto apertado huh
APOllO

APOllO
Super Membro

Membro desde : 08/12/2014
Mensagens : 1104
Pontos : 1529

http://suportedesign.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Imagens com Mensagens

Mensagem por EuficoLoko 27.02.15 22:20

Olá!

Na sua página HTML, clique em configurar. Editar
Deixe as configurações nesta forma:
http://prntscr.com/6ao8nh

E o iframe, troque por:
Código:
<iframe src="/hN-" style="width: 100%;height: 300px'></iframe>
Procure por '300', vá aumentando para definir a largura.
EuficoLoko

EuficoLoko
Membro

Membro desde : 12/01/2015
Mensagens : 996
Pontos : 1286

http://lokoscripts.forumeiros.com/ https://www.facebook.com/people/Eufico-Forumeiros/10000903544610

Ir para o topo Ir para baixo

Tópico resolvido Re: Imagens com Mensagens

Mensagem por APOllO 27.02.15 22:39

ola!
ja estava na quela configuração

meu deus eu almentei mais fica fica 1 monteeeeeeee de pagina uma dentro da outra http://www.bplaystories.com/ não to conseguindo chegar ao painel de controle! e a gora velho? -_-
APOllO

APOllO
Super Membro

Membro desde : 08/12/2014
Mensagens : 1104
Pontos : 1529

http://suportedesign.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Imagens com Mensagens

Mensagem por EuficoLoko 27.02.15 22:49

E que o senhor não trocou o N pelo número.. Abaixo já preenchido:
Código:
<iframe src="/h1-" style="width: 100%;height: 300px'></iframe>
E o painel, também pode-se acessar por:
http://www.bplaystories.com/admin/
EuficoLoko

EuficoLoko
Membro

Membro desde : 12/01/2015
Mensagens : 996
Pontos : 1286

http://lokoscripts.forumeiros.com/ https://www.facebook.com/people/Eufico-Forumeiros/10000903544610

Ir para o topo Ir para baixo

Tópico resolvido Re: Imagens com Mensagens

Mensagem por APOllO 28.02.15 3:55

Blz olha os meus passos:

Add o código:
Código:
<iframe src="/h1-" style="width: 100%;height: 300px'></iframe>

Imagens com Mensagens 44PcD4W

Salvo visualizo a pagina e ela esta assim:

Imagens com Mensagens KBxJnDW

E fica 2 paginas!

Volto em Visualização -> Pagina Inicial -> Geral

para arrumar o código e ele desaparece '-' normal ?

Imagens com Mensagens 6Pd4CUj

enfim, tem como tirar esse "bug" da 2 paginas ?
APOllO

APOllO
Super Membro

Membro desde : 08/12/2014
Mensagens : 1104
Pontos : 1529

http://suportedesign.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Imagens com Mensagens

Mensagem por APOllO 01.03.15 21:09

Não iremos mais usar esse efeito podem
@fechar
APOllO

APOllO
Super Membro

Membro desde : 08/12/2014
Mensagens : 1104
Pontos : 1529

http://suportedesign.forumeiros.com

Ir para o topo Ir para baixo

Principal Contribuidor

Tópico resolvido Re: Imagens com Mensagens

Mensagem por Sennior 01.03.15 21:11

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.
Tópico marcado como Resolvido e movido para Questões resolvidas.
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

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

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