Estou com um Problema no código HTML da minha Table

2 participantes

Ir para baixo

Tópico resolvido Estou com um Problema no código HTML da minha Table

Mensagem por Allenkar_ 23.01.17 3:28

Detalhes da questão


Endereço do fórum: poke-mind.forumeiros.com
Versão do fórum: PhpBB3

Descrição


Bom, estou usando o seguinte codigo:
Código:
<div id="tablon-cuerpo">
                                                                          
   <div id="tablon-caja">
                                                                                   
      <div id="tablon-tit">
                                                   Tópicos Recentes                                       
      </div>
                                                                                 
      <div id="micontenedor">
                                                                                                                                                                                                                                                                                                                                                                
      </div>
                                                                               
   </div>
                                                                          
   <div id="tablon-caja">
                                                                                   
      <div id="tablon-tit">
                                                   Trama do RPG                                       
      </div>
                                                                                 
      <div style="background: url('https://play.pokemonshowdown.com/sprites/xyani/cosmoem.gif')center" id="img-amb">
                                                                                  
      </div>
                                                                             
      <div id="txt-amb">
                                               Em Construção                                   
      </div>
                                                                         
   </div>
                                                                          
   <div id="tablon-caja1">
                                                                                   
      <div id="tablon-tit">
                                             Hall da Fama                                       
      </div>
                                            <img title="Champion" src="https://placeholdit.imgix.net/~text?txtsize=8&txt=64%C3%9776&w=64&h=76" /><img title="Champion" src="https://placeholdit.imgix.net/~text?txtsize=8&txt=64%C3%9776&w=64&h=76" /><img title="Champion" src="https://placeholdit.imgix.net/~text?txtsize=8&txt=64%C3%9776&w=64&h=76" /><img title="Champion" src="https://placeholdit.imgix.net/~text?txtsize=8&txt=64%C3%9776&w=64&h=76" />                                 
   </div>
                                                                          
   <div id="tablon-caja">
                                                                                   
      <div id="tablon-tit">
                                                   Profissões                                       
      </div>
                                                                       
      <div style="text-align: center;">
                                                                      
         <center>
                                            <script language="javascript">

function VecImagenes()
  {
    n=0;
    this[n++]="http://i.imgur.com/F0Oyawl.png";
    this[n++]="http://i.imgur.com/5DyOTxT.png";
    this[n++]="http://i.imgur.com/cIFKciF.png";
    this[n++]="http://i.imgur.com/xbYwkOw.png";
    this[n++]="http://i.imgur.com/6A14Fix.png";
    this.N=n;
    }
    var Imagenes=new VecImagenes();
    src= Imagenes[ Math.floor(Math.random() * Imagenes.N) ] ;
    document.write("<img src="+src+" align=center>");

