Estou com um Problema no código HTML da minha Table
2 participantes
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre códigos Javascript e jQuery
Página 1 de 1
Estou com um Problema no código HTML da minha Table
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
Re: Estou com um Problema no código HTML da minha Table
Olá,
Tente trocar por esse:
o/
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/
Re: Estou com um Problema no código HTML da minha Table
Não funcionou, a parte de Profissões fica em branco e não acontece nada
Re: Estou com um Problema no código HTML da minha Table
O problema é que o código foi colado de maneira errada:
Veja que o $ foi trocado por $. 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:
As imagens devem rolar dessa maneira: http://ajuda-punbb.forumeiros.com/
Veja que o $ foi trocado por $. 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/
Re: Estou com um Problema no código HTML da minha Table
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
CSS:
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;
}
Re: Estou com um Problema no código HTML da minha Table
Estranho... Bem, identificar a causa disso nos consumirá muito tempo, logo troque por esse:
Eu removi o $ do jQuery.
- 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.
Re: Estou com um Problema no código HTML da minha Table
o/
---
---
Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada. Tópico marcado como Resolvido e movido para "Questões resolvidas". |
Tópicos semelhantes
» Código html com problema
» Problema no código css e html
» Problema com código html de imagem
» Problema ao postar no fórum um código html do Hilite
» Código de table em css
» Problema no código css e html
» Problema com código html de imagem
» Problema ao postar no fórum um código html do Hilite
» Código de table em css
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre códigos Javascript e jQuery
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos