Como coloco esse efeito de lanterna na entrada do meu forum

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

Resolvido Como coloco esse efeito de lanterna na entrada do meu forum

Mensagem por Bruninho._ em 10/01/13, 12:48 am

Qual é minha questão:
Tem como por essa lanterna na entrada do meu forum?

http://brasiltruckerslifebr.forumeiros.com/

Endereço do meu fórum:
http://www.csi-nwd.forumeiros.com

Versão do fórum:
PHPBB3
avatar

Bruninho._
Nível 8

Masculino
Inscrito dia : 18/07/2012
Mensagens : 145
Pontos Ativos : 228

Ver perfil do usuário http://www.nwdgames.com https://www.facebook.com/nwdgames https://twitter.com/nwd_

Resolvido Re: Como coloco esse efeito de lanterna na entrada do meu forum

Mensagem por Consolado em 10/01/13, 12:53 am

Olá!

Crie uma página HTML com esse código:
Código:

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <link rel="icon" href="http://dl.dropbox.com/u/19426320/Swords.png" type="HD" />
    <title>Brasil Trucker's Life</title>
    <meta name="language" content="Português"> 
    <meta name="keywords" content="brasiltruckerslifebr.forumeiros.com | iHeload">
    <meta name="description" content="brasiltruckerslifebr.forumeiros.com | iHeload">
</head>
 
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 
 
 
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"><head>
 
 
 
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
 
 
<title>Brasil Trucker's Life</title>
 
 
 
<style type="text/css" media="all">
 
 
 
 
 
 
 
html,
 
 
 
 
 
 
 
body {
 
 
 
 
 
 
 
    margin: 0;
 
 
 
 
 
 
 
    padding: 0;
 
 
 
 
 
 
 
}
 
 
 
 
 
 
 
#text-shadow-box {
 
 
 
 
 
 
 
    position: fixed;
 
 
 
 
 
 
 
    left: 0;
 
 
 
 
 
 
 
    right: 0;
 
 
 
 
 
 
 
    top: 0;
 
 
 
 
 
 
 
    bottom: 0;
 
 
 
 
 
 
 
    width: 100%;
 
 
 
 
 
 
 
    height: 100%;
 
 
 
 
 
 
 
    overflow: hidden;
 
 
 
 
 
 
 
    background: #00EEEE;
 
 
 
 
 
 
 
    font-family: Rockwell, Arial, sans-serif;
 
 
 
 
 
 
 
    -webkit-tap-highlight-color: rgba(0,0,0,0);
 
 
 
 
 
 
 
    -webkit-user-select: none;
 
 
 
 
 
 
 
}
 
 
 
 
 
 
 
#text-shadow-box #tsb-text,
 
 
 
 
 
 
 
#text-shadow-box #tsb-link {
 
 
 
 
 
 
 
    position: absolute;
 
 
 
 
 
 
 
    top: 40%;
 
 
 
 
 
 
 
    left: 0;
 
 
 
 
 
 
 
    width: 100%;
 
 
 
 
 
 
 
    height: 1em;
 
 
 
 
 
 
 
    margin: -0.77em 0 0 0;
 
 
 
 
 
 
 
    font-size: 70px;
 
 
 
 
 
 
 
    line-height: 1em;
 
 
 
 
 
 
 
    font-weight: bold;
 
 
 
 
 
 
 
    text-align: center;
 
 
 
 
 
 
 
}
 
 
 
 
 
 
 
#text-shadow-box #tsb-text {
 
 
 
 
 
 
 
    font-size: 100px;
 
 
 
 
 
 
 
    color: transparent;
 
 
 
 
 
 
 
    text-shadow: black 0px -45.2px 19px;
 
 
 
 
 
 
 
}
 
 
 
 
 
 
 
#text-shadow-box #tsb-link a {
 
 
 
 
 
 
 
    color: #FFFFFF;
 
 
 
 
 
 
 
    text-decoration: none;
 
 
 
 
 
 
 
}
 
 
 
 
 
 
 
#text-shadow-box #tsb-box,
 
 
 
 
 
 
 
