Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Boa Tarde pessoal.
Hoje eu tava tentando fazer um sistema de login e senha para usuarios, e consegui certinho, só que achei interessante que alguns paineis de login tem tipo uma imagem aonde você escreve. Não entendeu ? aqui vai uma imagem para esclarecer, o que eu preciso :
/applications/core/interface/imageproxy/imageproxy.php?img=http://img89.imageshack.us/img89/5190/exemploh.png&key=2dc9af1cec720a6b8138783823ab2d9d2968fdb3f8d09a96f1da676b3ea9105c" alt="exemploh.png" />
Sabe aquela imagem de usuario e a outra de uma chave ? queria saber como colocar uma imagem no lugar onde digita, igual a da imagem..
Se alguem puder me ajuda..
PS: Ja li varios tópicos de pessoas com o mesmo problema, mais não to conseguindo de jeito nenhum..
Código.. :
<!DOCTYPE HTML>
<html lang="pt-br">
<head>
<meta charset="ISO-8859-1" />
<title>Evolution Control Painel Ragnarok - v1.0</title>
<link href="estilo.css" rel="stylesheet" type="text/css" />
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
<style>margin:0;
padding:0;
}font-family: Arial, sans-serif;
font-size:14px;
background-color:#acddf9;
}clear:both;
}
#divPai {
width:600px;
height:250px;
padding:10px 30px;
border-radius:10px;
-moz-border-radius:10px;
background-image:url("images/bg.png");
margin:30px auto;
overflow:hidden;
border-bottom:1px solid #747474;
}display:block;
width:50px;
float:left;
color:#666;
text-shadow:#FFF 1px 1px;
line-height:24px;
}float:left;
border-radius:10px;
-moz-border-radius:10px;
border:1px solid #CCC;
padding:3px 5px;
margin-bottom:10px;
} color:#c78005;
}margin:0;
padding:7px;
background-image:url("images/entrar.png");
border-radius:10px;
-moz-border-radius:10px;
border:1px solid #feb323;
cursor:pointer;
font-weight:bold;
color:#FFF;
}
#divImage {
margin:0px 124px;
padding:0px;
} color:#f8f6f6;
} color:#7bba0a;
} text-decoration:none;
color:#000;
font-weight:bold;
color:#FFF;
} cursor:pointer;
color:#025e0f;
} font-weight:bold;
color:#dd3634;
text-align:right;
}
</style>
</head>
<body>
<center><image src="images/logo.png" /></center>
<div id="divPai">
<form name="FrmLogin" id="FrmLogin" method="post" action="verifica_login.php">
<br />
<br />
<br />
<label><b>Login</b></label>
<input type="text" name="login" maxlength="15" size="26" /><br />
<label><b>Senha</b></label>
<input type="password" name="senha" maxlength="15" size="26" /><br />
<input type="submit" name="logar" id="logar" value="Entrar no CP" />
<div id="divImage">
<div id="divImageDois">
<table align=center width=116 cellpadding=3 cellspacing=2 background="images/registrar.png" height="34">
<tr>
<td>
<font size=2 face="Arial, sans-serif">
<b>.......</b><a href="registro.php">Registrar</a>
</font>
</td>
</tr>
</table>
</div>
</div>
<div id="divAmostra">
<br />
<b>Versao de amostra.<br />
Para testar :<br />
Login: *********<br />
Senha: *********<br />
Interessado ? mande um e-mail para contato@ricardosuman.com.br<br /></b>
</div>
</form>
</div>
<br />
<br />
<div id="footer">
<div id="copy">
<strong>Evolution Control Painel Ragnarok - v1.0</strong> - <strong>E-mail:</strong> contato@ricardosuman.com.br<br />
© 2010 - <?php echo date('Y') ?> <a href="http://www.ricardosuman.com.br" target="_blank">Ricardo Suman - Private Games e Webdesign</a> - Todos os direitos Reervados
</div><!--copy-->
</div>
</body>
</html>Carregando comentários...