Botão "parceiros"

[MatheusH.]

Qual é minha questão:
Atualmente criei um botão de parceiros que pode ser encontrado na homepage do meu fórum, porém alguns parceiros possuem banner's desproporcionais o que deixam o código não muito atrativo, gostaria de um código que implementado ao meu redimensiona-se as imagens dos parceiros deixando todas com um tamanho padrão.

Cordialmente...

Endereço do meu fórum:
http://ninjahistoryrpg.forumeiros.com

Versão do fórum:
PHPBB3

[Shek]

Boa tarde!

Você poderia me passar o código do seu widget?

Até mais!

[MatheusH.]

Aqui está

Código:

<center>
    <script>
function abrir() {
    var el = document.getElementById('texto');
    if (el.style.display == 'none') {
        el.style.display = 'block';
    }else {
        el.style.display = 'none';
    }
}
</script> <input value="Parceiros" onclick="abrir();" type="button" />
   <div id="texto" style="display:none;">
       <a href="http://fairytailadventure.forumeiros.net/"><img src="http://img15.hostingpics.net/pics/425697Bottonfairytail.gif" title="FT Adveture" /></a><a href="http://somosmugiwara.forumeiros.com/"><img src="http://i69.servimg.com/u/f69/17/63/00/37/banner12.gif" title="Somos Mugiwara" /></a><a href="http://way-of-the-samurai.forumeiros.com//"><img src="http://i1226.photobucket.com/albums/ee420/DarkCrazyKid/sOXMihW_zps2d62e1bc.gif" title="Way of the Samurai" /></a><a href="http://ssycosmo.forumeiros.com/forum"><img src="http://i71.servimg.com/u/f71/18/40/23/50/013.gif" title="Saint Seya Infinite Cosmo" /></a><a href="http://pscbrasil.forumbrasil.net/"><img src="http://picasion.com/resize73/fc1631603713e5c61d10eaa01b883e43.png" title="Pokemon Storm Challenges" /></a><a href="http://www.narutothegames.com/"><img src="http://i.minus.com/jY1uBkhI5zrV4.png" title="Naruto The Game" /></a><a href="http://bleachx-treme.forumeiros.com/forum"><img src="http://i48.servimg.com/u/f48/16/88/27/59/fjkpla10.png" title="Bleach X-Treme" /></a><a href="http://destruction.naruto-rpg.com/"><img src="http://i.imgur.com/QvzdRhJ.png" title="NarutoRPGDestriction" /></a><a href="http://dnr02.forumeiros.com/"><img src="http://i.imgur.com/uDjUzB8.jpg" title="Digimon New Revolution 02" /></a><a href="http://nnat.forumeiros.com/"><img src="http://img138.imageshack.us/img138/7751/md47.png" title="Naruto New Age Two" /></a> <a target="_blank" href="http://pokemonimperial.forumeiros.com/"><img src="http://i.imgur.com/GsslSUb.gif" border="0" /></a><a href="http://olimpicosrpg.web-rpg.com/"><img src="http://i56.servimg.com/u/f56/18/66/31/49/anigif10.gif" title="Olimpicos" rpg"="" /></a><a href="http://bestscommunity.forumeiros.com/"><img src="http://i.imgur.com/wR3vHIC.png" title="Best Commuunity" rpg"="" /></a>
      <div style="">
          <style type="text/css">
input[type="button"] {
width: 150px;
height: 30px;
background-color: red;
border: 1px solid black;
border-radius: 10px;
box-shadow: 0px 0px 1px;
color: white;
font-size: 18px;
cursor: pointer;
}

#texto {
background-color: rgba(245, 222, 179, 0.35);
width: 500px;
height: 100px;
overflow: auto;
margin-top: 5px;
box-shadow: 0px 0px 10px red;
}

input[type="button"]:hover {
font-size: 20px;
transition: 0.2s;
}
</style>
      </div><a href="http://bestscommunity.forumeiros.com/"></a>
   </div>
</center>

Peço-lhes que após a cópia do código apaguem-no do meu post, não quero que adm's alheios façam uso do mesmo em seus fóruns.

[Hancki]

Olá!

Use este:

Código:

<center>
    <script>
function abrir() {
    var el = document.getElementById('texto');
    if (el.style.display == 'none') {
        el.style.display = 'block';
    }else {
        el.style.display = 'none';
    }
}
</script> <input value="Parceiros" onclick="abrir();" type="button" />
  <div id="texto" style="display:none;">
      <a href="http://fairytailadventure.forumeiros.net/"><img src="http://img15.hostingpics.net/pics/425697Bottonfairytail.gif" title="FT Adveture" /></a><a href="http://somosmugiwara.forumeiros.com/"><img src="http://i69.servimg.com/u/f69/17/63/00/37/banner12.gif" title="Somos Mugiwara" /></a><a href="http://way-of-the-samurai.forumeiros.com//"><img src="http://i1226.photobucket.com/albums/ee420/DarkCrazyKid/sOXMihW_zps2d62e1bc.gif" title="Way of the Samurai" /></a><a href="http://ssycosmo.forumeiros.com/forum"><img src="http://i71.servimg.com/u/f71/18/40/23/50/013.gif" title="Saint Seya Infinite Cosmo" /></a><a href="http://pscbrasil.forumbrasil.net/"><img src="http://picasion.com/resize73/fc1631603713e5c61d10eaa01b883e43.png" title="Pokemon Storm Challenges" /></a><a href="http://www.narutothegames.com/"><img src="http://i.minus.com/jY1uBkhI5zrV4.png" title="Naruto The Game" /></a><a href="http://bleachx-treme.forumeiros.com/forum"><img src="http://i48.servimg.com/u/f48/16/88/27/59/fjkpla10.png" title="Bleach X-Treme" /></a><a href="http://destruction.naruto-rpg.com/"><img src="http://i.imgur.com/QvzdRhJ.png" title="NarutoRPGDestriction" /></a><a href="http://dnr02.forumeiros.com/"><img src="http://i.imgur.com/uDjUzB8.jpg" title="Digimon New Revolution 02" /></a><a href="http://nnat.forumeiros.com/"><img src="http://img138.imageshack.us/img138/7751/md47.png" title="Naruto New Age Two" /></a> <a target="_blank" href="http://pokemonimperial.forumeiros.com/"><img src="http://i.imgur.com/GsslSUb.gif" border="0" /></a><a href="http://olimpicosrpg.web-rpg.com/"><img src="http://i56.servimg.com/u/f56/18/66/31/49/anigif10.gif" title="Olimpicos" rpg"="" /></a><a href="http://bestscommunity.forumeiros.com/"><img src="http://i.imgur.com/wR3vHIC.png" title="Best Commuunity" rpg"="" /></a>
      <div style="">
          <style type="text/css">
input[type="button"] {
width: 150px;
height: 30px;
background-color: red;
border: 1px solid black;
border-radius: 10px;
box-shadow: 0px 0px 1px;
color: white;
font-size: 18px;
cursor: pointer;
}
#texto a img {
width: auto !important;
height: 31px !important;
}

#texto {
background-color: rgba(245, 222, 179, 0.35);
width: 500px;
height: 100px;
overflow: auto;
margin-top: 5px;
box-shadow: 0px 0px 10px red;
}

input[type="button"]:hover {
font-size: 20px;
transition: 0.2s;
}
</style>
      </div><a href="http://bestscommunity.forumeiros.com/"></a>
  </div>
</center>

Adicionei um CSS que automaticamente redimensiona as imagens.

Hancki

[MatheusH.]

Funcionou perfeitamente
Podem fechar