[Resolvido]Widget com código para link do fórum.

[Isa.F]

Boa noite!

Acabo de me inscrever no forum depois de ter tentado pesquisar nos topicos antigos a resposta para a minha questao.

O que eu desejava era colocar um widget no forum com o codigo para o link do forum, de forma a que qualquer pessoa que queira adicionar esse codigo no seu site ou blog, estivesse ali disponivel para copiar.

Por exemplo:




Obrigada pela atenção!

[Callie]

Olá Isa.F,

Leia o seguinte tutorial acerca da criação de widgets:

[FAQ] Gerenciar os Widgets do Fórum

Depois de criar o widget personalizado insira o código que pretende. Neste caso:

Código:

<textarea name="Link" rows="1" cols="1">Escreva o conteúdo que pretende que apareça (o tal link)</textarea>

Até mais.

[Isa.F]

Bom dia...

Ainda não consegui infelizmente...

Consegui criar o widget personalizado, coloquei o codigo com o link do meu forum, tal como me explicou, so que depois quando fui ver o efeito final, tive que apagar imediatamente esse widget pois o forum ficou totalmente desconfigurado... Todo o quadro de categorias e salas ficou todo dentro do pequeno quadrado de widget á esquerda, e no meio ficou sem nada... :S

Bem, se calhar eu não expliquei bem...

Eu vi isto no portal de um forum:



Gostava de ter assim um widget com uma imagem do logotipo do nosso forum, e por baixo uma janela com o codigo para o meu forum para que quem o quisesse colocar no seu site ou blog, o tivesse disponivel...

Será possivel?

Obrigada!

[Mikáá]

Olá!
Hoje de manhã tinha visto a sua dúvida e no entanto tentei fazer o código só que duma maneira mais avançada e agradavel. Espero que goste e que resolva o seu problema

Eis o código:

<center><img src="a imagem" border="0" alt="" /><br><br>
<script>
function changeSelect(flag) {
if (flag == 1) {
if (document.theForm.comments.value ==
document.theForm.comments.defaultValue) {
document.theForm.comments.select();
}
}
if (flag == 2) {
document.theForm.comments.value =
document.theForm.comments.value;
}
}
</script><form action="javascript: document.getElementById('selecionar').select();" method="get">
<input type="submit" value="Selecionar o codigo"><div onmouseout="changeSelect(2);" onmouseover="changeSelect(1);">

<layer onmouseout="changeSelect(2);" onmouseover="changeSelect(1);">

<textarea rows="4" cols="50" name="comments" id="selecionar"><a href="Link do seu fórum" target="_blank"><img src="a imagem" border="0" alt="Um fórum á tua medida!"></a></textarea>

</layer>
</div>
<span class="corners-bottom"><span></span></span></form></center>

Explicação:
Vermelho Deverá substituir por uma imagem que desejar!
Verde Deverá substituir o texto por o endereço do seu fórum

Até mais.

[Callie]

Poderia dar-me o endereço desse fórum por favor?
Provavelmente o problema foi alguma imprecisão no código da minha parte.

[Isa.F]

Obrigada a ambos...

Então estive a testar, e a boa noticia é que no meu forum o widget aparece exactamente como eu o idealizei...



A má noticia é que eu entretanto resolvi testar o codigo no meu blog, para ver como é que os utilizadores desse codigo o iriam visualizar, e o efeito foi este...:



O que não é bem o que é esperado, pois apesar de o widget estár como eu o queria, no entanto deve haver algum problema com o codigo de likn propriamente dito, pois a ideia é as pessoas que copiarem o dito codigo e o incluirem no seu site ou blog, tenham como resultado final uma imagem apenas, sendo que quando se clicar nessa imagem sejam redireccionados para o meu forum... Nos sites ja nao precisa de constar a tal janelinha com o codigo, essa basta ficar no forum, nos sites devia aparecer apenas a imagem e quando clicada, funcionar como link para o forum...

Nao sei se fui muito confusa a explicar....

Obrigada pela disponibilidade...

[Mikáá]

Olá novamente,
Quanto á boa noticia, fico satisfeito que tenha gostado do código e o melhor de tudo é que não houve falhas!

Quanto á má noticia, lhe aconcelho a ver este tópico, onde eu tambem estou ajudando:
https://ajuda.forumeiros.com/poste-suas-duvidas-aqui-f28/parceiros-widgets-t34014.htm#211435
(veija todas as mensagens do tópico...)

Até mais.

[Isa.F]

Afinal eu é que estava a introduzir o codigo errado no blog!! O que faz com que afinal em vez de uma boa noticia e uma má noticia, haja uma excelente noticia: ja consegui exactamente o que idealizei! Muito obrigada a todos!!

O codigo que funcionou foi mesmo este! Muito obrigada!

Olá!
Eis o código:

<center><img src="a imagem" border="0" alt="" /><br><br>
<script>
function changeSelect(flag) {
if (flag == 1) {
if (document.theForm.comments.value ==
document.theForm.comments.defaultValue) {
document.theForm.comments.select();
}
}
if (flag == 2) {
document.theForm.comments.value =
document.theForm.comments.value;
}
}
</script><form action="javascript: document.getElementById('selecionar').select();" method="get">
<input type="submit" value="Selecionar o codigo"><div onmouseout="changeSelect(2);" onmouseover="changeSelect(1);">

<layer onmouseout="changeSelect(2);" onmouseover="changeSelect(1);">

<textarea rows="4" cols="50" name="comments" id="selecionar"><a href="Link do seu fórum" target="_blank"><img src="a imagem" border="0" alt="Um fórum á tua medida!"></a></textarea>

</layer>
</div>
<span class="corners-bottom"><span></span></span></form></center>

Explicação:
Vermelho Deverá substituir por uma imagem que desejar!
Verde Deverá substituir o texto por o endereço do seu fórum