Criar um novo botão abaixo das estatisticas

Detalhes da questão

Endereço do fórum: http://www.schultzgames.com/
Versão do fórum: PunBB

Descrição

Olá senhores e moças, como vão?

Estou com uma dúvida que acredito ser simples...

Tenho uma página HTML: link

Para acessar esta página, gostaria de colocar um botão com uma imagem, na parte inferior da página, logo abaixo de onde está escrito "Quem está conectado"


Como seria possível fazer isto?

Up

Olá Marcos!

Antes do mais, advirta-o que as mensagens consecutivas/up's só são permitidos após se terem passado 24 horas.

Em relação à sua questão, aceda a Painel de Controle > Módulos > HTML & JavaScript > Gestão dos códigos JavaScript e crie um novo JavaScript com investimento em todas as páginas com o seguinte código:

Código:

jQuery(document).ready(function() {
jQuery('#stats').before(' <a href="/h1-rankdeusuarios">
<img src="URL_DA_IMAGEM"></a>');
});

Lembre-se de substituir URL_DA_IMAGEM pelo endereço da imagem que o senhor deseja que redireccione para tal página.

Até mais.
Fraise

Tópico movido de 'Questões sobre o painel de administração' para 'Questões sobre códigos'

Procedi como descrito, e apliquei este código:

Código:

jQuery(document).ready(function() {
jQuery('#stats').before(' <a href="/h1-rankdeusuarios">
<img src="http://i.imgur.com/T1ohqPU.png"></a>');
});

Más não apareceu nada em lugar nenhum O.o

Olá!

Não estou vendo o código ativo em seu fórum, aplicou o investimento em todas as páginas?
No mais, tente este:

Código:

jQuery(document).ready(function() {
jQuery('ul#picture_legend').before(' <a href="/h1-rankdeusuarios">
<img src="http://i.imgur.com/T1ohqPU.png"></a>');
});

Até mais.

Agora resultou no botão

Más seria possível deixa-lo na posição 1 ou na posição 2? ( qualquer uma das duas está bom  )

Olá novamente!

Sendo assim, troque o JavaScript por este:

Código:

jQuery(document).ready(function() {
jQuery('ul#picture_legend').before(' <a href="/h1-rankdeusuarios">
<img id="fraiseimg" src="http://i.imgur.com/T1ohqPU.png"></a>');
});

E adicione o código abaixo à sua folha de estilos:

Código:

img#fraiseimg {
margin-left:850px;
}

Até mais.
Fraise

Reparei a ocorrência de um problema...

na folha CSS estamos lidando com pixels, então, no caso da minha tela, a imagem ficou em uma posição indesejada, e consequentemente diferente em computadores diversos

Olá!

Troque o CSS por este:

Código:

img#fraiseimg {
    margin-left: 52pc;
}

Até mais.

Resultou na mesma posição dos 850px O.o

Olá!

Vamos tentar de uma outra maneira, troque o CSS por este:

Código:

img#fraiseimg {
float:right;
}

Até mais.
Fraise

Agora funcionou o/ só um pouco ao canto demais...

Peço descuplas por talvez estar sendo chato, más gostaria de deixar este botão não tão encostado a direita... talvez uns 50px dela

Se tiver alguma referência de conteúdo sobre posicionamento na linguagem CSS que queira me passar para que eu possa estudar, eu agradeço

Olá novamente!

Veja assim:

Código:

img#fraiseimg {
   float: right;
   margin-right:50px;
}


Ajuste o valor 50px até obter o resultado desejado.

Até mais!

Muito Obrigado!!!... Dúvida 100% respondida!

Ao seu dispor!