1. Este site usa cookies. Ao continuar a usar este site está a concordar com o nosso uso de cookies. Saber Mais.

Dificuldades com TextBox Transparente

Discussão em 'Web Development' iniciada por ark15, 30 de Novembro de 2008. (Respostas: 2; Visualizações: 1769)

  1. ark15

    ark15 Power Member

    Olá a todos.
    Estou a fazer um trabalho para a escola e gostava de usar textbox transparentes pois criei um layout e se usar as textbox normais fica muito mal. Efectuei varias pesquisas pela Internet e não obtive grande sucesso, atraves de tutorial consegui fazer algo semelhante ao que queria mas não consegui totalmente, esta maneira era ussando javascript, quando a Textbox estava "quieta" permanecia transparente só com uma simples borda, mas ao clicar na TextBox ela ficava com o fundo branco, o que fica pesimo , eu queria algo como isto --> http://scenelife.net/ . alguem sabe como posso resolver o meu problema?

    obrigado.
     
  2. Kayvlim

    Kayvlim Undefined Moderator
    Staff Member

    Sabes que podes ver o código fonte da página e ver como eles fizeram isso, certo? :)
    A textbox em questão usa a classe "login", e o CSS correspondente é este:
    Código:
    .login {
    background:transparent;
    border:1px #FFFFFF solid;
    font-size: 10px;
    opacity:0.5;
    color: #FFFFFF;
    }
    .login:hover {
    background:transparent;
    border:1px #FFFFFF solid;
    color: #FFFFFF;
    }
    .login:focus {
    background:transparent;
    opacity:1;
    border:1px #FFFFFF solid;
    color: #FFFFFF;
    }
    
    Não sei se ajuda, mas em princípio há-de ser isso.

    edit - testei uma inputbox com class="login" e esse CSS copiado sem mais nem menos, e funcionou às mil maravilhas :)
     
    Última edição: 30 de Novembro de 2008
  3. ark15

    ark15 Power Member

    Pois, esqueci-me que podia ver como a página foi feita , foi distracção, já testei e funcionou lindamente :)

    Obrigado pela tua atenção.

    Cumps[]
     

Partilhar esta Página