#text-shadow-box #tsb-wall {
 
 
 
 
 
 
 
    position: absolute;
 
 
 
 
 
 
 
    top: 41%;
 
 
 
 
 
 
 
    left: 0;
 
 
 
 
 
 
 
    width: 100%;
 
 
 
 
 
 
 
    height: 60%;
 
 
 
 
 
 
 
}
 
 
 
 
 
 
 
#text-shadow-box #tsb-box {
 
 
 
 
 
 
 
    -webkit-box-shadow: black 0px -45.2px 39px;
 
 
 
 
 
 
 
    -moz-box-shadow: black 0px -45.2px 39px;
 
 
 
 
 
 
 
}
 
 
 
 
 
 
 
#text-shadow-box #tsb-wall {
 
 
 
 
 
 
 
    background: #999;
 
 
 
 
 
 
 
}
 
 
 
 
 
 
 
#text-shadow-box #tsb-wall p {
 
 
 
 
 
 
 
    position: relative;
 
 
 
 
 
 
 
    font-size: 15px;
 
 
 
 
 
 
 
    line-height: 1.5em;
 
 
 
 
 
 
 
    text-align: justify;
 
 
 
 
 
 
 
    color: #222;
 
 
 
 
 
 
 
    width: 550px;
 
 
 
 
 
 
 
    margin: 1.5em auto;
 
 
 
 
 
 
 
    cursor: default;
 
 
 
 
 
 
 
}
 
 
 
 
 
 
 
#text-shadow-box #tsb-wall p a {
 
 
 
 
 
 
 
    color: #fff;
 
 
 
 
 
 
 
}
 
 
 
 
 
 
 
#text-shadow-box #tsb-wall p a:hover {
 
 
 
 
 
 
 
    text-decoration: none;
 
 
 
 
 
 
 
    color: #000;
 
 
 
 
 
 
 
    background: #fff;
 
 
 
 
 
 
 
}
 
 
 
 
 
 
 
#tsb-spot {
 
 
 
 
 
 
 
    position: absolute;
 
 
 
 
 
 
 
    top: -50%;
 
 
 
 
 
 
 
    left: -50%;
 
 
 
 
 
 
 
    width: 200%;
 
 
 
 
 
 
 
    height: 200%;
 
 
 
 
 
 
 
    pointer-events: none;
 
 
 
 
 
 
 
    background: -webkit-gradient(radial, center center, 0, center center, 450, from(rgba(0,0,0,0)), to(rgba(0,0,0,1)));
 
 
 
 
 
 
 
    background: -moz-radial-gradient(center 45deg, circle closest-side, transparent 0, black 450px);
 
 
 
 
 
 
 
}
 
 
 
 
 
 
 
</style>
 
 
 
 
 
 
 
 
 
 
 
<!--[if IE]>
 
 
 
 
 
 
 
<style type="text/css">
 
 
 
 
 
 
 
/* Infelizmente não há suporte para o IE9 ponteiro-eventos: none; nem CSS2 text-shadow  */
 
 
 
 
 
 
 
#tsb-spot {
 
 
 
 
 
 
 
    display: none;
 
 
 
 
 
 
 
}
 
 
 
 
 
 
 
#tsb-ie {
 
 
 
 
 
 
 
    position: absolute;
 
 
 
 
 
 
 
    top: -90%;
 
 
 
 
 
 
 
    left: -50%;
 
 
 
 
 
 
 
    width: 200%;
 
 
 
 
 
 
 
    height: 334%;
 
 
 
 
 
 
 
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPgogICAgPHN0b3Agb2Zmc2V0PSI3NCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L3JhZGlhbEdyYWRpZW50PgogIDxyZWN0IHg9Ii01MCIgeT0iLTUwIiB3aWR0aD0iMTAxIiBoZWlnaHQ9IjEwMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
 
 
 
 
 
 
 
}
 
 
 
 
 
 
 
</style>
 
 
 
 
 
 
 
<![endif]-->
 
 
 
 
 
 
</head>
 
 
 
 
 
 
 
<body>
 
 
 
 
 
 
<center>
 
 
 
 
 
 
 
 <embed src="playergv1.swf">
 
 
 
</center>
 
 
 
 
 