</script>                                 
         </center>
                                                                        
      </div>
                                                                   
   </div>
                                                                          
   <div id="tablon-caja">
                                                                                   
      <div id="tablon-tit">
                                                   Censo de Profissões                                       
      </div>
                                                                       
      <div id="gr1">
                                       00                           
      </div>
                                                           
      <div id="gr2">
                                       00                           
      </div>
                                                           
      <div id="gr3">
                                       00                           
      </div>
                                                           
      <div id="gr4">
                                       00                           
      </div>
                                                           
      <div id="gr5">
                                       00                           
      </div>
                                                           
      <div id="gr6">
                                       01                           
      </div>
                                                                   
   </div>
                                                                          
   <div id="tablon-caja">
                                                                                   
      <div id="tablon-tit">
                                                   Novidades                                     
      </div>
                                                                     
      <div id="txt-nove">
                                                                  
         <div id="nove-fech">
                                            01/01                             
         </div>
                                                                    
         <div id="nove">
                                            <a href="https://chat.whatsapp.com/JqiN7BcnnWH1OEY16hEaWx">Entre no Grupo do Whatsapp!!!</a>                           
         </div>
                                                                    
         <div id="nove-fech">
                                            01/01                             
         </div>
                                                                    
         <div id="nove">
                                            <a href="http://poke-mind.forumeiros.com/t77-evento-de-ano-novo">Evento de Ano Novo</a>                           
         </div>
                                                                    
         <div id="nove-fech">
                                            01/01                             
         </div>
                                                                    
         <div id="nove">
                                            <a href="http://poke-mind.forumeiros.com/t82-profissoes">Informações de Profissões</a>                           
         </div>
                                                                    
         <div id="nove-fech">
                                            02/01                             
         </div>
                                                                    
         <div id="nove">
                                            <a href="http://poke-mind.forumeiros.com/t24-adote-aqui-um-pokemon">Adote um Pokémon</a>                           
         </div>
                                                                    
         <div id="nove-fech">
                                            03/01                             
         </div>
                                                                    
         <div id="nove">
                                            <a href="http://poke-mind.forumeiros.com/f29-shopping-center">Shopping Center</a>                           
         </div>
                                                                
      </div>
                                                                   
   </div>
                                                                          
   <div id="tablon-premios">
                                                                                   
      <div id="tablon-tit1">
                                                   Membros da Staff do RPG                                       
      </div>
      <center>
                                                                    
         <div id="premio-caja">
                                                           
            <div style="background: url('http://i.imgur.com/YdUdjRH.png')center" id="premio-img">
                                                                
            </div>
                                                           
            <div id="premio-nom">
                                         Tate Peters                       
            </div>
                                                           
            <div id="premio-cat">
                                         Administrador                       
            </div>
                                                       
         </div>
                                                                                                            
         <div id="premio-caja">
                                                           
            <div style="background: url('https://pbs.twimg.com/profile_images/523916823688130560/UYZGNM8P.jpeg')center" id="premio-img">
                                                                
            </div>
                                                           
            <div id="premio-nom">
                                         blake s. beauregard                       
            </div>
                                                           
            <div id="premio-cat">
                                         Administrador                       
            </div>
                                                       
         </div>
                                                                                                            
         <div id="premio-caja">
                                                           
            <div style="background: url('http://i.imgur.com/tfEYT1R.png')center" id="premio-img">
                                                                
            </div>
                                                           
            <div id="premio-nom">
                                         Leonard Snart                       
            </div>
                                                           
            <div id="premio-cat">
                                         Moderador                       
            </div>
                                                       
         </div>
                                                  
         <div id="premio-caja">
                                                           
            <div style="background: url('http://i.imgur.com/1RMut9F.png')center" id="premio-img">
                                                                
            </div>
                                                           
            <div id="premio-nom">
                                         Henry Frederic                       
            </div>
                                                           
            <div id="premio-cat">
                                         Narrador                       
            </div>
                                                       
         </div>
                                                  
         <div id="premio-caja">
                                                           
            <div style="background: url('http://placehold.it/136x95')center" id="premio-img">
                                                                
            </div>
                                                           
            <div id="premio-nom">
                                         nombre del pj                       
            </div>
                                                           
            <div id="premio-cat">
                                         categoria                       
            </div>
                                                       
         </div>
                                                  
         <div id="premio-caja">
                                                           
            <div style="background: url('http://placehold.it/136x95')center" id="premio-img">
                                                                
            </div>
                                                           
            <div id="premio-nom">
                                         nombre del pj                       
            </div>
                                                           
            <div id="premio-cat">
                                         categoria                       
            </div>
                                                       
         </div>
                                                  
         <div id="premio-caja">
                                                           
            <div style="background: url('http://placehold.it/136x95')center" id="premio-img">
                                                                
            </div>
                                                           
            <div id="premio-nom">
                                         nombre del pj                       
            </div>
                                                           
            <div id="premio-cat">
                                         categoria                       
            </div>
                                                       
         </div>
                                                  
         <div id="premio-caja">
                                                           
            <div style="background: url('http://placehold.it/136x95')center" id="premio-img">
                                                                
            </div>
                                                           
            <div id="premio-nom">
                                         nombre del pj                       
            </div>
                                                           
            <div id="premio-cat">
                                         categoria                       
            </div>
                                                       
         </div>
      </center>
                                                             
   </div>
</div>
 <script>

jQuery("#micontenedor").replaceWith(jQuery("#comments_scroll_div"));

</script>

e na parte de Profissões as imagens não oscilam, e eu gostaria que elas ficassem oscilando para os membros poderem ver as profissões do Fórum!

Imagem da Table:


Link da minha ultima postagem: https://ajuda.forumeiros.com/t107874-pedido-de-criacao-de-ranking-pokemon
Allenkar_
Allenkar_
**

Membro desde : 01/05/2014
Mensagens : 90
Pontos : 146

http://poke-mind.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Estou com um Problema no código HTML da minha Table

Mensagem por Kyo Panda 23.01.17 12:29

Olá,

Tente trocar por esse:

