e ae galera a pedido de um mano to fazendo esse tutorial de como criar um menu com o texto em movimento tipo o do forum mesmo (obs: nao fui eu que fiz o desse forum)
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]
existe varias formas de criar esse menu vamos criar o nosso com javascript e css, para começar criamos uma pagina basica
[Tens de ter uma conta e sessão iniciada para poderes visualizar este link]
by Kodo no Kami (hfts315)
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]
existe varias formas de criar esse menu vamos criar o nosso com javascript e css, para começar criamos uma pagina basica
- Código:
<html>
<head>
</head>
<body>
</body>
</html>
- Código:
<html>
<head>
</head>
<body>
<div id="ftsmenu">
<div id="ftsmov">
</div>
</div>
</body>
</html>
- Código:
<html>
<head>
<style type="text/css">
#ftsmenu{
width: 150px;
height: 200px;
position: absolute;
word-wrap: break-word;
background-color: yellow;
}
</style>
</head>
<body>
<div id="ftsmenu">
<div id="ftsmov">
</div>
</div>
</body>
</html>
- Código:
<html>
<head>
<style type="text/css">
#ftsmenu{
width: 150px;
height: 200px;
position: absolute;
word-wrap: break-word;
background-color: yellow;
}
#ftsmov
{
position: absolute;
top: 170px;
}
</style>
</head>
<body>
<div id="ftsmenu">
<div id="ftsmov">
by Kodo no Kami
</div>
</div>
</body>
</html>
- Código:
<html>
<head>
<style type="text/css">
#ftsmenu{
width: 150px;
height: 200px;
position: absolute;
word-wrap: break-word;
background-color: yellow;
}
#ftsmov
{
position: absolute;
top: 170px;
}
</style>
<script type="text/javascript">
function fts_mov()
{
}
</script>
</head>
<body>
<div id="ftsmenu">
<div id="ftsmov">
by Kodo no Kami
</div>
</div>
</body>
</html>
- Código:
<html>
<head>
<style type="text/css">
#ftsmenu{
width: 150px;
height: 200px;
position: absolute;
word-wrap: break-word;
background-color: yellow;
}
#ftsmov
{
position: absolute;
top: 170px;
}
</style>
<script type="text/javascript">
var valor = 170;
function fts_mov()
{
valor -= 10;
}
</script>
</head>
<body>
<div id="ftsmenu">
<div id="ftsmov">
by Kodo no Kami
</div>
</div>
</body>
</html>
- Código:
<html>
<head>
<style type="text/css">
#ftsmenu{
width: 150px;
height: 200px;
position: absolute;
word-wrap: break-word;
background-color: yellow;
}
#ftsmov
{
position: absolute;
top: 170px;
}
</style>
<script type="text/javascript">
var valor = 170;
function fts_mov()
{
valor -= 10;
if(valor <= 0)
{
valor = 170;
}
}
</script>
</head>
<body>
<div id="ftsmenu">
<div id="ftsmov">
by Kodo no Kami
</div>
</div>
</body>
</html>
- Código:
<html>
<head>
<style type="text/css">
#ftsmenu{
width: 150px;
height: 200px;
position: absolute;
word-wrap: break-word;
background-color: yellow;
}
#ftsmov
{
position: absolute;
top: 170px;
}
</style>
<script type="text/javascript">
var valor = 170;
function fts_mov()
{
document.getElementById("ftsmov").style.top = valor + "px";
valor -= 10;
if(valor <= 0)
{
valor = 170;
}
}
</script>
</head>
<body>
<div id="ftsmenu">
<div id="ftsmov">
by Kodo no Kami
</div>
</div>
</body>
</html>
- Código:
<html>
<head>
<style type="text/css">
#ftsmenu{
width: 150px;
height: 200px;
position: absolute;
word-wrap: break-word;
background-color: yellow;
}
#ftsmov
{
position: absolute;
top: 170px;
}
</style>
<script type="text/javascript">
var valor = 170;
function fts_mov()
{
document.getElementById("ftsmov").style.top = valor + "px";
valor -= 10;
if(valor <= 0)
{
valor = 170;
}
}
setInterval(fts_mov,500);
</script>
</head>
<body>
<div id="ftsmenu">
<div id="ftsmov">
by Kodo no Kami
</div>
</div>
</body>
</html>
[Tens de ter uma conta e sessão iniciada para poderes visualizar este link]
by Kodo no Kami (hfts315)