Redirecionamento com imagem

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

Resolvido Redirecionamento com imagem

Mensagem por Sr.Design em 17/08/11, 03:31 pm

Qual é minha questão:
como eu faço widgets personalizados com a aparencia e botoes de clik's rapidos como eu quiser exemplo desta imagem que eu fiz eu queria colocar ela no meu forum como um top 10 como meu forum esta em construção e tambem fazer outros como essas como panel de controle mais com clik's rapidos

Medidas que eu tomei para corrigir o problema:
tentei de fazer de tudo por isso resolvi pedir ajuda a forumeiros

Imagens do meu problema:
Não tem..

Imagens do exemplo

http://oi54.tinypic.com/2jcwyua.jpg



Versão do meu fórum:
PHPBB3


Última edição por klaus157 em 18/08/11, 09:11 pm, editado 1 vez(es)
avatar

Sr.Design
Nível 9

Masculino
Inscrito dia : 02/09/2010
Mensagens : 184
Pontos Ativos : 311

Ver perfil do usuário http://narutomilenium.ativoforum.com/forum

Resolvido Re: Redirecionamento com imagem

Mensagem por seender em 17/08/11, 04:09 pm

Olá!

Se entendi bem, queres linkar cada parte que está, por exemplo como: '1º - ???'. Estou certo?

Até mais!
avatar

seender
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 07/04/2009
Mensagens : 9450
Pontos Ativos : 12457

Ver perfil do usuário http://www.divulgamaisweb.com https://www.facebook.com/Divulga-Mais-Web-874814432638426/

Resolvido Re: Redirecionamento com imagem

Mensagem por Sr.Design em 17/08/11, 04:17 pm

isso eu quero criar widgets personalizados iqual o desse forum->
Imagem->http://img845.imageshack.us/img845/9469/imagemwz.jpg




e aqui esta uma das primeiras imagens que pretendo colocar
http://oi54.tinypic.com/2jcwyua.jpg
avatar

Sr.Design
Nível 9

Masculino
Inscrito dia : 02/09/2010
Mensagens : 184
Pontos Ativos : 311

Ver perfil do usuário http://narutomilenium.ativoforum.com/forum

Resolvido Re: Redirecionamento com imagem

Mensagem por Sr.Design em 17/08/11, 07:21 pm

deculpe pelo flooder vocês demorarão de mais para responder então eu aprendi sozinho mais tem uma coisa que eu ainda quero aprender.. quero saber qual o codigo ou como faço para quando clicar no widgets ir direto para a pagina escolhida exemplo.. qui esta um print do meu forum link abaixo
http://img585.imageshack.us/img585/4901/imagemrj.jpg

eu queria colocar 2 links ativos nesse widgets um no dawload e outro no banners de top 30 espero respostas porfavorr!!!!
avatar

Sr.Design
Nível 9

Masculino
Inscrito dia : 02/09/2010
Mensagens : 184
Pontos Ativos : 311

Ver perfil do usuário http://narutomilenium.ativoforum.com/forum

Resolvido Re: Redirecionamento com imagem

Mensagem por Sr.Design em 18/08/11, 07:36 pm

poxa pessoa eu tenho que montar meu forum porfavor alguem responde aiii pra vocês adm's e moderadores e facil responder minha duvida esta todo meu poblema postado aiii pfavoo estou esperando mto e preciso montar meu forum
avatar

Sr.Design
Nível 9

Masculino
Inscrito dia : 02/09/2010
Mensagens : 184
Pontos Ativos : 311

Ver perfil do usuário http://narutomilenium.ativoforum.com/forum

Resolvido Re: Redirecionamento com imagem

Mensagem por Dury em 18/08/11, 08:53 pm

Olá e boa noite!

Não há emissão de suporte, todos os usuários aguardam uma resposta, e você está no direito de cobrar, mas não está no direito de cobrar antes de se passar 24 horas desda última mensagem. Peço que leia as regras deste fórum antes de tudo: http://ajuda.forumeiros.com/t82-

Sobre sua questão da imagem, creio que não terei como lhe auxiliar mas sobre sua segunda questão do botão com o link, peço que nos forneça o código deste "top 30" que há no seu fórum, para que haja uma correção.

Até mais!
Piscada
avatar

Dury
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 21/01/2009
Mensagens : 6708
Pontos Ativos : 8827

Ver perfil do usuário

Resolvido Re: Redirecionamento com imagem

Mensagem por Oto! em 18/08/11, 08:55 pm

Olá e Boa Noite!

Como já foi citado pelo Jeffrey a resposta de sua pergunta.Somente irei incrementar!

O Top30 oferece somente a votação, terá de confeccionar uma ou pedir aqui.Existe vários fóruns que pediram aqui e tiveram tudo Ok!

Poderá colocar ela em um Widget,juntamente com o link de redirecionamento!Como se fosse um Banner de Parceiros...

Até Mais,Helper!
Piscada
avatar

Oto!
Hiperativo

Inscrito dia : 07/04/2011
Mensagens : 3363
Pontos Ativos : 4818

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

Resolvido Re: Redirecionamento com imagem

Mensagem por Sr.Design em 18/08/11, 09:00 pm


Aqui esta o meu top30
http://oi54.tinypic.com/97vi42.jpg
Esta vendo onde esta escrito dawload e na imagem do itachi escrito vote eu queria linkar essas 2 opções a imagem para quando clicar nela ir direto para a pagina de votar eo dawload para fornecer o dawload para os membros membros... como por exemplo imagens de banners de parceria eu queria colocar elas dentro de uma coluna como essa que eu fiz para o top 30 e linkar todos os banners para quando clikar nos banners dentro da coluna iqual do top 30 ir direto para o forum do meu parceiro se ainda nao entendeu eu responde mais detalhadamente
avatar

Sr.Design
Nível 9

Masculino
Inscrito dia : 02/09/2010
Mensagens : 184
Pontos Ativos : 311

Ver perfil do usuário http://narutomilenium.ativoforum.com/forum

Resolvido Re: Redirecionamento com imagem

Mensagem por Dury em 18/08/11, 09:04 pm

Poderia me enviar o código do widget em questão, por favor?
avatar

Dury
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 21/01/2009
Mensagens : 6708
Pontos Ativos : 8827

Ver perfil do usuário

Resolvido Re: Redirecionamento com imagem

Mensagem por Sr.Design em 18/08/11, 09:06 pm

Aqui
Código:
<a style="margin-right: 10px; margin-top: 25px;" href="Endereco_do_sub-forum"><img src="http://oi54.tinypic.com/97vi42.jpg" /></a>
avatar

Sr.Design
Nível 9

Masculino
Inscrito dia : 02/09/2010
Mensagens : 184
Pontos Ativos : 311

Ver perfil do usuário http://narutomilenium.ativoforum.com/forum

Resolvido Re: Redirecionamento com imagem

Mensagem por Oto! em 18/08/11, 09:06 pm

Olá!

Deseja adicionar a imagem do TOP30?
Para isto vá ao widget que desejar e coloque:
Código:
<a href="LINK DO TOP30" target='_blank'><img src="IMAGEM"alt="TEXTO QUANDO O RATO ESTÁ POR CIMA"></a>

Até Mais!
Piscada
avatar

Oto!
Hiperativo

Inscrito dia : 07/04/2011
Mensagens : 3363
Pontos Ativos : 4818

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

Resolvido Re: Redirecionamento com imagem

Mensagem por Sr.Design em 18/08/11, 09:19 pm

sera q eu poderia mandar um forum de referencia que tem a opção que eu quero colocar no meu forum referente a esta duvida?
avatar

Sr.Design
Nível 9

Masculino
Inscrito dia : 02/09/2010
Mensagens : 184
Pontos Ativos : 311

Ver perfil do usuário http://narutomilenium.ativoforum.com/forum

Resolvido Re: Redirecionamento com imagem

Mensagem por Dury em 18/08/11, 09:37 pm

Olá autor e boa noite.

Eu não estou conseguindo entender o que deseja de fato. Deseja que essa imagem redirecione qualquer internalta que clicar nela para algum local? Se sim, use o próprio código que me forceu apenas modificando o trecho em azul:
<a style="margin-right: 10px; margin-top: 25px;" href="ENDEREÇO_DO_LINK"><img src="http://oi54.tinypic.com/97vi42.jpg" /></a>
avatar