Código:
<div id="tablon-cuerpo">
  <div id="tablon-caja">
    <div id="tablon-tit">
      Tópicos Recentes
    </div>
    <div id="micontenedor">
    </div>
  </div>
  <div id="tablon-caja">
    <div id="tablon-tit">
      Trama do RPG
    </div>
    <div style="background: url('https://play.pokemonshowdown.com/sprites/xyani/cosmoem.gif')center" id="img-amb">
    </div>
    <div id="txt-amb">
      Em Construção
    </div>
  </div>
  <div id="tablon-caja1">
    <div id="tablon-tit">
      Hall da Fama
    </div>
    <img title="Champion" src="https://placeholdit.imgix.net/~text?txtsize=8&txt=64%C3%9776&w=64&h=76" /><img title="Champion"
      src="https://placeholdit.imgix.net/~text?txtsize=8&txt=64%C3%9776&w=64&h=76" /><img title="Champion" src="https://placeholdit.imgix.net/~text?txtsize=8&txt=64%C3%9776&w=64&h=76"
      /><img title="Champion" src="https://placeholdit.imgix.net/~text?txtsize=8&txt=64%C3%9776&w=64&h=76" />
  </div>
  <div id="tablon-caja">
    <div id="tablon-tit">
      Profissões
    </div>
    <div style="text-align: center;">
      <center>
        <img id="fa-custom-profession" />
        <script language="javascript">
          (function($) {
            'use strict';

            var elem = $('#fa-custom-profession');
            var imgs = [
              "http://i.imgur.com/F0Oyawl.png",
              "http://i.imgur.com/5DyOTxT.png",
              "http://i.imgur.com/cIFKciF.png",
              "http://i.imgur.com/xbYwkOw.png",
              "http://i.imgur.com/6A14Fix.png"
            ];
            var n = ~~(Math.random() * imgs.length);

            setInterval(function() {
              elem.attr('src', imgs[n]);
              n = ++n === src.length ? 0 : n;
            }, 5000);
          }(jQuery));
        </script>
       
      </center>
    </div>
  </div>
  <div id="tablon-caja">
    <div id="tablon-tit">
      Censo de Profissões
    </div>
    <div id="gr1">
      00
    </div>
    <div id="gr2">
      00
    </div>
    <div id="gr3">
      00
    </div>
    <div id="gr4">
      00
    </div>
    <div id="gr5">
      00
    </div>
    <div id="gr6">
      01
    </div>
  </div>
  <div id="tablon-caja">
    <div id="tablon-tit">
      Novidades
    </div>
    <div id="txt-nove">
      <div id="nove-fech">
        01/01
      </div>
      <div id="nove">
        <a href="https://chat.whatsapp.com/JqiN7BcnnWH1OEY16hEaWx">Entre no Grupo do Whatsapp!!!</a>
      </div>
      <div id="nove-fech">
        01/01
      </div>
      <div id="nove">
        <a href="http://poke-mind.forumeiros.com/t77-evento-de-ano-novo">Evento de Ano Novo</a>
      </div>
      <div id="nove-fech">
        01/01
      </div>
      <div id="nove">
        <a href="http://poke-mind.forumeiros.com/t82-profissoes">Informações de Profissões</a>
      </div>
      <div id="nove-fech">
        02/01
      </div>
      <div id="nove">
        <a href="http://poke-mind.forumeiros.com/t24-adote-aqui-um-pokemon">Adote um Pokémon</a>
      </div>
      <div id="nove-fech">
        03/01
      </div>
      <div id="nove">
        <a href="http://poke-mind.forumeiros.com/f29-shopping-center">Shopping Center</a>
      </div>
    </div>
  </div>
  <div id="tablon-premios">
    <div id="tablon-tit1">
      Membros da Staff do RPG
    </div>
    <center>
      <div id="premio-caja">
        <div style="background: url('http://i.imgur.com/YdUdjRH.png')center" id="premio-img">
        </div>
        <div id="premio-nom">
          Tate Peters
        </div>
        <div id="premio-cat">
          Administrador
        </div>
      </div>
      <div id="premio-caja">
        <div style="background: url('https://pbs.twimg.com/profile_images/523916823688130560/UYZGNM8P.jpeg')center" id="premio-img">
        </div>
        <div id="premio-nom">
          blake s. beauregard
        </div>
        <div id="premio-cat">
          Administrador
        </div>
      </div>
      <div id="premio-caja">
        <div style="background: url('http://i.imgur.com/tfEYT1R.png')center" id="premio-img">
        </div>
        <div id="premio-nom">
          Leonard Snart
        </div>
        <div id="premio-cat">
          Moderador
        </div>
      </div>
      <div id="premio-caja">
        <div style="background: url('http://i.imgur.com/1RMut9F.png')center" id="premio-img">
        </div>
        <div id="premio-nom">
          Henry Frederic
        </div>
        <div id="premio-cat">
          Narrador
        </div>
      </div>
      <div id="premio-caja">
        <div style="background: url('http://placehold.it/136x95')center" id="premio-img">
        </div>
        <div id="premio-nom">
          nombre del pj
        </div>
        <div id="premio-cat">
          categoria
        </div>
      </div>
      <div id="premio-caja">
        <div style="background: url('http://placehold.it/136x95')center" id="premio-img">
        </div>
        <div id="premio-nom">
          nombre del pj
        </div>
        <div id="premio-cat">
          categoria
        </div>
      </div>
      <div id="premio-caja">
        <div style="background: url('http://placehold.it/136x95')center" id="premio-img">
        </div>
        <div id="premio-nom">
          nombre del pj
        </div>
        <div id="premio-cat">
          categoria
        </div>
      </div>
      <div id="premio-caja">
        <div style="background: url('http://placehold.it/136x95')center" id="premio-img">
        </div>
        <div id="premio-nom">
          nombre del pj
        </div>
        <div id="premio-cat">
          categoria
        </div>
      </div>
    </center>
  </div>
</div>
<script>
  jQuery("#micontenedor").replaceWith(jQuery("#comments_scroll_div"));
 
</script>

o/
Kyo Panda
Kyo Panda
Hiper Membro

Membro desde : 08/01/2012
Mensagens : 4641
Pontos : 5939

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Estou com um Problema no código HTML da minha Table

