Fórum dos Fóruns

Fórum dos Fóruns Forumeiros

Welcome FdF Bem-vindo ao fórum de suporte Forumeiros  Muito feliz


Para aproveitar tudo o que o nosso fórum lhe oferece, agradecemos que se identifique, se já é nosso membro, ou que se junte à nossa comunidade, fazendo o seu registo.
Acesso rápido

Fóruns de suporte oficiais


Meriteiro

Agosto de 2016



"Este membro destacou-se pela sua dedicação e pelo seu esforço.
Ao longo do último mês, demonstrou as suas capacidades gerais no FDF e, por isso, merece o nosso agradecimento."
Login

Esqueci minha senha

Últimos assuntos
» Retirar nome duplicado na visualização de uma MP
Hoje à(s) 22:42 por Cream

» [PEDIDO] Banner
Hoje à(s) 22:40 por Holkis

» Como deixa assim?
Hoje à(s) 22:34 por Nean

» Como centralizar e separar os ícones dos tópicos
Hoje à(s) 21:46 por while

» Alterar botões de ação no tópico
Hoje à(s) 20:28 por while

» Problema nas páginas devido aos anúncios
Hoje à(s) 19:40 por Cepheus

» Formulário de postagem
Hoje à(s) 19:26 por YouTube3

Perdi minha senha!
Obter senha

Nota: use se tiver perdido acesso ao seu painel de controle.

Últimas sugestões
Parceiros Forumeiros
Os membros mais ativos da semana
Cream
 
while
 
Shek
 
Holkis
 
-xGabriel..
 
Mr.Probz
 
GollD
 
YouTube3
 
Nean
 
lavinnia
 

Quem está conectado
106 usuários online :: 13 usuários cadastrados, Nenhum Invisível e 93 Visitantes :: 1 Motor de busca

-xGabriel.., Belissimo, Cream, giancamposm, Harold C+, Holkis, iMont, iScroll, luuuiiiz, Nean, Nogueira SSA, Southier, while

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em Qui 24 Dez 2009 - 13:05

Redirecionar ao clicar na parte preta

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

Resolvido Redirecionar ao clicar na parte preta

Mensagem por iNerDz em Qua 25 Nov 2015 - 10:32

Detalhes da questão


Endereço do fórum: http://twolife.forumeiros.com/
Versão do fórum: PunBB

Descrição


Gostaria de pedir um codigo para q quando a pessoa Clicasse na parte preta ( QUE A SETA APONTA ) abrisse um link.. ( Link eu ainda vou ver qual! )
- AGRADEÇO DESDE JÁ!


iNerDz
Nível 8

Masculino
Inscrito dia : 05/08/2013
Mensagens : 131
Pontos Ativos : 1369

http://www.twolife.forumeiros.com

Resolvido Re: Redirecionar ao clicar na parte preta

Mensagem por Slurk em Qua 25 Nov 2015 - 12:16

Então amigo,fiz uma pagina HTML simples, pra ensinar-lo o basico., fiz parecido com essa da imagem, porém com um toque de "Gta", pois pelo que vi seu fórum se trata de um servidor, aqui está o corpo de uma pagina html.

OBS: Marque em SIM em "Usar esta página como página inicial?" (caso queira)
Marque em NÃO em "Você deseja utilizar o início e o final da página do seu fórum?" (Obrigatorio)

Código:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML><HEAD><META content="IE=5.0000" http-equiv="X-UA-Compatible">

<META http-equiv="content-type" content="text/html; charset=utf-8"><TITLE>Titulo do Site</TITLE><LINK href="http://i.imgur.com/BX7QhHN.gif" rel="icon"
type="image/x-icon">
<SCRIPT language="JavaScript1.2">
function alerta(){
   return false;
}

function rejeitaTecla(oEvent){
    var oEvent = oEvent ? oEvent : window.event;
    var tecla = (oEvent.keyCode) ? oEvent.keyCode : oEvent.which;
   if(tecla == 17 || tecla == 44|| tecla == 123){
      alerta();
    }
}
</SCRIPT>

<SCRIPT language="JavaScript1.2">
document.onkeypress = rejeitaTecla;
document.onkeydown = rejeitaTecla;
document.oncontextmenu = alerta;
</SCRIPT>

