Dúvida, HTML do Novo Tópico!

Detalhes da questão

Endereço do fórum: http://pokemon-lgmew.forumeiros.com/
Versão do fórum: ModernBB

Descrição

Ola, Gostaria de saber se é possível no seguinte tópico:

Colocar as Pokébolas como botões que quando alguém clicar com o rato abriria a mensagem a seguir juntamente com o próximo botão/Pokébola, e assim adiante. Espero que me tenha feito entender!

Olá @CarlosMyN,
Vamos ver se eu percebi, o Senhor deseja usar o código em cima em um tópico, dá se a opção HTML estiver ativa. E pretende que às pokébolas tenham hiperligação para onde, desculpe!?


Aguardo uma resposta sua,
pedxz.

Bom dia, eu o código e HTML eu já o ativei e sei usar.

O que eu pretendia era que a hiperligação abrisse o texto seguir junto com a imagem da hiper ligação.
Neste caso, ao clicar na primeira pokébola, abrir o seguinte texto e imagem.
Chamo-me Oak e todo o mundo me conhece por ser Professor Pokémon.

Olha adicione na sua Folha de estilo, o seguinte código:

Código:

#hoverme span .contentme {
  display: none;
  max-width: 100%;
  padding: 6px;
  background: #white;
  }
  #hoverme span:hover .contentme,
  #hoverme span .contentme:hover  {
  display: block;
  }

E mude o seu código para:

Código:

<center><link href='http://fonts.googleapis.com/css?family=Fjalla+One' rel='stylesheet' type='text/css'>
<div style="padding: 20px; font-family: fjalla one; font-size:20px;color: #F774DB; text-transform: lowercase">Oak New's: Introduction</div><div style="width: 490px; margin-top:-25px; font-size:8px; font-family: calibri; color: #F774DB; padding: 5px; letter-spacing: 2px; text-transform:uppercase;">Seja Bem Vindo, Convidado!</div><div style="width: 450px; height: auto; font-family: segoe ui, calibri; font-size: 12px; padding: 10px; text-align:justify;border-top: 1px dotted #F774DB;">
[center][img]https://i.servimg.com/u/f74/19/76/27/81/180px-10.png[/img][/center]
[left]Ola, como estás?
Eu te dou as boas vindas ao mundo dos pokémon.[img]https://i.servimg.com/u/f74/19/76/27/81/32164210.png[/img]
Chamo-me Oak e todo o mundo me conhece por ser Professor Pokémon.[img]https://i.servimg.com/u/f74/19/76/27/81/32164210.png[/img]
[center][img]https://i.servimg.com/u/f74/19/76/27/81/dd4ec710.png[/img][img]https://i.servimg.com/u/f74/19/76/27/81/0a682410.png[/img][img]https://i.servimg.com/u/f74/19/76/27/81/df188d10.png[/img][/center]
Este mundo é habitado por algumas criaturas maravilhosas: Os Pokémon's![img]https://i.servimg.com/u/f74/19/76/27/81/32164210.png[/img]
Algumas pessoas consideram-nos os seus adoráveis animais de estimação.[img]https://i.servimg.com/u/f74/19/76/27/81/32164210.png[/img]
Outros preferem treiná-los para lutar uns contra os outros.[img]https://i.servimg.com/u/f74/19/76/27/81/32164210.png[/img]
Quanto a mim...[img]https://i.servimg.com/u/f74/19/76/27/81/32164210.png[/img]
Eu estudo Pokémon como profissão.[img]https://i.servimg.com/u/f74/19/76/27/81/32164210.png[/img]
Bem, agora me diga algo sobre você.[img]https://i.servimg.com/u/f74/19/76/27/81/32164210.png[/img]
[spoiler]Como es?[/spoiler]
[/left]
 
 <div id="hoverme">
  <span>
      <b>Quem sou eu? <img src="https://i.servimg.com/u/f74/19/76/27/81/32164210.png" style="float: right" alt="pokébola" /></b>
      <div class="contentme">
        Chamo-me Oak e todo o mundo me conhece por ser Professor Pokémon.
      </div>
  </span>
</div>
 
<div>[url=http://graphics-dreams.forumeiros.com/u4]▲[/url]</center>

O código em uso é:

Código:

<div id="hoverme">
  <span>
      <b>Quem sou eu? <img src="https://i.servimg.com/u/f74/19/76/27/81/32164210.png" style="float: right" alt="pokébola" /></b>
      <div class="contentme">
        Chamo-me Oak e todo o mundo me conhece por ser Professor Pokémon.
      </div>
  </span>
</div>

Não era bem o que pretendia mas agradeço na mesma, já me dá uma base para fazer o resto.