Mensagem por Allenkar_ 23.01.17 14:14

Não funcionou, a parte de Profissões fica em branco e não acontece nada Triste
Allenkar_
Allenkar_
**

Membro desde : 01/05/2014
Mensagens : 90
Pontos : 146

http://poke-mind.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Estou com um Problema no código HTML da minha Table

Mensagem por Kyo Panda 23.01.17 14:22

O problema é que o código foi colado de maneira errada:

Estou com um Problema no código HTML da minha Table Pxsm6jJ

Veja que o $ foi trocado por &#36;. Assumo que o senhor tenha colado o código em algum editor de terceiro antes de colar no editor do painel administrativo. Tente colá-lo novamente:

Código:
<div id="tablon-cuerpo">
  <div id="tablon-caja">
    <div id="tablon-tit">
      Tópicos Recentes
    </div>
    <div id="micontenedor">
    </div>
  </div>
  <div id="tablon-caja">
    <div id="tablon-tit">
      Trama do RPG
    </div>
    <div style="background: url('https://play.pokemonshowdown.com/sprites/xyani/cosmoem.gif')center" id="img-amb">
    </div>
    <div id="txt-amb">
      Em Construção
    </div>
  </div>
  <div id="tablon-caja1">
    <div id="tablon-tit">
      Hall da Fama
    </div>
    <img title="Champion" src="https://placeholdit.imgix.net/~text?txtsize=8&txt=64%C3%9776&w=64&h=76" /><img title="Champion"
      src="https://placeholdit.imgix.net/~text?txtsize=8&txt=64%C3%9776&w=64&h=76" /><img title="Champion" src="https://placeholdit.imgix.net/~text?txtsize=8&txt=64%C3%9776&w=64&h=76"
      /><img title="Champion" src="https://placeholdit.imgix.net/~text?txtsize=8&txt=64%C3%9776&w=64&h=76" />
  </div>
  <div id="tablon-caja">
    <div id="tablon-tit">
      Profissões
    </div>
    <div style="text-align: center;">
      <center>
        <img id="fa-custom-profession" />
        <script language="javascript">
          (function($) {
            'use strict';

            var elem = $('#fa-custom-profession');
            var imgs = [
              "http://i.imgur.com/F0Oyawl.png",
              "http://i.imgur.com/5DyOTxT.png",
              "http://i.imgur.com/cIFKciF.png",
              "http://i.imgur.com/xbYwkOw.png",
              "http://i.imgur.com/6A14Fix.png"
            ];
            var n = ~~(Math.random() * imgs.length);

            setInterval(function() {
              elem.attr('src', imgs[n]);
              n = ++n === imgs.length ? 0 : n;
            }, 5000);
          }(jQuery));
        </script>
       
      </center>
    </div>
  </div>
  <div id="tablon-caja">
    <div id="tablon-tit">
      Censo de Profissões
    </div>
    <div id="gr1">
      00
    </div>
    <div id="gr2">
      00
    </div>
    <div id="gr3">
      00
    </div>
    <div id="gr4">
      00
    </div>
    <div id="gr5">
      00
    </div>
    <div id="gr6">
      01
    </div>
  </div>
  <div id="tablon-caja">
    <div id="tablon-tit">
      Novidades
    </div>
    <div id="txt-nove">
      <div id="nove-fech">
        01/01
      </div>
      <div id="nove">
        <a href="https://chat.whatsapp.com/JqiN7BcnnWH1OEY16hEaWx">Entre no Grupo do Whatsapp!!!</a>
      </div>
      <div id="nove-fech">
        01/01
      </div>
      <div id="nove">
        <a href="http://poke-mind.forumeiros.com/t77-evento-de-ano-novo">Evento de Ano Novo</a>
      </div>
      <div id="nove-fech">
        01/01
      </div>
      <div id="nove">
        <a href="http://poke-mind.forumeiros.com/t82-profissoes">Informações de Profissões</a>
      </div>
      <div id="nove-fech">
        02/01
      </div>
      <div id="nove">
        <a href="http://poke-mind.forumeiros.com/t24-adote-aqui-um-pokemon">Adote um Pokémon</a>
      </div>
      <div id="nove-fech">
        03/01
      </div>
      <div id="nove">
        <a href="http://poke-mind.forumeiros.com/f29-shopping-center">Shopping Center</a>
      </div>
    </div>
  </div>
  <div id="tablon-premios">
    <div id="tablon-tit1">
      Membros da Staff do RPG
    </div>
    <center>
      <div id="premio-caja">
        <div style="background: url('http://i.imgur.com/YdUdjRH.png')center" id="premio-img">
        </div>
        <div id="premio-nom">
          Tate Peters
        </div>
        <div id="premio-cat">
          Administrador
        </div>
      </div>
      <div id="premio-caja">
        <div style="background: url('https://pbs.twimg.com/profile_images/523916823688130560/UYZGNM8P.jpeg')center" id="premio-img">
        </div>
        <div id="premio-nom">
          blake s. beauregard
        </div>
        <div id="premio-cat">
          Administrador
        </div>
      </div>
      <div id="premio-caja">
        <div style="background: url('http://i.imgur.com/tfEYT1R.png')center" id="premio-img">
        </div>
        <div id="premio-nom">
          Leonard Snart
        </div>
        <div id="premio-cat">
          Moderador
        </div>
      </div>
      <div id="premio-caja">
        <div style="background: url('http://i.imgur.com/1RMut9F.png')center" id="premio-img">
        </div>
        <div id="premio-nom">
          Henry Frederic
        </div>
        <div id="premio-cat">
          Narrador
        </div>
      </div>
      <div id="premio-caja">
        <div style="background: url('http://placehold.it/136x95')center" id="premio-img">
        </div>
        <div id="premio-nom">
          nombre del pj
        </div>
        <div id="premio-cat">
          categoria
        </div>
      </div>
      <div id="premio-caja">
        <div style="background: url('http://placehold.it/136x95')center" id="premio-img">
        </div>
        <div id="premio-nom">
          nombre del pj
        </div>
        <div id="premio-cat">
          categoria
        </div>
      </div>
      <div id="premio-caja">
        <div style="background: url('http://placehold.it/136x95')center" id="premio-img">
        </div>
        <div id="premio-nom">
          nombre del pj
        </div>
        <div id="premio-cat">
          categoria
        </div>
      </div>
      <div id="premio-caja">
        <div style="background: url('http://placehold.it/136x95')center" id="premio-img">
        </div>
        <div id="premio-nom">
          nombre del pj
        </div>
        <div id="premio-cat">
          categoria
        </div>
      </div>
    </center>
  </div>
</div>
<script>
  jQuery("#micontenedor").replaceWith(jQuery("#comments_scroll_div"));
 
</script>

As imagens devem rolar dessa maneira: http://ajuda-punbb.forumeiros.com/
Kyo Panda
Kyo Panda
Hiper Membro

Membro desde : 08/01/2012
Mensagens : 4641
Pontos : 5939

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Estou com um Problema no código HTML da minha Table

Mensagem por Allenkar_ 23.01.17 15:41

Automaticamente o $ muda para $
Irei mandar o Código novamente para veres, e também irei mandar o CSS do Tablon, para poder esta dando uma olhada!

Estou usando o Código na Mensagem na Pagina Inicial:
Painel de Controle > Visualização> Pagina Inicial > Geral > Mensagem na Pagina Inicial

Código:
<div id="tablon-cuerpo">
      
   <div id="tablon-caja">
           
      <div id="tablon-tit">
               Tópicos Recentes     
      </div>
           
      <div id="micontenedor">
              
      </div>
         
   </div>
      
   <div id="tablon-caja">
           
      <div id="tablon-tit">
               Trama do RPG     
      </div>
           
      <div style="background: url('https://play.pokemonshowdown.com/sprites/xyani/cosmoem.gif')center" id="img-amb">
              
      </div>
           
      <div id="txt-amb">
               Em Construção     
      </div>
         
   </div>
      
   <div id="tablon-caja1">
           
      <div id="tablon-tit">
               Hall da Fama     
      </div>
          <img title="Champion" src="https://placeholdit.imgix.net/~text?txtsize=8&txt=64%C3%9776&w=64&h=76" /><img title="Champion" src="https://placeholdit.imgix.net/~text?txtsize=8&txt=64%C3%9776&w=64&h=76" /><img title="Champion" src="https://placeholdit.imgix.net/~text?txtsize=8&txt=64%C3%9776&w=64&h=76" /><img title="Champion" src="https://placeholdit.imgix.net/~text?txtsize=8&txt=64%C3%9776&w=64&h=76" /> 
   </div>
      
   <div id="tablon-caja">
           
      <div id="tablon-tit">
               Profissões     
      </div>
           
      <div style="text-align: center;">
                
         <center>
                    <img id="fa-custom-profession" />        <script language="javascript">
          (function($) {
            'use strict';

            var elem = $;('#fa-custom-profession');
            var imgs = [
              "http://i.imgur.com/F0Oyawl.png",
              "http://i.imgur.com/5DyOTxT.png",
              "http://i.imgur.com/cIFKciF.png",
              "http://i.imgur.com/xbYwkOw.png",
              "http://i.imgur.com/6A14Fix.png"
            ];
            var n = ~~(Math.random() * imgs.length);

            setInterval(function() {
              elem.attr('src', imgs[n]);
              n = ++n === imgs.length ? 0 : n;
            }, 5000);
          }(jQuery));
        </script>               
         </center>
              
      </div>
         
   </div>
      
   <div id="tablon-caja">
           
      <div id="tablon-tit">
               Censo de Profissões     
      </div>
           
      <div id="gr1">
               00     
      </div>
           
      <div id="gr2">
               00     
      </div>
           
      <div id="gr3">
               00     
      </div>
           
      <div id="gr4">
               00     
      </div>
           
      <div id="gr5">
               00     
      </div>
           
      <div id="gr6">
               01     
      </div>
         
   </div>
      
   <div id="tablon-caja">
           
      <div id="tablon-tit">
               Novidades     
      </div>
           
      <div id="txt-nove">
                
         <div id="nove-fech">
                    01/01       
         </div>
                
         <div id="nove">
                    <a href="https://chat.whatsapp.com/JqiN7BcnnWH1OEY16hEaWx">Entre no Grupo do Whatsapp!!!</a>     
         </div>
                
         <div id="nove-fech">
                    01/01       
         </div>
                
         <div id="nove">
                    <a href="http://poke-mind.forumeiros.com/t77-evento-de-ano-novo">Evento de Ano Novo</a>     
         </div>
                
         <div id="nove-fech">
                    01/01       
         </div>
                
         <div id="nove">
                    <a href="http://poke-mind.forumeiros.com/t82-profissoes">Informações de Profissões</a>     
         </div>
                
         <div id="nove-fech">
                    02/01       
         </div>
                
         <div id="nove">
                    <a href="http://poke-mind.forumeiros.com/t24-adote-aqui-um-pokemon">Adote um Pokémon</a>     
         </div>
                
         <div id="nove-fech">
                    03/01       
         </div>
                
         <div id="nove">
                    <a href="http://poke-mind.forumeiros.com/f29-shopping-center">Shopping Center</a>     
         </div>
         
         <div id="nove-fech">
                        03/01           
         </div>
                        
         <div id="nove">
                        <a href="http://poke-mind.forumeiros.com/f35-rainstone-cave-mina">Mina Pokémon</a>         
         </div>
              
      </div>
         
   </div>
      
   <div id="tablon-premios">
           
      <div id="tablon-tit1">
               Membros da Staff do RPG     
      </div>
           
      <center>
                        
         <div id="premio-caja">
                             
            <div style="background: url('http://i.imgur.com/LShyovW.png?1')center" id="premio-img">
                                
            </div>
                             
            <div id="premio-nom">
                             Tate Peters             
            </div>
                             
            <div id="premio-cat">
                             ADM             
            </div>
                           
         </div>
                        
         <div id="premio-caja">
                             
            <div style="background: url('http://i.imgur.com/8dhsNs3.jpg?1')center" id="premio-img">
                                
            </div>
                             
            <div id="premio-nom">
                             Blake S. Beauregard             
            </div>
                             
            <div id="premio-cat">
                             ADM             
            </div>
                           
         </div>
                        
         <div id="premio-caja">
                             
            <div style="background: url('http://i.imgur.com/plxJQ9H.png?1')center" id="premio-img">
                                
            </div>
                             
            <div id="premio-nom">
                             Leonard Snart             
            </div>
                             
            <div id="premio-cat">
                             MOD             
            </div>
                           
         </div>
                        
         <div id="premio-caja">
                             
            <div style="background: url('http://i.imgur.com/B8IKzvX.png?1')center" id="premio-img">
                                
            </div>
                             
            <div id="premio-nom">
                             Henry Frederic             
            </div>
                             
            <div id="premio-cat">
                             Narrador             
            </div>
                           
         </div>
                        
         <div id="premio-caja">
                             
            <div style="background: url('http://placehold.it/136x95')center" id="premio-img">
                                
            </div>
                             
            <div id="premio-nom">
                             nombre del pj             
            </div>
                             
            <div id="premio-cat">
                             categoria             
            </div>
                           
         </div>
                        
         <div id="premio-caja">
                             
            <div style="background: url('http://placehold.it/136x95')center" id="premio-img">
                                
            </div>
                             
            <div id="premio-nom">
                             nombre del pj             
            </div>
                             
            <div id="premio-cat">
                             categoria             
            </div>
                           
         </div>
                        
         <div id="premio-caja">
                             
            <div style="background: url('http://placehold.it/136x95')center" id="premio-img">
                                
            </div>
                             
            <div id="premio-nom">
                             nombre del pj             
            </div>
                             
            <div id="premio-cat">
                             categoria             
            </div>
                           
         </div>
                        
         <div id="premio-caja">
                             
            <div style="background: url('http://placehold.it/136x95')center" id="premio-img">
                                
            </div>
                             
            <div id="premio-nom">
                             nombre del pj             
            </div>
                             
            <div id="premio-cat">
                             categoria             
            </div>
                           
         </div>
            
      </center>
      
   </div>