Dury
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 21/01/2009
Mensagens : 6708
Pontos Ativos : 8827

Ver perfil do usuário

Resolvido Re: Redirecionamento com imagem

Mensagem por Sr.Design em 18/08/11, 09:42 pm

sim isso funciona mais não de fato como eu quero.. quero colocar mais de 2 opções de linkar nesse mesmo widgets como nesse forum
http://narutorpgfuture.forumeiros.com/
olhe o topico de parceria dele e do geito que eu quero fazer com meu top30 e em breve com minhas parcerias tambem mais com minha propia desing..
observe tambem o top30 dele e exatamente como eu quero fazer..
avatar

Sr.Design
Nível 9

Masculino
Inscrito dia : 02/09/2010
Mensagens : 184
Pontos Ativos : 311

Ver perfil do usuário http://narutomilenium.ativoforum.com/forum

Resolvido Re: Redirecionamento com imagem

Mensagem por Dury em 18/08/11, 10:02 pm

Olá,

O código que o administrador usa naquele widget é esse:
Código:
<!--Inicio do VOTE AQUI.............--><div>

<table border="0" cellpadding="0" cellspacing="0" width="100%" style="
-moz-border-radius: 0px;">
<tr>
<td width="21" height="30" background="http://i26.servimg.com/u/f26/14/56/85/28/cxggff10.png" style="-moz-border-radius: 0px; background-repeat: no-repeat;">&nbsp</td>
<td height="30" width="117" background="http://i66.servimg.com/u/f66/14/56/85/28/vote13.png" style="-moz-border-radius: 0px; background-repeat: repeat-x;">&nbsp</td>
<td height="30" background="http://i66.servimg.com/u/f66/14/56/85/28/menu_014.png" style="-moz-border-radius: 0px; background-repeat: repeat-x;">&nbsp</td>
<td width="22" height="30" background="http://i26.servimg.com/u/f26/14/56/85/28/rgrg10.png" style="-moz-border-radius: 0px; background-repeat: no-repeat;">&nbsp</td></tr>
<tr><td width="21" background="http://i66.servimg.com/u/f66/14/56/85/28/menu_015.png" style="-moz-border-radius: 0px; background-repeat: repeat-y;">&nbsp</td>
<td colspan=2 name="conteudo vote" style="background-color: #ffffff">
<!--Inicio do Conteudo-->
<table border="0" cellpadding="0" cellspacing="0" width="120" style="
-moz-border-radius: 0px;">
<tr><td>
<center><a href="http://www.top30.com.br/cgi/votar.cgi?ID=106481" target="vtop30"><img width="120" src="http://i26.servimg.com/u/f26/14/56/85/28/logo_t10.jpg" width="100%" class="acende"></a>
<br /><br />
<a href="http://www.orkut.com.br/Main#Community?cmm=107646265&refresh=1" target="_area"><img width="120" src="http://i26.servimg.com/u/f26/14/56/85/28/orkut10.jpg" class="acende"></a>
<br /><br />
<a href="http://www.baixaki.com.br/download/mozilla-firefox.htm" target="_area"><img src="http://i26.servimg.com/u/f26/14/56/85/28/firefo10.jpg" class="acende"></a>
<br />

<a href="http://www.baixaki.com.br/download/mozilla-firefox.htm" target="firefox"><strong>Favor Baixar o Firefox para uma melhor visualização do Fórum</strong></a>
<br /><br />
<a href="javascript:if ( navigator.appName != 'Microsoft Internet Explorer' ){window.sidebar.addPanel('Naruto Rpg Future','http://narutorpgfuture.forumeiros.com','');}else{ window.external.AddFavorite('http://www.forumeiros.com','Naruto Rpg Future');}"><img src="http://i66.servimg.com/u/f66/14/56/85/28/ico_fa10.png" title="Add a favoritos!">Add a favoritos!</a>
<br /><br />
<b>Adicione o nosso<br />
 grupo no MSN:<br />
group849201@<br />
groupsim<br />
.com</b>