<SCRIPT>
$(document).ready(function(){
$(document).keydown(function(e){
var tecla=window.event.keyCode;
if (tecla==123){
event.returnValue=false;}
var ctrl=window.event.ctrlKey;
if(ctrl && e.which == 85){
return false;
}
});

});
</SCRIPT>
 
<META name="GENERATOR" content="MSHTML 11.00.10240.16445"></HEAD>
<BODY>
<DIV class="inner">                              
<DIV style="display: none;"><A href="http://www.forumeiros.com/"
target="_blank">www.forumeiros.com</A>                 </DIV>
<DIV class="bgbuttons">
<CENTER>
<TABLE>
  <TBODY>
  <TR>
    <TD><IMG style="width: 100%;" src="http://i.imgur.com/mIMxWF8.jpg">
                                              </TD></TR></TBODY></TABLE></CENTER>
<DIV class="buttons">                       
          
           
                               </DIV></DIV></DIV><BR>

<div class="alinhamento">
<DIV class="content2">
<DIV>
<DIV></DIV>
<P></P>

</DIV>   

   <center><a href="/forum" target="_blank">
       <img class="fixed-background1"
       src="http://i21.servimg.com/u/f21/18/37/01/15/entrar18.png"/>
   </a></center>
   <!-- conteudo -->


 </DIV>
 
 <DIV class="content2">
   <center><a href="endereçodoseuservidor" target="_blank">
       <img class="fixed-background2"
       src="http://i21.servimg.com/u/f21/18/37/01/15/entrar15.png"/>
   </a></center>

   
    <!-- conteudo -->
 </DIV>
</div>
<FORM name="post" id="form2" style="display: none;" onsubmit="return vB_Editor['text_editor'].prepare_submit(0,0)"
action="/forum" enctype="multipart/form-data" method="post"><INPUT name="username[]" style="margin-top: 2px;" type="text">
<INPUT name="subject" title="" type="text" maxlength="64"><INPUT name="message" type="hidden"><INPUT name="lt" type="hidden"><INPUT name="mode" type="hidden" value="post"><INPUT name="folder" type="hidden" value="inbox"><INPUT name="post" tabindex="6" id="sendMP" accesskey="s" type="submit" value="Enviar">
    </FORM><BR>
 
<BGSOUND SRC="elchapo.mp3" LOOP="INFINITE"> 
<audio SRC="elchapo.mp3" autoplay="true">
 
 

<STYLE>



.fixed-background1
{
}
.fixed-background2
{
}

