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

Esqueci minha senha

Últimos assuntos
» Remover espaçamento a mais :\
Hoje à(s) 08:47 am por Ketholy

» Formular página do Mobirise
Hoje à(s) 08:46 am por Ketholy

» Personalização De Linhas No Forum Na Barra De Rolamento Da Tela
Hoje à(s) 08:40 am por Ketholy

» Nome do Responsável pelo fórum
Hoje à(s) 08:10 am por odelgado

» Pagina Mobirise Bugado No HTML Do Forum
Hoje à(s) 02:58 am por Daniel Yan

» Domínio Personalizado
Hoje à(s) 01:53 am por Gaaratsu

» Avatar Sonic
Hoje à(s) 01:08 am por Gaaratsu

Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Os membros mais ativos da semana
Luiz
 
Gaaratsu
 
iScroll
 
Daniel Yan
 
Ketholy
 
Eduardo Lima
 
Shek
 
ranzatti
 
cocas20
 
Lost154
 

Quem está conectado
195 usuários online :: 4 usuários cadastrados, Nenhum Invisível e 191 Visitantes :: 2 Motores de busca

Daniel Yan, Ketholy, odelgado, YouTube3

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em 24/12/09, 01:05 pm

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 25/11/15, 10:32 am

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Á!

avatar

iNerDz
Nível 8

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

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

Resolvido Re: Redirecionar ao clicar na parte preta

Mensagem por Slurk em 25/11/15, 12:16 pm

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

Slurk
Nível 10

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

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

Resolvido Re: Redirecionar ao clicar na parte preta

Mensagem por iNerDz em 25/11/15, 12:21 pm

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

iNerDz
Nível 8

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

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

Resolvido Re: Redirecionar ao clicar na parte preta

Mensagem por iNerDz em 25/11/15, 12:48 pm

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!

avatar

iNerDz
Nível 8

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

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

Resolvido Re: Redirecionar ao clicar na parte preta

Mensagem por Slurk em 25/11/15, 12:53 pm

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

Slurk
Nível 10

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

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

Resolvido Re: Redirecionar ao clicar na parte preta

Mensagem por iNerDz em 25/11/15, 12:55 pm

Com 1 unico.. Obrigado!
avatar

iNerDz
Nível 8

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

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

Resolvido Re: Redirecionar ao clicar na parte preta

Mensagem por Slurk em 25/11/15, 01:08 pm

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

Slurk
Nível 10

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

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

Resolvido Re: Redirecionar ao clicar na parte preta

Mensagem por iNerDz em 25/11/15, 02:11 pm

Perfeito! Muito Obrigado!   Muito feliz OK
avatar

iNerDz
Nível 8

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

Ver perfil do usuário http://www.twolife.forumeiros.com
  • 0

Resolvido Re: Redirecionar ao clicar na parte preta

Mensagem por Slurk em 25/11/15, 02:13 pm

Posso considerar como Tópico finalizado?

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

Slurk
Nível 10

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

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

Resolvido Re: Redirecionar ao clicar na parte preta

Mensagem por MateusAnjosV em 02/12/15, 01:55 pm

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

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

MateusAnjosV
Membro do Fórum

Masculino
Inscrito dia : 16/10/2015
Mensagens : 1436
Pontos Ativos : 2009

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

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo


Permissão deste fórum:
Você não pode responder aos tópicos neste fórum