<div id="text-shadow-box">
 
 
 
 
 
 
 
  <div style="box-shadow: 0px 84.8px 48px black;" id="tsb-box"></div>
 
 
 
 
 
 
  <p style="text-shadow: -28px 84.8px 28px black;" id="tsb-text">Brasil Trucker's Life</p>
 
 
 
 
 
 
 
        <p id="tsb-link"><a href="http://brasiltruckerslifebr.forumeiros.com/portal">Brasil Trucker's Life</a></p>
 
 
 
 
 
 
<div id="tsb-wall">
 
 
 
 
 
 
 
        <div id="tsb-ie"></div><br>
 
 
 
 
 
 
 
<p></p>
 
 
 
<center>
 
 
 
<h1><blink>Seja bem Vindo!</blink></h1>
 
<center>Brasil Trucker's Life, servidor de samp com o intuito<br> de caminhoneiro,  temos administradores responsáveis, e que lhe ajudaram<br> muito in-game e no fórum, muito obrigado pela preferencia, até mais </center> <br> <br>
 
<b>Contato iHeload: MSN: gustavonetfaq@hotmail.com - Skype: gustavofernandescap </b><br>
<b>Contato Douglas01017: MSN: douglas01017@hotmail.com - Skype: Douglas01017 </b><br>
 
 
 
 
 
 
 
 
 
 
 
 
</center>
 
 
 
<p></p>
 
<br>
<br>
 
<br>
<br>
 
 
 
 
<center><font face="Tahoma" size="6" color="#006530">Créditos:<marquee behavior="scroll" direction="left" scrollamount="2" scrolldelay="20" width="50%"><font face="Tahoma" size="4" color="#ffffff"> iHeload -  Max Kyle - Azure - SP-Design - <a href="http://www.forumeiros.com" target="_blank">Forumeiros.com </a>- <a href="http://myfreecopyright.com/">©Myfreecopyright</a> </font></marquee></b></center<font face="Courier New" color="#FF0000" size="6"><b>
 
 
 
 
 
 
 
 
    </div>
 
 
 
 
 
 
 
    <div style="background-position: 70px -319px;" id="tsb-spot"></div>
 
 
 
 
 
 
</div>
 
 
 
 
 
 
 
<script type="text/javascript" language="javascript" charset="utf-8">
 
 
 
 
 
 
 
/**
 
 
 
 * - Max Kyle -
 
 
 
 * http://spdesign.ativoforum.com
 
 
 
 * Criei essa pagina (^_^)
 
 
 
 * Recife - Pernambuco | Nordestino também sabe fazer código
 
 
 
 * Isto tem direitos autorais não remova meus créditos dei duro pra fazer isso | Max Kyle
 
 
 
 */
 
 
 
 
 
 
 
var text = null;
 
 
 
 
 
 
 
var spot = null;
 
 
 
 
 
 
 
var box = null;
 
 
 
 
 
 
 
var boxProperty = '';
 
 
 
 
 
 
 
init();
 
 
 
 
 
 
 
function init() {
 
 
 
 
 
 
 
    text = document.getElementById('tsb-text');
 
 
 
 
 
 
 
    spot = document.getElementById('tsb-spot');
 
 
 
 
 
 
 
    box = document.getElementById('tsb-box');
 
 
 
 
 
 
 
    if (typeof box.style.webkitBoxShadow == 'string') {
 
 
 
 
 
 
 
        boxProperty = 'webkitBoxShadow';
 
 
 
 
 
 
 
    } else if (typeof box.style.MozBoxShadow == 'string') {
 
 
 
 
 
 
 
        boxProperty = 'MozBoxShadow';
 
 
 
 
 
 
 
    } else if (typeof box.style.boxShadow == 'string') {
 
 
 
 
 
 
 
        boxProperty = 'boxShadow';
 
 
 
 
 
 
 
    }
 
 
 
 
 
 
 
    if (text && spot && box) {
 
 
 
 
 
 
 
        document.getElementById('text-shadow-box').onmousemove = onMouseMove;
 
 
 
 
 
 
 
        document.getElementById('text-shadow-box').ontouchmove = function (e) {e.preventDefault(); e.stopPropagation(); onMouseMove({clientX: e.touches[0].clientX, clientY: e.touches[0].clientY});};
 
 
 
 
 
 
 
    }
 
 
 
 
 
 
 
}
 
 
 
 
 
 
 
