tutoriais

jogos

Códigos/Cheats

Galerias

fóruns

TUTORIAIS DE DHTML

Texto com o fundo em ondas.

Inserir um efeito de ondas dinâmicas a nas letras de um texto.

Demo: A decorer

1. Inserir entre os tags <HEAD>...</HEAD>:

<style>
.textstyle	{
	position:absolute;
	left:-2000px;
	font-size:75pt;
	font-weight:bold;
	line-height:0.8;
	font-family:Times;
	color:black;
	background-color:white;
	filter:chroma(color=black;);
}

A,A:visited	{
    color:black;
    text-decoration:none;
}

.bgdivstyle	{
	position:absolute;
	left:-2000px;
        filter:wave(strength=2,freq=5,phase=5,lightstrength=40);
}
</style>

<script>
// Copyright P. Gehrig et U. Dudli at www.24fun.com 
// Vosso Texto aqui !
var message=new Array()
message[0]="<center>SCRIPTS DHTML</center>"
// L'URL associado a mensagem
var messageurl=new Array()
messageurl[0]="index.htm"
// O atributo target dos links. Valores possíveis : '_blank' ou '_top'
// ou '_parent' ou '_self' ou 'nome da janela target'
var messagetarget=new Array()
messagetarget[0]="_blank"
// A altura da zona de mensagem(s)
var messageheight=220
// A largura da zona de mensagem(s)
var messagewidth=580
// A distância em relação a borda superior
var messagetop=10
// A distância em relação a borda esquerda
var messageleft=10
// As cores das bandas 1 e 2
var stripecolor1="blue"
var stripecolor2="blue"
// A quantidade de bandas
var stripenumbers=2
// O tempo de pausa entre as mensagens
var pause=3000

//////////////////////////////////////////////
var i_message=0
var timer
var bgcontent=""

function init() {
	if (document.all) {
        bgcontent="<table cellpadding=90 cellspacing=0 width="+messagewidth+" height="+messageheight+">"
        for (i=0;i<=stripenumbers;i++) {
        bgcontent+="<tr><td bgcolor="+stripecolor1+"></td></tr>"
        bgcontent+="<tr><td bgcolor="+stripecolor2+"></td></tr>"
        }
        bgcontent+="</table>"
	bgdiv.innerHTML=bgcontent
        text.style.width=messagewidth
        text.style.height=messageheight
	document.all.text.style.posTop=messagetop
        document.all.text.style.posLeft=messageleft
        document.all.bgdiv.style.posTop=messagetop
        document.all.bgdiv.style.posLeft=messageleft
        setInterval("bgdiv.filters.wave.phase+=5",100);
        changemessage()
    }
}

function changemessage() {
    i_message++
    if (i_message>message.length-1) {i_message=0}
    text.innerHTML="<a href="+messageurl[i_message]+" target="+messagetarget[i_message]+">"+message[i_message]+"</a>"
    var timer=setTimeout("changemessage()", pause) 
}
// -->
</script>

Para configurar:

No início do script configura-se o estilo do texto.

Depois configura-se os parâmetros do efeito

O Texto.
message[0]="<center>SCRIPTS DHTML</center>"
O URL associado a mensagem
messageurl[0]="index.htm"
A altura da zona de mensagem(s)
var messageheight=220
A largura da zona de mensagem(s)
var messagewidth=580
A distância em relação a borda superior
var messagetop=10
A distância em relação a borda esquerda
var messageleft=10
As cores das bandas 1 e 2
var stripecolor1="blue"
var stripecolor2="blue"
A quantidade de bandas
var stripenumbers=2
O tempo de pausa entre as mensagens
var pause=3000

2. Inserir entre os tags <BODY>...</BODY>:

3. Inserir dentro do tags <BODY>:

ANÚNCIOS

Tutoriais | Fóruns de Discussão | Notícias | Jogos | Dicas | Flash | Downloads | Livros
Gifs Animados | Loja Online | Publicitar no Truques e Dicas | Contactos