</center>
</td></tr></table>
<!--Fim do conteudo vote-->
</td>
<td width="21" background="http://i66.servimg.com/u/f66/14/56/85/28/menu_013.png" style="-moz-border-radius: 0px; background-repeat: repeat-y;">&nbsp</td></tr>
<tr><td width="21" height="23" background="http://i26.servimg.com/u/f26/14/56/85/28/menu_015.png" style="-moz-border-radius: 0px; background-repeat: no-repeat;">&nbsp</td>
<td colspan=2 height="23" background="http://i66.servimg.com/u/f66/14/56/85/28/menu_011.png" style="-moz-border-radius: 0px; background-repeat: repeat-x;">&nbsp</td>
<td width="22" height="23" background="http://i26.servimg.com/u/f26/14/56/85/28/menu_017.png" style="-moz-border-radius: 0px; background-repeat: no-repeat;">&nbsp</td></tr></table>
</div>
<!--fim VOTE AQUI-->

Edite o código conforme deseja.
avatar

Dury
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 21/01/2009
Mensagens : 6708
Pontos Ativos : 8827

Ver perfil do usuário

Resolvido Re: Redirecionamento com imagem

Mensagem por Sr.Design em 19/08/11, 08:11 pm

valeu jeferry me ajuda muito agora se não for encomodo eu queria saber o codigo do Flash personalizado dele e do chat dele la em baixo pois não estou conseguindo colocar borda no meu chat e com o codigo dele eu iria ter uma noção de como é que coloca aqui esta o site denovo do forum
http://narutorpgfuture.forumeiros.com/
avatar

Sr.Design
Nível 9

Masculino
Inscrito dia : 02/09/2010
Mensagens : 184
Pontos Ativos : 311

Ver perfil do usuário http://narutomilenium.ativoforum.com/forum

Resolvido Re: Redirecionamento com imagem

Mensagem por Dury em 19/08/11, 08:23 pm

Olá,

