ArtigosComo coloco esse efeito de lanterna na entrada do meu forum
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
Como coloco esse efeito de lanterna na entrada do meu forum
por Bruninho._ 10.01.13 2:48
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
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
Bruninho._- ***
- Membro desde : 18/07/2012
Mensagens : 146
Pontos : 229 -
Re: Como coloco esse efeito de lanterna na entrada do meu forum
por Consolado 10.01.13 2:53
Olá!
Crie uma página HTML com esse código:
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>
Consolado- Hiper Membro
- Membro desde : 09/05/2011
Mensagens : 4243
Pontos : 6128
Re: Como coloco esse efeito de lanterna na entrada do meu forum
por Bruninho._ 10.01.13 3:23
eu quero só a lanterna, ai ta a pagina inteira do forum... =/
Bruninho._- ***
- Membro desde : 18/07/2012
Mensagens : 146
Pontos : 229 -
Re: Como coloco esse efeito de lanterna na entrada do meu forum
por Sennior 10.01.13 14:49
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!
Amigo apenas à lanterna não há como! A quilo é uma pagina HTML, tera que coloca-la em sua edições de HTML.
Até mais!
Sennior- Principal Contribuidor
- Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903 -
Re: Como coloco esse efeito de lanterna na entrada do meu forum
por Bruninho._ 10.01.13 17:02
se não tem como mesmo então podem fechar o tópico =/
Bruninho._- ***
- Membro desde : 18/07/2012
Mensagens : 146
Pontos : 229 -
Tópicos semelhantes» Como coloco este tipo de efeito no meu fórum?
» Como coloco esse efeito?
» Coloco o botão de efeito neon
» Como eu coloco um efeito no nome
» Como que eu coloco este efeito
» Como coloco esse efeito?
» Coloco o botão de efeito neon
» Como eu coloco um efeito no nome
» Como que eu coloco este efeito
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