img.buttonssv:hover {
  background: rgba(0, 0, 0, 0.2);
}
img.buttonssv {
  transition: 0.8s;
}
.footerlogin {
font-size:12px;
}
.creditos {
  font-size: 11px;
  float: right ;
  padding-bottom: 6px;
  padding-top: 15px;
  padding-right: 0px;
}
.login {
  float: right;
  margin-top: -18.6pc;
  padding: 0.1px 10px;
  width: 355px;
  height: 18.5pc;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.66);
  box-shadow: rgba(0,0,0,0.6) 0px 1px 6px;
}
.iheload-login {
  border-color: #49825C;
  border-bottom-color: #89C97B;
  background: linear-gradient(to bottom, #9ED087, #216C58);
  border-width: 1px;
  border-style: solid;
  box-shadow: inset 0px 1px 0 rgba(255,255,255,0.2);
  text-shadow: 0 -1px 0 rgba(0,0,0,0.3);
  color: #fff;
  display: inline-block;
  padding: 7px 20px;
  border-radius: 4px;
  outline: none;
  cursor: pointer;
}
.iheload-login:hover {
  border-color: #49825C;
  border-bottom-color: #89C97B;
  background: linear-gradient(to bottom, #9ED087, #30845E);
}
.iheload-login:active {
  border-color: #49825C;
  border-bottom-color: #89C97B;
  background: linear-gradient(to bottom, #A7D393, #52A891);
}
dl {
margin-bottom: 10px;
font-size: 1.1em;
font-weight: 700;
}
dt {
width: 33%;
padding-top: 5px;
border: none;
float: left;
transition: .3s;
font-size: 13px;
}
dd {
padding: 5px;
padding-right: 5px;
margin-left: 32%;
vertical-align: middle;
}
body {
  background: #f4f4f4 url(http://i21.servimg.com/u/f21/18/37/01/15/gta-v-13.jpg);
  font-family: Arial;
  background-size: 100% 100%;
}
input[type="text"],input[type="password"] {
padding: 7px;
outline: none;
margin-top: -6px;
text-shadow: none;
border: none;
width: 14.5pc;
font-family: Arial;
box-shadow: 0 0 5px #000;
}
.bgbuttons {
  background: rgba(0, 0, 0, 0.66);
  height: 17pc;
  width: auto;
  box-shadow: rgba(0,0,0,0.6) 0px 1px 6px;
  min-width: 6em;
  border-top: 6px solid rgba(0, 0, 0, 0);
  border-bottom: 3px solid rgba(0, 0, 0, 0);
  margin-top: 20px;
  border: 0px;
  padding: 5px;
}
.buttons {
  font-family: Arial;
  font-size: 100%;
  color: white;
  margin-top: -1pc!important;
  bottom: 0px;
  left: 0px;
  right: 0px;
  padding: 14px 0;
  text-align: center;
}
.buttons li {
display: inline-block;
}
.buttons li a {
  background: rgba(0, 0, 0, 0);
  padding: 13px 17px;
  color: white;
  margin: -2.5px;
  transition: .8s;
}
.buttons li a:hover {
  background: rgba(0, 0, 0, 0.2);
  color: #FFFFFF;
}
.content2 {
  width: 230px;
  height: 180px;
  font-size: 14px;
  padding: 5px;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.66);
  box-shadow: rgba(0,0,0,0.6) 0px 1px 6px;
  float: left;
  margin: 20px;
}
* {
  text-shadow: 1px 1px 1px #000;
}
a {
  text-decoration: none;
  color: #8BBE89;
  text-shadow: 1px 1px 1px #000;
  transition: .8s;
}
a:hover {
  color: #fff;
  text-shadow: 0px 0px 2px #fff;
}


.alinhamento {
      width: 46%;
      display: block;
      margin: auto;
      
}

</STYLE>
</BODY></HTML>

Aqui está uma imagem de como ficaria:



ai voce personaliza como quiser.

OBS: Isto foi simples, só pra você personalizar, fiz uma pagina assim, só pra tirar sua duvida mesmo.

Slurk
Nível 10

Masculino
Inscrito dia : 23/11/2015
Mensagens : 273
Pontos Ativos : 738

http://beststyle.forumeiros.com/

Resolvido Re: Redirecionar ao clicar na parte preta

Mensagem por iNerDz em Qua 25 Nov 2015 - 12:21

Olá, nao vou usar esse html pro samp mas Eu mudo as imagens aqui, Muito obrigado!

iNerDz
Nível 8

Masculino
Inscrito dia : 05/08/2013
Mensagens : 131
Pontos Ativos : 1369

http://www.twolife.forumeiros.com

Resolvido Re: Redirecionar ao clicar na parte preta

Mensagem por iNerDz em Qua 25 Nov 2015 - 12:48

Olá, desculpa está comentando novamente..  Poderia unir o forum e o servidor e colocar como uma coisa Só? 
Criar um unico botao.. do tamanho do que eu vou mostrar na imagem abaixo.. Obrigado! e colocar a escrita da imagem como: Clique Aqui!


iNerDz
Nível 8

Masculino
Inscrito dia : 05/08/2013
Mensagens : 131
Pontos Ativos : 1369

http://www.twolife.forumeiros.com

Resolvido Re: Redirecionar ao clicar na parte preta

Mensagem por Slurk em Qua 25 Nov 2015 - 12:53

um único botao com um único direcionamento certo? ou com dois? pois sim,tem como ter 2 direcionamento com o mesmo "botao",
aguardo sua resposta, pra lhe enviar da maneira que queira.

Slurk
Nível 10

Masculino
Inscrito dia : 23/11/2015
Mensagens : 273
Pontos Ativos : 738

http://beststyle.forumeiros.com/

Resolvido Re: Redirecionar ao clicar na parte preta

Mensagem por iNerDz em Qua 25 Nov 2015 - 12:55

Com 1 unico.. Obrigado!

iNerDz
Nível 8

Masculino
Inscrito dia : 05/08/2013
Mensagens : 131
Pontos Ativos : 1369

http://www.twolife.forumeiros.com

Resolvido Re: Redirecionar ao clicar na parte preta

Mensagem por Slurk em Qua 25 Nov 2015 - 13:08

Desculpe a demora, assim está bom olhe:

Código:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML><HEAD><META content="IE=5.0000" http-equiv="X-UA-Compatible">

<META http-equiv="content-type" content="text/html; charset=utf-8"><TITLE>Titulo do Site</TITLE><LINK href="http://i.imgur.com/BX7QhHN.gif" rel="icon"
type="image/x-icon">
<SCRIPT language="JavaScript1.2">
function alerta(){
  return false;
}

function rejeitaTecla(oEvent){
    var oEvent = oEvent ? oEvent : window.event;
    var tecla = (oEvent.keyCode) ? oEvent.keyCode : oEvent.which;
  if(tecla == 17 || tecla == 44|| tecla == 123){
      alerta();
    }
}
</SCRIPT>

<SCRIPT language="JavaScript1.2">
document.onkeypress = rejeitaTecla;
document.onkeydown = rejeitaTecla;
document.oncontextmenu = alerta;
</SCRIPT>

<SCRIPT>
$(document).ready(function(){
$(document).keydown(function(e){
var tecla=window.event.keyCode;
if (tecla==123){
event.returnValue=false;}
var ctrl=window.event.ctrlKey;
if(ctrl && e.which == 85){
return false;
}
});

});
</SCRIPT>
 
<META name="GENERATOR" content="MSHTML 11.00.10240.16445"></HEAD>
<BODY>
<DIV class="inner">                             
<DIV style="display: none;"><A href="http://www.forumeiros.com/"
target="_blank">www.forumeiros.com</A>                </DIV>
<DIV class="bgbuttons">
<CENTER>
<TABLE>
  <TBODY>
  <TR>
    <TD><IMG style="width: 100%;" src="http://i.imgur.com/mIMxWF8.jpg">
                                              </TD></TR></TBODY></TABLE></CENTER>
<DIV class="buttons">                       
         
           
                              </DIV></DIV></DIV><BR>

<div class="alinhamento">
<DIV class="content2">
<DIV>
<DIV></DIV>
<P></P>

</DIV> 

  <center><a href="/forum" target="_blank">
      <img class="fixed-background1"
      src="http://i.imgur.com/XaqwgS9.png"/>
  </a></center>
  <!-- conteudo -->


 </DIV>
 
 
</div>
<FORM name="post" id="form2" style="display: none;" onsubmit="return vB_Editor['text_editor'].prepare_submit(0,0)"
action="/forum" enctype="multipart/form-data" method="post"><INPUT name="username[]" style="margin-top: 2px;" type="text">
<INPUT name="subject" title="" type="text" maxlength="64"><INPUT name="message" type="hidden"><INPUT name="lt" type="hidden"><INPUT name="mode" type="hidden" value="post"><INPUT name="folder" type="hidden" value="inbox"><INPUT name="post" tabindex="6" id="sendMP" accesskey="s" type="submit" value="Enviar">
    </FORM><BR>
 
<BGSOUND SRC="elchapo.mp3" LOOP="INFINITE"> 
<audio SRC="elchapo.mp3" autoplay="true">
 
 

<STYLE>



.fixed-background1
{
}
.fixed-background2
{
}

img.buttonssv:hover {
  background: rgba(0, 0, 0, 0.2);
}
img.buttonssv {
  transition: 0.8s;
}
.footerlogin {
font-size:12px;
}
.creditos {
  font-size: 11px;
  float: right ;
  padding-bottom: 6px;
  padding-top: 15px;
  padding-right: 0px;
}
.login {
  float: right;
  margin-top: -18.6pc;
  padding: 0.1px 10px;
  width: 355px;
  height: 18.5pc;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.66);
  box-shadow: rgba(0,0,0,0.6) 0px 1px 6px;
}
.iheload-login {
  border-color: #49825C;
  border-bottom-color: #89C97B;
  background: linear-gradient(to bottom, #9ED087, #216C58);
  border-width: 1px;
  border-style: solid;
  box-shadow: inset 0px 1px 0 rgba(255,255,255,0.2);
  text-shadow: 0 -1px 0 rgba(0,0,0,0.3);
  color: #fff;
  display: inline-block;
  padding: 7px 20px;
  border-radius: 4px;
  outline: none;
  cursor: pointer;
}
.iheload-login:hover {
  border-color: #49825C;
  border-bottom-color: #89C97B;
  background: linear-gradient(to bottom, #9ED087, #30845E);
}
.iheload-login:active {
  border-color: #49825C;
  border-bottom-color: #89C97B;
  background: linear-gradient(to bottom, #A7D393, #52A891);
}
dl {
margin-bottom: 10px;
font-size: 1.1em;
font-weight: 700;
}
dt {
width: 33%;
padding-top: 5px;
border: none;
float: left;
transition: .3s;
font-size: 13px;
}
dd {
padding: 5px;
padding-right: 5px;
margin-left: 32%;
vertical-align: middle;
}
body {
  background: #f4f4f4 url(http://i21.servimg.com/u/f21/18/37/01/15/gta-v-13.jpg);
  font-family: Arial;
  background-size: 100% 100%;
}
input[type="text"],input[type="password"] {
padding: 7px;
outline: none;
margin-top: -6px;
text-shadow: none;
border: none;
width: 14.5pc;
font-family: Arial;
box-shadow: 0 0 5px #000;
}
.bgbuttons {
  background: rgba(0, 0, 0, 0.66);
  height: 17pc;
  width: auto;
  box-shadow: rgba(0,0,0,0.6) 0px 1px 6px;
  min-width: 6em;
  border-top: 6px solid rgba(0, 0, 0, 0);
  border-bottom: 3px solid rgba(0, 0, 0, 0);
  margin-top: 20px;
  border: 0px;
  padding: 5px;
}
.buttons {
  font-family: Arial;
  font-size: 100%;
  color: white;
  margin-top: -1pc!important;
  bottom: 0px;
  left: 0px;
  right: 0px;
  padding: 14px 0;
  text-align: center;
}
.buttons li {
display: inline-block;
}
.buttons li a {
  background: rgba(0, 0, 0, 0);
  padding: 13px 17px;
  color: white;
  margin: -2.5px;
  transition: .8s;
}
.buttons li a:hover {
  background: rgba(0, 0, 0, 0.2);
  color: #FFFFFF;
}
.content2 {
  width: 530px;
  height: 180px;
  font-size: 14px;
  padding: 5px;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.66);
  box-shadow: rgba(0,0,0,0.6) 0px 1px 6px;
  float: left;
  margin: 20px;
}
* {
  text-shadow: 1px 1px 1px #000;
}
a {
  text-decoration: none;
  color: #8BBE89;
  text-shadow: 1px 1px 1px #000;
  transition: .8s;
}
a:hover {
  color: #fff;
  text-shadow: 0px 0px 2px #fff;
}


.alinhamento {
      width: 46%;
      display: block;
      margin: auto;
     
}

</STYLE>
</BODY></HTML>

Slurk
Nível 10

Masculino
Inscrito dia : 23/11/2015
Mensagens : 273
Pontos Ativos : 738

http://beststyle.forumeiros.com/

Resolvido Re: Redirecionar ao clicar na parte preta

Mensagem por iNerDz em Qua 25 Nov 2015 - 14:11

Perfeito! Muito Obrigado!   Muito feliz OK

iNerDz
Nível 8

Masculino
Inscrito dia : 05/08/2013
Mensagens : 131
Pontos Ativos : 1369

http://www.twolife.forumeiros.com
  • 0

Resolvido Re: Redirecionar ao clicar na parte preta

Mensagem por Slurk em Qua 25 Nov 2015 - 14:13

Posso considerar como Tópico finalizado?

ou tem alguma outra duvida que tenha relação a esse tópico.

Slurk
Nível 10

Masculino
Inscrito dia : 23/11/2015
Mensagens : 273
Pontos Ativos : 738

http://beststyle.forumeiros.com/

Resolvido Re: Redirecionar ao clicar na parte preta

Mensagem por MateusAnjosV em Qua 2 Dez 2015 - 13:55

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.

Tópico marcado como Resolvido e movido para "Questões resolvidas".

MateusAnjosV
Membro do Fórum

Masculino
Inscrito dia : 16/10/2015
Mensagens : 1413
Pontos Ativos : 2319

http://ajuda.forumeiros.com/

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
Fórum dos Fóruns - Ajuda mútua para usuários forumeiros
on
Fórum grátis: interajuda aos usuários forumeiros. Criar e administrar um fórum. Descubra nossos guias, tutoriais e astúcias no suporte de Forumeiros.
Votações: 5