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
» Staff do Fórum dos Fóruns e mudanças internas na equipe
Hoje à(s) 01:42 pm por Shek

» Nova MP ModerNBB
Hoje à(s) 01:38 pm por Luiz

» Fórum redireciona para outro
Hoje à(s) 01:31 pm por Luiz

» botão Drop Down no Widgets
Hoje à(s) 01:31 pm por Luiz

» Top Usuário
Hoje à(s) 01:28 pm por Luiz

» Personalização do campo "Lançamento de Dados"
Hoje à(s) 01:02 pm por Shek

» Como mudar a cor e imagem desta caixinha?
Hoje à(s) 10:30 am por Ketholy123

Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Os membros mais ativos da semana
Luiz
 
iScroll
 
Matt Shultz
 
Ketholy123
 
Harleen
 
Shek
 
T1ag0
 
zHugh
 
PlayWillian
 
soldado
 

Quem está conectado
281 usuários online :: 9 usuários cadastrados, Nenhum Invisível e 272 Visitantes :: 2 Motores de busca

DustyRhodes, EDU2010, Ketholy123, Luiz, Shek, soldado, Thoth, uvmyyvpew, Vera Farinha

[ 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 : 1435
Pontos Ativos : 2004

Ver perfil do usuário 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