Sei que ja viram em alguns sites uma lupa dentro de um textbox, bem isso é muito legal porque além de dar uma ótima aparência a imagem diz tudo pra que serve.


1-crie um arquivo css com esse conteúdo.

.tb11 {
    background:#FFFFFF url('../images/lupa_search.gif') no-repeat 4px 4px;
    padding:4px 4px 4px 22px;
    border:1px solid #CCCCCC;
    height:18px;
}

2-na página onde o seu textobx irá aparecer ponha

<head runat="server">
    <title></title>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <link href="css/stylePrincipal.css" rel="stylesheet" type="text/css" />
</head>

3-agora é só chamar a class

 <asp:TextBox ID="txtbusca" CssClass="tb11" Width="380px" runat="server" 
            Font-Names="Verdana" Font-Size="Small" ForeColor="#000066"></asp:TextBox>

O resultado fica super legal !  até a próxima !



Exibições: 21

© 2017   Criado por Ramon Durães.   Ativado por

Badges  |  Relatar um incidente  |  Termos de serviço