Redirecionar ao clicar na parte preta

3 participantes

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

Tópico resolvido Redirecionar ao clicar na parte preta

Mensagem por iNerDz 25.11.15 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Á!

Redirecionar ao clicar na parte preta 1z6edxz
iNerDz

iNerDz
***

Membro desde : 06/08/2013
Mensagens : 131
Pontos : 219

http://www.twolife.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Redirecionar ao clicar na parte preta

Mensagem por Slurk 25.11.15 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:

Redirecionar ao clicar na parte preta Bk7vCbj

ai voce personaliza como quiser.

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

Slurk
****

Membro desde : 23/11/2015
Mensagens : 273
Pontos : 437

http://beststyle.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Redirecionar ao clicar na parte preta

Mensagem por iNerDz 25.11.15 14:21

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

iNerDz
***

Membro desde : 06/08/2013
Mensagens : 131
Pontos : 219

http://www.twolife.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Redirecionar ao clicar na parte preta

Mensagem por iNerDz 25.11.15 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!

Redirecionar ao clicar na parte preta Mt3sdz
iNerDz

iNerDz
***

Membro desde : 06/08/2013
Mensagens : 131
Pontos : 219

http://www.twolife.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Redirecionar ao clicar na parte preta

Mensagem por Slurk 25.11.15 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

Slurk
****

Membro desde : 23/11/2015
Mensagens : 273
Pontos : 437

http://beststyle.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Redirecionar ao clicar na parte preta

Mensagem por iNerDz 25.11.15 14:55

Com 1 unico.. Obrigado!
iNerDz

iNerDz
***

Membro desde : 06/08/2013
Mensagens : 131
Pontos : 219

http://www.twolife.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Redirecionar ao clicar na parte preta

Mensagem por Slurk 25.11.15 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

Slurk
****

Membro desde : 23/11/2015
Mensagens : 273
Pontos : 437

http://beststyle.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Redirecionar ao clicar na parte preta

Mensagem por iNerDz 25.11.15 16:11

Perfeito! Muito Obrigado!   Muito feliz OK
iNerDz

iNerDz
***

Membro desde : 06/08/2013
Mensagens : 131
Pontos : 219

http://www.twolife.forumeiros.com

Ir para o topo Ir para baixo

  • 0

Tópico resolvido Re: Redirecionar ao clicar na parte preta

Mensagem por Slurk 25.11.15 16:13

Posso considerar como Tópico finalizado?

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

Slurk
****

Membro desde : 23/11/2015
Mensagens : 273
Pontos : 437

http://beststyle.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Redirecionar ao clicar na parte preta

Mensagem por MateusAnjosV 02.12.15 15:55

Redirecionar ao clicar na parte preta Symbol10 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

MateusAnjosV
Super Membro

Membro desde : 16/10/2015
Mensagens : 1718
Pontos : 2373

http://holder.forumeiros.com/

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

Permissões neste sub-fórum
Não podes responder a tópicos