Klaus, apresente imagens desse chat por favor. Eu só tenho o CSS do Chat dele:
Código:
.chatbox{background-image:none}.chatbox{background-color:#}#chatbox_header{background-color:#;height:30px}
Mas não tenho certeza se vai funcionar para sua versão, pois a dele creio que seja Punbb ou Phpbb2.
avatar

Dury
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 21/01/2009
Mensagens : 6708
Pontos Ativos : 8827

Ver perfil do usuário

Resolvido Re: Redirecionamento com imagem

Mensagem por Sr.Design em 19/08/11, 08:39 pm

deixe então man eu so quero saber o codigo de widgets do flash dele pra mim ter uma ideia de como fazer o meu...com minha desingn e claro
e de como colocar os widgets um do lado do outro iqual o dele
avatar

Sr.Design
Nível 9

Masculino
Inscrito dia : 02/09/2010
Mensagens : 184
Pontos Ativos : 311

Ver perfil do usuário http://narutomilenium.ativoforum.com/forum

Resolvido Re: Redirecionamento com imagem

Mensagem por Dury em 19/08/11, 08:57 pm

Consegui capturar esse código. Veja se ele satisfaz seu pedido.

Código:
<td name="table 1">
<!--inicio da Tabela 3.......................................................................................--><div>
<table name="tabela 3" border="0" cellpadding="3" cellspacing="3" width="123" valign="top">
<tr name="table 3"><td name="table 3">
<!--Inicio do Espaço--><div>
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
</div>
<!--Fim do Espaço-->
</td></tr>
<tr name="table 3"><td name="table 3">
<!--Inicio do Top Parceiros--><div>
<table border="0" cellpadding="0" cellspacing="0" width="100%" style="
-moz-border-radius: 0px;">
<tr>
<td width="21" height="42" background="http://i66.servimg.com/u/f66/14/56/85/28/cxggff10.png" style="-moz-border-radius: 0px; background-repeat: no-repeat;">&nbsp</td>

<td height="42" width="70" background="http://i66.servimg.com/u/f66/14/56/85/28/top_pa12.png" style="-moz-border-radius: 0px; background-repeat: repeat-x;">&nbsp</td>
<td height="42" background="http://i66.servimg.com/u/f66/14/56/85/28/espaao10.png" style="-moz-border-radius: 0px; background-repeat: repeat-x;">&nbsp</td>
<td width="22" height="42" background="http://i66.servimg.com/u/f66/14/56/85/28/rgrg10.png" style="-moz-border-radius: 0px; background-repeat: no-repeat;">&nbsp</td></tr>
<tr><td width="21" background="http://i66.servimg.com/u/f66/14/56/85/28/menu_015.png" style="-moz-border-radius: 0px; background-repeat: repeat-y;">&nbsp</td>
<td colspan=2 name="conteudo Top" style="background-color: #ffffff">
<!--Inicio do Conteudo Top Parceiros--><div class="topparc"></div>

<!--Fim do conteudo top Parceiros-->
</td>
<td width="21" background="http://i66.servimg.com/u/f66/14/56/85/28/menu_013.png" style="-moz-border-radius: 0px; background-repeat: repeat-y;">&nbsp</td></tr>
<tr><td width="21" height="23" background="http://i26.servimg.com/u/f26/14/56/85/28/menu_015.png" style="-moz-border-radius: 0px; background-repeat: no-repeat;">&nbsp</td>
<td colspan=2 height="23" background="http://i66.servimg.com/u/f66/14/56/85/28/menu_011.png" style="-moz-border-radius: 0px; background-repeat: repeat-x;">&nbsp</td>
<td width="22" height="23" background="http://i26.servimg.com/u/f26/14/56/85/28/menu_017.png" style="-moz-border-radius: 0px; background-repeat: no-repeat;">&nbsp</td></tr></table>
</div>
<!--Fim do Top Parceiros-->
</td></tr>
avatar

Dury
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 21/01/2009
Mensagens : 6708
Pontos Ativos : 8827

Ver perfil do usuário

Resolvido Re: Redirecionamento com imagem

Mensagem por Sr.Design em 19/08/11, 09:07 pm

man obrigado por tentar me ajudar mais esse codigo eo errado eu quero o codigo do flash dele onde tem as opções portal forum tutoriais regras e etc..se der agradeço mais se num der eu agradeço mesmo asim pois você ja me deu uma grande ajuda^^
avatar

Sr.Design
Nível 9

Masculino
Inscrito dia : 02/09/2010
Mensagens : 184
Pontos Ativos : 311

Ver perfil do usuário http://narutomilenium.ativoforum.com/forum

Resolvido Re: Redirecionamento com imagem

Mensagem por Dury em 19/08/11, 09:16 pm

A qual flash está referindo?
avatar

Dury
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 21/01/2009
Mensagens : 6708
Pontos Ativos : 8827

Ver perfil do usuário

Resolvido Re: Redirecionamento com imagem

Mensagem por Sr.Design em 19/08/11, 09:29 pm

avatar

Sr.Design
Nível 9

Masculino
Inscrito dia : 02/09/2010
Mensagens : 184
Pontos Ativos : 311

Ver perfil do usuário http://narutomilenium.ativoforum.com/forum

Resolvido Re: Redirecionamento com imagem

Mensagem por Dury em 19/08/11, 09:44 pm

Olá,

Infelizmente, se for a do menu de navegação tenho que lhe dizer que não consegui capturar. O código usado vem em base do CSS e não consegui indentificar na folha de estilo dele o código que reproduz o efeito.

Descuple por desapontá-lo.
Triste
avatar

Dury
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 21/01/2009
Mensagens : 6708
Pontos Ativos : 8827

Ver perfil do usuário

Resolvido Re: Redirecionamento com imagem

Mensagem por Sr.Design em 19/08/11, 10:10 pm

tudo bem so me ensinar mais uma coisa colocar um widgets do lado do outro mais nao exatamente do lado iqual a dessa foto->
http://i47.servimg.com/u/f47/16/77/51/13/imagem11.jpg
sem Utilizar um table type pois toda vez que eu coloco widgets duplo nao tem como tirar o table type e isso atrapalha pois o widget fica cortado..
avatar

Sr.Design
Nível 9

Masculino
Inscrito dia : 02/09/2010
Mensagens : 184
Pontos Ativos : 311

Ver perfil do usuário http://narutomilenium.ativoforum.com/forum

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