Botão "parceiros"

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

Resolvido Botão "parceiros"

Mensagem por MatheusH. em 27/01/14, 09:51 am

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
avatar

MatheusH.
Nível 9

Masculino
Inscrito dia : 12/10/2012
Mensagens : 152
Pontos Ativos : 243

Ver perfil do usuário http://ninjahistoryrpg.forumeiros.com/

Resolvido Re: Botão "parceiros"

Mensagem por Shek em 27/01/14, 05:30 pm

Boa tarde!

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

Até mais!


Shek CrowleyAdmineiro - Fórum dos Fóruns

Clicar no botão ou no OBRIGADO não mata ninguém!
avatar

Shek
Admineiro
Admineiro

Masculino
Inscrito dia : 11/04/2009
Mensagens : 17137
Pontos Ativos : 21398

Ver perfil do usuário http://www.shiftactif.com https://go.topicit.net/ZosT/61pMt1mPsG https://www.facebook.com/shek.crowley https://twitter.com/shek_forumactif

Resolvido Re: Botão "parceiros"

Mensagem por MatheusH. em 27/01/14, 06:29 pm

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://illiweb.com/fa/pbucket.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.
avatar

MatheusH.
Nível 9

Masculino
Inscrito dia : 12/10/2012
Mensagens : 152
Pontos Ativos : 243

Ver perfil do usuário http://ninjahistoryrpg.forumeiros.com/

Resolvido Re: Botão "parceiros"

Mensagem por Hancki em 27/01/14, 06:59 pm

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://illiweb.com/fa/pbucket.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
avatar

Hancki
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 03/10/2009
Mensagens : 8047
Pontos Ativos : 12032

Ver perfil do usuário http://programacaoweb.forumeiros.com/ https://www.facebook.com/djtomoficial https://www.facebook.com/djtomoficial

Resolvido Re: Botão "parceiros"

Mensagem por MatheusH. em 27/01/14, 08:27 pm

Funcionou perfeitamente
Podem fechar
avatar

MatheusH.
Nível 9

Masculino
Inscrito dia : 12/10/2012
Mensagens : 152
Pontos Ativos : 243

Ver perfil do usuário http://ninjahistoryrpg.forumeiros.com/

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum