← HTML + CSS

Ajuda Com HTML Pelo Amor de Deus

Lida 2802 vezes

Offline

Snice 
Membro
Mensagens 4 Gostos 0
Troféus totais: 14
Trófeus: (Ver todos)
Super Combination Combination Topic Starter Level 3 Level 2 Level 1 First Post Karma Sixth year Anniversary Fifth year Anniversary

Bom Galera estou precisando de ajuda para criar um html tipo de um SPOILER que tem nos foruns TIPO ASSIM
Eu n entendo nada de html então preciso de ajuda

Estou criando um site para um Servidor de Naruto Online e ai eu precisava postar informaçoes e n pude criar mais paginas no web.com porque sou usuario free
entao keria por tipo um link em uma palavra que hora que clicasse abriria tipo um Popup com todo o conteudo tendo imagens e varias escritas tipow

Konoha o cara clica em konoha e aparece:
Todos De Konoha:


 
 
Mold Chakra
Chakra Impulse
Kawarimi
Henge No Jutsu
Shokuji No Jutsu
Luz
 
Uzumaki Naruto
Rasengan
Oodama Rasengan
Fuuton RasenShuriken Triple
Kage Bunshin No Jutsu
Kage Bunshin No Jutsu Two
Kage Bunshin No Jutsu Three
Tajuu Kage Bunshin No Jutsu
Senen Goroshi
Uzumaki Naruto Rendan
Kuchyose No Jutsu
Yoko Rasengan

Haruno Sakura
 


 
 Okasho
HP Restore
Hiper Chute
Saikan Chuushutsu no Jutsu
Mega Soco
Chyute Sio "Player
Mega Chute
Power Rush
Facas de Chakra
Kabatana Noga Reshiuu
 

 
 
Sai


Ninpou Choujuu Giga Rat
Protecao Artistica
Ninpou Choujuu Giga Lion
Tinta Impulse
Casulo Artistico
Explosao de Tintas

 
Aburame Shino


Kikaichuu no Jutsu
Kikai Rastrear "Player
Kikai Atack
Casulo Kikai
Mushikame no Jutsu
Mushikame Invocate
Kikaischuu no Jutsu
Chakra "Nome do Player

 
Inuzuka Kiba


Akamaru
Tsuuga
Gatsuuga
Dynamic Marking "Player
Gijuu Ninpou-Shikyaku no Jutsu
Gijuu Ninpou-Juujin Bunshin
Garouga

 
Hyuuga Hinata & Hyuuga Neji


Juunken
Byakugan
Kaiten
Byakugan Eyes "Player
Hakke Rokujuuyon Shou
Hakke Hasangeki
Hakke Sanjin
Hakke Doujin
2 Pontos
4 Pontos
8 Pontos
16 Pontos
32 Pontos
64 Pontos
256 Pontos


Etc... Depois c o cara clicar em konoha de novo issu ira minimizar
so que issu tem que ter imagens entre o texto!

Obrigado a todos!
 :obrigado:

site: http://otnaruto.webs.com/
Offline

JK Net 
Membro
Mensagens 35 Gostos 0
Troféus totais: 17
Trófeus: (Ver todos)
Super Combination Combination Topic Starter Level 3 Level 2 Level 1 10 Posts First Post Signature Karma

Penso o que tu queres, com javascript deve resolver.
Experimenta este:

Código: [Seleccione]
<script language="JavaScript" type="text/JavaScript">
function toggle(obj) {
var el = document.getElementById(obj);
if ( el.style.display != 'none' ) {
el.style.display = 'none';
}
else {
el.style.display = '';
}
}
</script>

Depois, assim:
Código: [Seleccione]
<p><a onclick="toggle('MoldChakra');">Mold Chakra</a></p>
<div id="MoldChakra" style="display:none">

<p>Mold Chakra, informações.</p>

</div>


Penso que dê para o que tu queres.
Offline

Ted k 
Membro
Mensagens 30 Gostos 0
Troféus totais: 19
Trófeus: (Ver todos)
Super Combination Combination Topic Starter Level 4 Level 3 Level 2 Level 1 10 Posts First Post Signature

Isso colega JK Net parece um acorddion e não o pop-up que ele precisa, sendo que prefiro a sua dica pois pop-up é uma coisa defasada, antiga!

Qualquer coisa, pode estudar isso:
http://docs.jquery.com/UI/Accordion
Offline

JK Net 
Membro
Mensagens 35 Gostos 0
Troféus totais: 17
Trófeus: (Ver todos)
Super Combination Combination Topic Starter Level 3 Level 2 Level 1 10 Posts First Post Signature Karma

Pois, não reparei do popup...  :-?
Offline

Ted k 
Membro
Mensagens 30 Gostos 0
Troféus totais: 19
Trófeus: (Ver todos)
Super Combination Combination Topic Starter Level 4 Level 3 Level 2 Level 1 10 Posts First Post Signature

Tranquilo, como falei, sua dica é BEEEEEMMMMM melhor!!
Offline

Snice 
Membro
Mensagens 4 Gostos 0
Troféus totais: 14
Trófeus: (Ver todos)
Super Combination Combination Topic Starter Level 3 Level 2 Level 1 First Post Karma Sixth year Anniversary Fifth year Anniversary

Me desculpem mais como eu disse n entendo nada de javascript, css, html entao o que fço com esses scripts? eu coloquei eles mais n apareceu nada me desculpem nao entendo nada vlws abrss!
Offline

Snice 
Membro
Mensagens 4 Gostos 0
Troféus totais: 14
Trófeus: (Ver todos)
Super Combination Combination Topic Starter Level 3 Level 2 Level 1 First Post Karma Sixth year Anniversary Fifth year Anniversary

Pode ser que n entenderao o que eu quero hahaha xD
Tipo quando você clicar em um botao ou palavra ou qualquer coisa ke eu colocar abrir uma janela pop up e eu quero um script ke de para eu por o que eu kiser nessa janela por que preciso por imagens e texstos. tipo veja esse player

<center><iframe src="http://www.radiohunter.com.br/players/lequad/branco/" width="189" marginwidth="0" height="218" marginheight="0" scrolling="No" frameborder="0"></iframe></center>

ele possui um botao chamado Pop Up que vc clica e tem mo conteudo! eu quero um ke eu possa por issu imagen testos e talz
VLW ABRSS A TODOS
Offline

Rafael Azevedo 
Membro
Mensagens 90 Gostos 1
Feedback +2

Troféus totais: 20
Trófeus: (Ver todos)
Windows User Linux User Mobile User Super Combination Combination Topic Starter Poll Voter Level 3 Level 2 Level 1

Podes usar o jquery ui para fazer isso.

http://jqueryui.com/demos/dialog/#default

Se clicares no view source, tens lá o código todo que precisas.
Offline

Snice 
Membro
Mensagens 4 Gostos 0
Troféus totais: 14
Trófeus: (Ver todos)
Super Combination Combination Topic Starter Level 3 Level 2 Level 1 First Post Karma Sixth year Anniversary Fifth year Anniversary

Muito Obrigado mesmo pela ajuda de todos eu agradeço de mais!
Eu concigui o html de um spoiler que deu certo, so que não sei qual tag usar para que quando eu por o html no site apareça as imagens tipo(<tag>link da imagem</tag>) Obrigado A todos me ajudaram muito muito msm de coraçao vlw c puderem me ajudar mais essa vez eu agradeço FLWS
 :obrigado: :obrigado: :obrigado: :+trafego: