Redirecionamento com imagem

por Sr.Design 17.08.11 19:31

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
Redirecionamento com imagem 2jcwyua

https://2img.net/h/oi54.tinypic.com/2jcwyua.jpg

Versão do meu fórum:
PHPBB3

por seender 17.08.11 20:09

Olá!

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

Até mais!

por Sr.Design 17.08.11 20:17

isso eu quero criar widgets personalizados iqual o desse forum->
Imagem->https://2img.net/r/ihimizer/img845/9469/imagemwz.jpg

e aqui esta uma das primeiras imagens que pretendo colocar
https://2img.net/h/oi54.tinypic.com/2jcwyua.jpg

por Sr.Design 17.08.11 23:21

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
https://2img.net/r/ihimizer/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!!!!

por Sr.Design 18.08.11 23:36

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

por Dury 19.08.11 0:53

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: https://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

por Oto! 19.08.11 0:55

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

por Sr.Design 19.08.11 1:00

Aqui esta o meu top30
https://2img.net/h/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

por Dury 19.08.11 1:04

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

por Sr.Design 19.08.11 1:06

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>

por Oto! 19.08.11 1:06

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!

por Sr.Design 19.08.11 1:19

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?

por Dury 19.08.11 1:37

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="https://2img.net/h/oi54.tinypic.com/97vi42.jpg" /></a>

por Sr.Design 19.08.11 1:42

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..

por Dury 19.08.11 2:02

Olá,

O código que o administrador usa naquele widget é esse:

Código:: <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">  <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>  </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>

Edite o código conforme deseja.

por Sr.Design 20.08.11 0:11

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/

por Dury 20.08.11 0:23

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.

por Sr.Design 20.08.11 0:39

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

por Dury 20.08.11 0:57

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

Código:: <td name="table 1"> <div> <table name="tabela 3" border="0" cellpadding="3" cellspacing="3" width="123" valign="top"> <tr name="table 3"><td name="table 3"> <div> <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /> </div>  </td></tr> <tr name="table 3"><td name="table 3"> <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"> <div class="topparc"></div>  </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>  </td></tr>

por Sr.Design 20.08.11 1:07

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^^

por Dury 20.08.11 1:16

A qual flash está referindo?

por Sr.Design 20.08.11 1:29

a este olhe a imagem->:https://i.servimg.com/u/f47/16/77/51/13/imagem10.jpg

por Dury 20.08.11 1:44

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

por Sr.Design 20.08.11 2:10

tudo bem so me ensinar mais uma coisa colocar um widgets do lado do outro mais nao exatamente do lado iqual a dessa foto->
https://i.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..

Redirecionamento com imagem

Redirecionamento com imagem

Re: Redirecionamento com imagem

Re: Redirecionamento com imagem

Re: Redirecionamento com imagem

Re: Redirecionamento com imagem

Re: Redirecionamento com imagem

Re: Redirecionamento com imagem

Re: Redirecionamento com imagem

Re: Redirecionamento com imagem

Re: Redirecionamento com imagem

Re: Redirecionamento com imagem

Re: Redirecionamento com imagem

Re: Redirecionamento com imagem

Re: Redirecionamento com imagem

Re: Redirecionamento com imagem

Re: Redirecionamento com imagem

Re: Redirecionamento com imagem

Re: Redirecionamento com imagem

Re: Redirecionamento com imagem

Re: Redirecionamento com imagem

Re: Redirecionamento com imagem

Re: Redirecionamento com imagem

Re: Redirecionamento com imagem

Re: Redirecionamento com imagem