Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

BruceBR

Photoshop/CSS/Dreamwave

Recommended Posts

Aew galera, fiz esse desenho do link abaixo no photoshop:

 

http://img163.imageshack.us/img163/6597/aaaaaou.jpg

 

Até aí tudo bem, eu fiz um template do jeito que queria, mas nao sei como faz para colocar o campo a ser digitado, no login, com o desenho do meu quadrado no psd... quando eu passo o campo para o Dreamweaver fica uns campos gigantes e fora de onde eu quero (e sem falar que não fica da cor e do jeito que fiz no photoshop):

 

http://img138.imageshack.us/img138/1938/bbbbbbbf.jpg

 

Eu quero saber como faço para colocar a imagenzinha que fiz no photoshop como se fosse o campo de login/senha(só que no banco de dados)

Compartilhar este post


Link para o post
Compartilhar em outros sites

<input type="button" name="botão" />

css

.input{
  border:1px solid #999;
  background:url(img.gif);
  color:#555;
  font:bold 11px Arial, Verdana, Tahoma;
}

Compartilhar este post


Link para o post
Compartilhar em outros sites

Bem é o seguinte............

vá na aba para visualização do codigo......... http://forum.imasters.com.br/public/style_emoticons/default/seta.gif

esse é o codigo inicial do DW...

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>

<body>
</body>
</html>
o css fica antes desta tag </head>

então o codigo com a parte de baixo ficaria assim.........

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
<!--
.input{
  border:1px solid #999;
  background:url(img.gif);
  color:#555;
  font:bold 11px Arial, Verdana, Tahoma;
}
-->
</style></head>

<body>

<input type="button" name="botão" />

</body>
</html>

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.