Jump to content
Grundor

Adicionado botão flutuante de votação

Recommended Posts

Caros usuários do Top L2jBrasil, foi adicionado novos botões para o  votação  no site  seguindo a tendencia de botões flutuantes, o código encontra-se abaixo, lembre-se de alterar o {user_name} para seu usuário, você também pode alterar o tamanho, o tamanho abaixo é o tamanho sugerido.

Exemplo de uso:

image.png

Código do Link

Modern - Left

 

Top L2JBrasil  de Servidores de   Lineage2
 

 

<a id="top-l2jbrasil-left" href="//top.l2jbrasil.com/index.php?a=in&u={user_name}" target="_blank" style="position: fixed;top: 0;left: 0;z-index: 9999;width: 235px;"><img src="//top.l2jbrasil.com/button_l.php?u={user_name&m=left" alt="Top L2JBrasil  de Servidores de   Lineage2 " border="0" style="max-width:100%" /></a>

 

Modern - Rigth

Top L2JBrasil  de Servidores de   Lineage2

<a id="top-l2jbrasil-right" href="//top.l2jbrasil.com/index.php?a=in&u={user_name}" target="_blank" style="position: fixed;top: 0;right: 0;z-index: 9999;width: 235px;"><img src="//top.l2jbrasil.com/button_new.php?u={user_name}" alt="Top L2JBrasil  de Servidores de   Lineage2 " border="0" style="max-width:100%" /></a>



 

 

 

Legacy

Top L2JBrasil  de Servidores de   Lineage2
 

<a id="top-l2jbrasil-legacy" href="//top.l2jbrasil.com/index.php?a=in&u={user_name}" target="_blank"><img src="//top.l2jbrasil.com/button.php?u={user_name}" alt="Top L2JBrasil  de Servidores de   Lineage2 " border="0" /></a>


 

CSS

 

Você ainda pode customizar o css para atender a responsividade incluindo o css abaixo no site e modificando de acordo com seu gosto.


 


#top-l2jbrasil-right, #top-l2jbrasil-left{
  position: fixed;
  top: 0;
  z-index: 9999;
  width: 235px;
  
}
#top-l2jbrasil-right{
  right: 0;
}

#top-l2jbrasil-left{
   left: 0;
}

/*Quando a lagura da janela for 1600 oculta o da direita e exibe na esquerda.*/
@media (max-width: 1600px) {
  #top-l2jbrasil-right{
  	display:none
  }
  #top-l2jbrasil-left {
    display:block;
  }
}


/*Quando a lagura da janela for menor que 1100px oculta os banners */
@media (max-width: 1100px) {
  #top-l2jbrasil-right, #top-l2jbrasil-left{
  	display:none
  }
}

 

 

 

 

  • Like 4

EJoOSOj.gif

Sua pergunta foi respondida? Certifique-se de marcar a resposta como a solução aceita.
Se existe mais de uma resposta, utilize o "vote up" para destacá-la.
Se você achar uma resposta útil, diga obrigado clicando no botão "Gostei".

Share this post


Link to post
Share on other sites

Proteja seu servidor de ataques DDoS massivos!

VPS EPIC



×
×
  • Create New...