function onMouseMove(e) {
 
 
 
 
 
 
 
    if (typeof e === 'undefined' || typeof e.clientX === 'undefined') {
 
 
 
 
 
 
 
        return;
 
 
 
    }
 
 
 
 
 
 
 
    var xm = (e.clientX - Math.floor(window.innerWidth / 2)) * 0.4;
 
 
 
 
 
 
 
    var ym = (e.clientY - Math.floor(window.innerHeight / 3)) * 0.4;
 
 
 
 
 
 
 
    var d = Math.round(Math.sqrt(xm*xm + ym*ym) / 5);
 
 
 
 
 
 
 
    text.style.textShadow = -xm + 'px ' + -ym + 'px ' + (d + 10) + 'px black';
 
 
 
 
 
 
 
    if (boxProperty) {
 
 
 
 
 
 
 
        box.style[boxProperty] = '0 ' + -ym + 'px ' + (d + 30) + 'px black';
 
 
 
 
 
 
 
    }
 
 
 
 
 
 
 
    xm = e.clientX - Math.floor(window.innerWidth / 2);
 
 
 
 
 
 
 
    ym = e.clientY - Math.floor(window.innerHeight / 2);
 
 
 
 
 
 
 
    spot.style.backgroundPosition = xm + 'px ' + ym + 'px';
 
 
 
 
 
 
 
}
 
 
 
 
 
 
 
</script>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
</object>
 
 
 
 
 
<object width="1" height="1"><param name="movie" value="http://static.mp3.zdn.vn/skins/mp3_main/flash/player/mp3Player_skin1.swf?xmlurl=http://mp3.zing.vn/blog?MjAxMi8wOS8wNi9kL2UvInagaMEZGViNzIxMWRhNjAzMDA3NmMzYzk2YTgxMTBlY2NhMzEdUngWeBXAzfFJhmUsICCBMWeB3ZlIChCZWF0KSAcUIbaBIHxsdWx1mUsIC3VhfDF8NQ" /><param name="quality" value="high" /><param name="wmode" value="transparent" /><embed width="1" height="1" src="http://static.mp3.zdn.vn/skins/mp3_main/flash/player/mp3Player_skin1.swf?xmlurl=http://mp3.zing.vn/blog?MjAxMi8wOS8wNi9kL2UvInagaMEZGViNzIxMWRhNjAzMDA3NmMzYzk2YTgxMTBlY2NhMzEdUngWeBXAzfFJhmUsICCBMWeB3ZlIChCZWF0KSAcUIbaBIHxsdWx1mUsIC3VhfDF8NQ" quality="high" wmode="transparent" type="application/x-shockwave-flash"></embed></object><br />
</html>
Melhores cumprimentos.
avatar

Consolado
Super usuário

Inscrito dia : 09/05/2011
Mensagens : 4243
Pontos Ativos : 6128

Ver perfil do usuário

Resolvido Re: Como coloco esse efeito de lanterna na entrada do meu forum

Mensagem por Bruninho._ em 10/01/13, 01:23 am

eu quero só a lanterna, ai ta a pagina inteira do forum... =/
avatar

Bruninho._
Nível 8

Masculino
Inscrito dia : 18/07/2012
Mensagens : 145
Pontos Ativos : 228

Ver perfil do usuário http://www.nwdgames.com https://www.facebook.com/nwdgames https://twitter.com/nwd_

Resolvido Re: Como coloco esse efeito de lanterna na entrada do meu forum

Mensagem por Sennior em 10/01/13, 12:49 pm

Saudações!

Amigo apenas à lanterna não há como! A quilo é uma pagina HTML, tera que coloca-la em sua edições de HTML.

Até mais!
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Como coloco esse efeito de lanterna na entrada do meu forum

Mensagem por Bruninho._ em 10/01/13, 03:02 pm

se não tem como mesmo então podem fechar o tópico =/
avatar

Bruninho._
Nível 8

Masculino
Inscrito dia : 18/07/2012
Mensagens : 145
Pontos Ativos : 228

Ver perfil do usuário http://www.nwdgames.com https://www.facebook.com/nwdgames https://twitter.com/nwd_

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