InícioRedirecionar ao clicar na parte preta
3 participantes
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre HTML e BBCode
Página 1 de 1
Redirecionar ao clicar na parte preta
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Á!
iNerDz- ***
- Membro desde : 06/08/2013
Mensagens : 131
Pontos : 219 -
Re: Redirecionar ao clicar na parte preta
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)
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.
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- ****
- Membro desde : 23/11/2015
Mensagens : 273
Pontos : 437 -
Re: Redirecionar ao clicar na parte preta
por iNerDz 25.11.15 14:21
Olá, nao vou usar esse html pro samp mas Eu mudo as imagens aqui, Muito obrigado!
iNerDz- ***
- Membro desde : 06/08/2013
Mensagens : 131
Pontos : 219 -
Re: Redirecionar ao clicar na parte preta
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!
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- ***
- Membro desde : 06/08/2013
Mensagens : 131
Pontos : 219 -
Re: Redirecionar ao clicar na parte preta
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.
aguardo sua resposta, pra lhe enviar da maneira que queira.
Slurk- ****
- Membro desde : 23/11/2015
Mensagens : 273
Pontos : 437 -
iNerDz- ***
- Membro desde : 06/08/2013
Mensagens : 131
Pontos : 219 -
Re: Redirecionar ao clicar na parte preta
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- ****
- Membro desde : 23/11/2015
Mensagens : 273
Pontos : 437 -
iNerDz- ***
- Membro desde : 06/08/2013
Mensagens : 131
Pontos : 219 -
Re: Redirecionar ao clicar na parte preta
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.
ou tem alguma outra duvida que tenha relação a esse tópico.
Slurk- ****
- Membro desde : 23/11/2015
Mensagens : 273
Pontos : 437 -
Re: Redirecionar ao clicar na parte preta
por MateusAnjosV 02.12.15 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- Super Membro
- Membro desde : 16/10/2015
Mensagens : 1718
Pontos : 2373 -
Tópicos semelhantes» Clicar e redirecionar
» Redirecionar Banner ao clicar
» Redirecionar ao clicar na resposta rápida
» Fórum com tela preta
» Fonte preta
» Redirecionar Banner ao clicar
» Redirecionar ao clicar na resposta rápida
» Fórum com tela preta
» Fonte preta
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre HTML e BBCode
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos