Ir para conteúdo

Pesquisar na Comunidade

Mostrando resultados para as tags ''acordion''.

  • Pesquisar por Tags

    Digite tags separadas por vírgulas
  • Pesquisar por Autor

Tipo de Conteúdo


Todas as áreas do Fórum

  • Q&A Desenvolvimento
    • Perguntas e respostas rápidas
  • Desenvolvimento Web
    • Desenvolvimento frontend
    • Javascript
    • PHP
    • Ruby
    • Python
    • Java
    • .NET
    • Docker, Kubernets e outros ambientes
    • Desenvolvimento com Wordpress
    • Desenvolvimento de apps
    • Desenvolvimento ágil
    • Desenvolvimento de Games
    • Banco de Dados
    • Design e UX
    • Algoritmos & Outras Tecnologias
  • Entretenimento e uso pessoal
    • Segurança & Malwares
    • Geral
    • Boteco iMasters

Encontrar resultados em...

Encontrar resultados que...


Data de Criação

  • Início

    FIM


Data de Atualização

  • Início

    FIM


Filtrar pelo número de...

Data de Registro

  • Início

    FIM


Grupo


Google+


Hangouts


Skype


Twitter


deviantART


Github


Flickr


LinkedIn


Pinterest


Facebook


Site Pessoal


Localização


Interesses

Encontrado 1 registro

  1. <html> <head> <style> body{ background: #ecf0f1; } #container-main{ margin:40px auto; width:95%; min-width:320px; max-width:960px; } #container-main h1{ font-size: 40px; text-shadow:4px 4px 5px #16a085; } .accordion-container { width: 100%; margin: 0 0 20px; clear:both; } .accordion-titulo { position: relative; display: block; padding: 20px; font-size: 24px; font-weight: 300; background: #fd0404; color: rgb(0, 0, 0); text-decoration: none; } .accordion-titulo.open { background: #ff0000; color: #fff; } .accordion-titulo:hover { background: #1abc9c; } .accordion-titulo span.toggle-icon:before { content:"+"; } .accordion-titulo.open span.toggle-icon:before { content:"-"; } .accordion-titulo span.toggle-icon { position: absolute; top: 10px; right: 20px; font-size: 38px; font-weight:bold; } .accordion-content { display: none; padding: 20px; overflow: auto; } .accordion-content p{ margin:0; } .accordion-content img { display: block; float: left; margin: 0 15px 10px 0; width: 50%; height: auto; } @media (max-width: 767px) { .accordion-content { padding: 10px 0; } } </style> <script> $(function(){ $(".accordion-titulo").click(function(e){ e.preventDefault(); var abra=$(this).next(".accordion-content"); if(abra.css("display")=="none"){ //open abra.slideDown(250); $(this).addClass("open"); } else{ //close abra .slideUp(250); $(this).removeClass("open"); } }); }); </script> </head> <body> <div id="container-main"> <h1>Os Mitos do Fut</h1> <div class="accordion-container"> <a href="#" class="accordion-titulo">Messi<span class="toggle-icon"></span></a> <div class="accordion-content"> <img src="http://e0.365dm.com/15/05/660x350/champions-league-barcelona-bayern-munich-soccer-messi_3299830.jpg?20150506214236" alt=""/> <p> Biografia de Lionel Messi Lionel Messi (1987) é um jogador de futebol argentino que joga no time Barcelona. Foi considerado o melhor jogador do mundo por várias vezes e campeão por três anos consecutivos. Lionel Andrés Messi (1987) nasceu em Rosário, na Argentina, no dia 24 de junho de 1987. Revelou interesse pelo futebol desde a infância. Jogou num pequeno clube chamado Abanderado Grandoli, localizado perto de sua casa. Aos 7 anos, entrou para jogar no time Newell's Old Boys. Messi enfrentou problemas hormonais que lhe impedia o crescimento de forma natural. Por isso, fez tratamento com medicação injetável. </p> </div> </div> <div class="accordion-container"> <a href="#" class="accordion-titulo">CR7 (C.Ronaldo)<span class="toggle-icon"></span></a> <div class="accordion-content"> <img src="http://www.abc.es/Media/201301/10/cristiano-ronaldo--644x362.jpg" alt=""/> <p> </p> </div> </div> </div> </body> </html>
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.