Ola pessoal vou compartilhar esse simples efeito de texto para que vocês adicione em seus sites.
ele vai ficar assim:
Para adicionar o efeito basta ir na basta do seu site htdocs/layouts/tibiacom e abre o arquivo layout.php e adicione o seguinte código:
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>nome do seu serve</title>
<style>
#theDiv {
position : relative; z-index: 8; visibility : visible; align : center; color:#555555;
}
</style>
<script language="JavaScript">
function nextSize(i,incMethod,textLength)
{
if (incMethod == 1) { return (22*Math.abs(Math.sin(i/(textLength/3.14))) );
}
if (incMethod == 2) { return (255*Math.abs(Math.cos(i/(textLength/3.14))));
}
return(0)
}
function sizeCycle(text,method,dis)
{
var output = "";
for (i = 0; i < text.length; i++) {
size = parseInt(nextSize(i +dis,method,text.length));
output += "<font style='font-size: "+ size +"pt'>" +text.substring(i,i+1)+ "</font>";
}
if (document.all)
theDiv.innerHTML = output;
else if (document.getElementById){
rng = document.createRange();
el = document.getElementById('theDiv');
rng.setStartBefore(el);
htmlFrag = rng.createContextualFragment(output);
while (el.hasChildNodes()) el.removeChild(el.lastChild);
el.appendChild(htmlFrag);}
else if (document.layers){
document.theDiv.document.write("<font face='Verdana'point-size=11>"+output+"</font>");
document.theDiv.document.close();}
}
//coloque seu texto aqui
function doWave(n) {
var theText = 'BEM VINDO AO LENDARIOT!!!!';
sizeCycle(theText,1,n);
if (n > theText.length) {
n=0
}
setTimeout("doWave(" + (n+1) + ")", 50);
}
</script>
<body onload="doWave(0)">
<div ID="theDiv" align="center"></div>
</head>
<body>
</body>
</html>
texto em verde: aqui você pode colocar o nome do seu servidor exemplo o meu é lendariot eu deixei assim:
<title>lendariot</title>
texto em laranja: aqui você escolhe a cor que você coloca no texto segue a baixo uma pequena lista de cores:
position : relative; z-index: 8; visibility : visible; align : center; color:#FF9933CC;
texto em vermelho: digite o texto que quizer aqui onde está em vermelho como o exemplo a baixo:
var theText = 'digite seu texto!!!!';
somente isso!
eu vi um tópico parecido antes de postar mais a diferença que naquele a letra segue o mouse mais nesse efeito ele é fixado na tela.
caso tenha algum tópico parecido me avise eu coloco os créditos.
se gostou por favor comentem!
e muito obrigado.