</div><script>
  jQuery("#micontenedor").replaceWith(jQuery("#comments_scroll_div"));
 
</script>


CSS:

Código:
/*tablon de anuncios*/
#tablon-cuerpo {
  background: #fafafa;
  border: 3px double #65737A;
  padding: 10px;
}

#tablon-caja, #tablon-premios, #tablon-caja1 {
  width: 264px;
  height: 106px;
  overflow: auto;
  padding: 10px;
  background: #fff;
  line-height: 13px;
  font-size: 12px;
  font-family: 'arial';
  text-align: justify;
  display: inline-block;
  margin: -1px;
}

#tablon-premios {
  width: 836px;
  height: auto;
}

#tablon-tit, #tablon-tit1 {
  width: 274px;
  padding: 5px;
  background: #65737A;
  margin-top: -10px;
  margin-left: -10px;
  margin-bottom: 10px;
  line-height: 20px;
  font-size: 12px;
  letter-spacing: 2px;
  color: #F3F2ED;
  font-family: 'Unica One';
  text-transform: uppercase;
  text-align: center;
  text-decoration: none;
  font-weight: lighter;
}

#tablon-tit1 {width: 846px; }

#img-amb {
  float: left;
  margin-right: 5px;
  width: 76px;
  height: 76px;
}

