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
Login

Esqueci minha senha

Últimos assuntos
Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Parceiros Forumeiros
Quem está conectado
254 usuários online :: 10 usuários cadastrados, 1 Invisível e 243 Visitantes :: 1 Motor de busca

Connor R., fiapinho, Fou-Lu, Heitor A., Holkis, Kyo Panda, Neimasinho, Shek Crowley, tabarra, vitorsali

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em Qui 24 Dez 2009 - 15: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 - 12: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 : 06/08/2013
Mensagens : 131
Pontos Ativos : 1517

http://www.twolife.forumeiros.com

Resolvido Re: Redirecionar ao clicar na parte preta

Mensagem por Slurk em Qua 25 Nov 2015 - 14: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 : 886

http://beststyle.forumeiros.com/

Resolvido Re: Redirecionar ao clicar na parte preta

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

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

iNerDz
Nível 8

Masculino
Inscrito dia : 06/08/2013
Mensagens : 131
Pontos Ativos : 1517

http://www.twolife.forumeiros.com

Resolvido Re: Redirecionar ao clicar na parte preta

Mensagem por iNerDz em Qua 25 Nov 2015 - 14: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 : 06/08/2013
Mensagens : 131
Pontos Ativos : 1517

http://www.twolife.forumeiros.com

Resolvido Re: Redirecionar ao clicar na parte preta

Mensagem por Slurk em Qua 25 Nov 2015 - 14: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 : 886

http://beststyle.forumeiros.com/

Resolvido Re: Redirecionar ao clicar na parte preta

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

Com 1 unico.. Obrigado!

iNerDz
Nível 8

Masculino
Inscrito dia : 06/08/2013
Mensagens : 131
Pontos Ativos : 1517

http://www.twolife.forumeiros.com

Resolvido Re: Redirecionar ao clicar na parte preta

Mensagem por Slurk em Qua 25 Nov 2015 - 15: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 : 886

http://beststyle.forumeiros.com/

Resolvido Re: Redirecionar ao clicar na parte preta

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

Perfeito! Muito Obrigado!   Muito feliz OK

iNerDz
Nível 8

Masculino
Inscrito dia : 06/08/2013
Mensagens : 131
Pontos Ativos : 1517

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

Resolvido Re: Redirecionar ao clicar na parte preta

Mensagem por Slurk em Qua 25 Nov 2015 - 16: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 : 886

http://beststyle.forumeiros.com/

Resolvido Re: Redirecionar ao clicar na parte preta

Mensagem por MateusAnjosV em Qua 2 Dez 2015 - 15: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 : 1417
Pontos Ativos : 2474

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