Aqui você verá artigos sobre JavaScript
Moderador: web
por web Offline » Seg Out 29, 2007 8:18 am
|
Vou explicar nesse artigo para fazer uma barra para quando a pessoa estiver deslogada em seu sistema.
Obs.: Você deverá montar um if para quando a pessoa não tiver logada no seu sistema e aplicar o código.
Copie as duas figuras abaixo para o mesmo diretório onde vai rodar o script
http://www.codigosnaweb.com/warning.gif
http://www.codigosnaweb.com/warning2.gif
Agora, copie as partes abaixo
CSS
- Código: Selecionar todos
<style type="text/css">
body {
margin: 0 !important;
padding: 0 !important;
}
#infobar {
font: message-box;
}
#infobar a, #infobar a:link, #infobar a:visited, #infobar a:active {
display: block;
color: InfoText;
background: InfoBackground url() no-repeat fixed .3em .3em;
padding: .45em .3em .45em 2em;
border-bottom: 1px outset black;
text-decoration: none;
cursor: default;
}
#infobar a:hover {
color: HighlightText;
background: Highlight url() no-repeat fixed .3em .3em;
}
</style>
JAVASCRIPT
- Código: Selecionar todos
<script type="text/javascript">
valor = -25;
imagens = new Image();
imagens.src='warning.gif';
imagens.src='warning2.gif';
function aumenta() {
valor = valor+1;
if(valor > -7) {
valor = 0;
return false;
}
setTimeout("aumenta()", 5);
document.getElementById('infobar').style.top=valor+"px";
}
function Over() {
document.getElementById("warning").src="warning2.gif";
}
function Outer() {
document.getElementById("warning").src="warning.gif";
}
</script>
HTML
- Código: Selecionar todos
<body onload="aumenta()">
<div id="infobar" onmouseover="Over()" onmouseout="Outer()" style="position:absolute; width:100%; top:-30px;">
<a href="documento.php" style="font-weight:normal;"><span><img id="warning" src="warning.gif" style="border:0px; position:relative; top:4px; left:-15px;"></span>
<span style="position:relative; left:-10px;">aqui vem seu texto</span></a></div>
Gostou do que encontrou? Divulgue, indique, participe, agradeça pelas respostas.
Faço scripts personalizados ou reparos em scripts. Orçamento MSN codigosnaweb1 [@] gmail [.] com
web
ADMIN
Mensagens: 12407
Registrado em: Sáb Jan 20, 2007 6:08 pm
Localização: RJ / RJ / Brasil
|
Voltar para Artigos sobre JavaScript
Quem está online
Usuários navegando neste fórum: Nenhum usuário registrado e 1 visitante
