Colocando o mini-banner do MUD Valinor em seu site ou assinatura do fórum
por Dermeister, em 10/05/2005, lido 3927 vezes (Informações ao Jogador)
Resumo: O MUD Valinor dispõe de um pequeno e interessante recurso que permite acompanhar a quantidade de jogadores conectados através de uma imagem gerada dinamicamente. Esta imagem pode ser inserida em seu site, blog ou assinatura no Fórum Valinor, com algumas poucas linhas de código.
1. Imagem padrão - Esta é a forma mais simples de exibir a imagem, porém, só funcionará para o fórum e outros sites com fundo escuro. O código a seguir irá exibir a imagem em seu estilo padrão, com fundo transparente e letras cinzas: Você só precisa copiá-lo e colá-lo em sua assinatura ou site.
Código para assinaturas do Fórum Valinor (bbcode)
[url=http://mud.valinor.com.br][img]http://mud.valinor.com.br/plrcount.png[/img][/url]
Código HTML para sites em geral
<a href="http://mud.valinor.com.br/"> <img src="http://mud.valinor.com.br/plrcount.png" alt="MUD Valinor" border="0"/> </a>
Simples, não? A imagem resultante ficará assim:
2. Personalizando a imagem da "forma fácil" - O código indicado acima pode servir perfeitamente para sites com fundo escuro e letras claras, porém, se este não for o seu caso, você precisará fazer algumas mudanças no código. Clicando aqui você terá um formulário que irá gerar o código para as cores que você escolher, bastanto copiar e colar na sua assinatura ou site.
3. Personalizando a imagem da "forma complicada" - O script acima gera o código para exibição do banner com as cores mais comuns. Caso você queira usar cores diferentes, algum conhecimento de HTML será necessário. Talvez, você já tenha percebido que o nome do arquivo da imagem segue um padrão:
http://mud.valinor.com.br/prlcount-bg000000-fg008000.pngOs números após as letras fg e bg são a representação hexadecimal das cores usadas para o segundo plano e o texto, respectivamente, que você pode alterar para gerar a imagem com cores distintas; os dois trechos são opcionais e, se omitidos, usarão a cor padrão. Como um exemplo, o código abaixo mostra a imagem com fundo azul e letras amarelas.
<a href="http://mud.valinor.com.br/"> <img src="http://mud.valinor.com.br/plrcount-bg000080-fgffff00.png" alt="MUD Valinor" border="0" /> </a>
Mais simples do que parece, não?