#txt-amb {
  height: 70px;
  padding: 3px 0px;
  overflow: auto;
}

#tablon-caja1 img {
  width: 64px;
  height: 74px;
  margin: 1px;
}

#gr1, #gr2, #gr3, #gr4, #gr5, #gr6 {
  width: 76px;
  height: 26px;
  margin: 1px 0px;
  padding: 5px;
  display: inline-block;
  font-family: 'Unica One';
  font-size: 12px;
  line-height: 26px;
  color: #fff;
  text-align: center;
}

#gr1 {background: #1F8FFF;}
#gr2 {background: #A8A8A8;}
#gr3 {background: #006300;}
#gr4 {background: #8C4614;}
#gr5 {background: #FF0000;}
#gr6 {background: #9400D4;}

#txt-nove {
  height: 76px;
  overflow: auto;
}

#nove-fech {
  width: 40px;
  display: inline-block;
  color: #65737A;
  font-weight: bold;
  letter-spacing: 1px;
  line-height: 15px;
  font-family: 'unica one';
}

#nove {
  width: 220px;
  line-height: 15px;
  display: inline-block;
}

#premio-caja {
  display: inline-block;
  width: 95px;
  height: 136px;
  overflow: hidden;
}

#premio-img {
  width: 95px;
  height: 136px;
  -moz-transition: all .7s ease-in-out;
  -webkit-transition: all .7s ease-in-out;
  transition: all .7s ease-in-out;
}

#premio-nom, #premio-cat {
  width: 126px;
  padding: 0px 5px;
  background: #8E9C8D;
  line-height: 20px;
  font-size: 8px;
  font-family: 'verdana';
  color: #fff;
  letter-spacing: 1px;
  text-transform: uppercase;
  text-align: center;
  text-decoration: none;
  font-weight: lighter;
}

#premio-cat {background: #BDB78C; }

#premio-caja:hover #premio-img {
  height: 55px;
  -moz-transition: all .7s ease-in-out;
  -webkit-transition: all .7s ease-in-out;
  transition: all .7s ease-in-out;
}


Allenkar_
Allenkar_
**

Membro desde : 01/05/2014
Mensagens : 90
Pontos : 146

http://poke-mind.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Estou com um Problema no código HTML da minha Table

Mensagem por Kyo Panda 23.01.17 18:34

Estranho... Bem, identificar a causa disso nos consumirá muito tempo, logo troque por esse:

Código:
<div id="tablon-cuerpo">
  <div id="tablon-caja">
    <div id="tablon-tit">
      Tópicos Recentes
    </div>
    <div id="micontenedor">
    </div>
  </div>
  <div id="tablon-caja">
    <div id="tablon-tit">
      Trama do RPG
    </div>
    <div style="background: url('https://play.pokemonshowdown.com/sprites/xyani/cosmoem.gif')center" id="img-amb">
    </div>
    <div id="txt-amb">
      Em Construção
    </div>
  </div>
  <div id="tablon-caja1">
    <div id="tablon-tit">
      Hall da Fama
    </div>
    <img title="Champion" src="https://placeholdit.imgix.net/~text?txtsize=8&txt=64%C3%9776&w=64&h=76" /><img title="Champion"
      src="https://placeholdit.imgix.net/~text?txtsize=8&txt=64%C3%9776&w=64&h=76" /><img title="Champion" src="https://placeholdit.imgix.net/~text?txtsize=8&txt=64%C3%9776&w=64&h=76"
      /><img title="Champion" src="https://placeholdit.imgix.net/~text?txtsize=8&txt=64%C3%9776&w=64&h=76" />
  </div>
  <div id="tablon-caja">
    <div id="tablon-tit">
      Profissões
    </div>
    <div style="text-align: center;">
      <center>
        <img id="fa-custom-profession" />
        <script language="javascript">
          (function(jq) {
            'use strict';

            var elem = jq('#fa-custom-profession');
            var imgs = [
              "http://i.imgur.com/F0Oyawl.png",
              "http://i.imgur.com/5DyOTxT.png",
              "http://i.imgur.com/cIFKciF.png",
              "http://i.imgur.com/xbYwkOw.png",
              "http://i.imgur.com/6A14Fix.png"
            ];
            var n = ~~(Math.random() * imgs.length);

            setInterval(function() {
              elem.attr('src', imgs[n]);
              n = ++n === imgs.length ? 0 : n;
            }, 5000);
          }(jQuery));
        </script>
       
      </center>
    </div>
  </div>
  <div id="tablon-caja">
    <div id="tablon-tit">
      Censo de Profissões
    </div>
    <div id="gr1">
      00
    </div>
    <div id="gr2">
      00
    </div>
    <div id="gr3">
      00
    </div>
    <div id="gr4">
      00
    </div>
    <div id="gr5">
      00
    </div>
    <div id="gr6">
      01
    </div>
  </div>
  <div id="tablon-caja">
    <div id="tablon-tit">
      Novidades
    </div>
    <div id="txt-nove">
      <div id="nove-fech">
        01/01
      </div>
      <div id="nove">
        <a href="https://chat.whatsapp.com/JqiN7BcnnWH1OEY16hEaWx">Entre no Grupo do Whatsapp!!!</a>
      </div>
      <div id="nove-fech">
        01/01
      </div>
      <div id="nove">
        <a href="http://poke-mind.forumeiros.com/t77-evento-de-ano-novo">Evento de Ano Novo</a>
      </div>
      <div id="nove-fech">
        01/01
      </div>
      <div id="nove">
        <a href="http://poke-mind.forumeiros.com/t82-profissoes">Informações de Profissões</a>
      </div>
      <div id="nove-fech">
        02/01
      </div>
      <div id="nove">
        <a href="http://poke-mind.forumeiros.com/t24-adote-aqui-um-pokemon">Adote um Pokémon</a>
      </div>
      <div id="nove-fech">
        03/01
      </div>
      <div id="nove">
        <a href="http://poke-mind.forumeiros.com/f29-shopping-center">Shopping Center</a>
      </div>
    </div>
  </div>
  <div id="tablon-premios">
    <div id="tablon-tit1">
      Membros da Staff do RPG
    </div>
    <center>
      <div id="premio-caja">
        <div style="background: url('http://i.imgur.com/YdUdjRH.png')center" id="premio-img">
        </div>
        <div id="premio-nom">
          Tate Peters
        </div>
        <div id="premio-cat">
          Administrador
        </div>
      </div>
      <div id="premio-caja">
        <div style="background: url('https://pbs.twimg.com/profile_images/523916823688130560/UYZGNM8P.jpeg')center" id="premio-img">
        </div>
        <div id="premio-nom">
          blake s. beauregard
        </div>
        <div id="premio-cat">
          Administrador
        </div>
      </div>
      <div id="premio-caja">
        <div style="background: url('http://i.imgur.com/tfEYT1R.png')center" id="premio-img">
        </div>
        <div id="premio-nom">
          Leonard Snart
        </div>
        <div id="premio-cat">
          Moderador
        </div>
      </div>
      <div id="premio-caja">
        <div style="background: url('http://i.imgur.com/1RMut9F.png')center" id="premio-img">
        </div>
        <div id="premio-nom">
          Henry Frederic
        </div>
        <div id="premio-cat">
          Narrador
        </div>
      </div>
      <div id="premio-caja">
        <div style="background: url('http://placehold.it/136x95')center" id="premio-img">
        </div>
        <div id="premio-nom">
          nombre del pj
        </div>
        <div id="premio-cat">
          categoria
        </div>
      </div>
      <div id="premio-caja">
        <div style="background: url('http://placehold.it/136x95')center" id="premio-img">
        </div>
        <div id="premio-nom">
          nombre del pj
        </div>
        <div id="premio-cat">
          categoria
        </div>
      </div>
      <div id="premio-caja">
        <div style="background: url('http://placehold.it/136x95')center" id="premio-img">
        </div>
        <div id="premio-nom">
          nombre del pj
        </div>
        <div id="premio-cat">
          categoria
        </div>
      </div>
      <div id="premio-caja">
        <div style="background: url('http://placehold.it/136x95')center" id="premio-img">
        </div>
        <div id="premio-nom">
          nombre del pj
        </div>
        <div id="premio-cat">
          categoria
        </div>
      </div>
    </center>
  </div>
</div>
<script>
  jQuery("#micontenedor").replaceWith(jQuery("#comments_scroll_div"));
 
</script>

Eu removi o $ do jQuery.
Kyo Panda
Kyo Panda
Hiper Membro

Membro desde : 08/01/2012
Mensagens : 4641
Pontos : 5939

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Estou com um Problema no código HTML da minha Table

Mensagem por Allenkar_ 23.01.17 19:03

Funcionou, muito obrigado!
^^
Allenkar_
Allenkar_
**

Membro desde : 01/05/2014
Mensagens : 90
Pontos : 146

http://poke-mind.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Estou com um Problema no código HTML da minha Table

Mensagem por Kyo Panda 23.01.17 20:08

o/

---
Estou com um Problema no código HTML da minha Table Symbol10 Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.

Tópico marcado como Resolvido e movido para "Questões resolvidas".
Kyo Panda
Kyo Panda
Hiper Membro

Membro desde : 08/01/2012
Mensagens : 4641
Pontos : 5939

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

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