Ir para conteúdo
Fórum Script Brasil

leomoraes87

Membros
  • Total de itens

    2
  • Registro em

  • Última visita

Posts postados por leomoraes87

    • st

    Boa tarde!!!

    Queria uma ajuda para alinhar esse botão de pesquisa, pois não tenho muito conhecimento em html só em java. No meu blog o botão fica na esquerda da página, queria que ele fosse para direita totalmente.

     

    <style type="text/css">
    #pesquisafsm-caixa {
    background: #eee; padding:10px; border:0 none; width:170px;
    }
    #pesquisafsm-botao {
    border: 1px solid #222;
    color: #eee; 
    background: url(http://i.imgur.com/cz4sguf.png) no-repeat left #4591fa;
    margin-left: -3px;
    color:#fff;
    font: 'trebuchet ms', trebuchet;
    padding:10px 10px 10px 22px;
    border:0 none;
    font-weight:bold;
    border-top-right-radius: 7px;
    border-bottom-right-radius: 7px;
    }
    #pesquisafsm-botao:hover {
    cursor: pointer;
    background:  url(http://i.imgur.com/cz4sguf.png) no-repeat left #2375E6;
    }
    </style>
    <form action="/search" id="searchthis" method="get" style="display: inline;">
    <input id="pesquisafsm-caixa" name="q" placeholder="O que está procurando?" size="40" type="text" /> <input id="pesquisafsm-botao" type="submit" value="Pesquisar" /> </form>

  1. Boa tarde!!!

    Queria uma ajuda para alinhar esse botão de pesquisa, pois não tenho muito conhecimento em html só em java. No meu blog o botão fica na esquerda da página, queria que ele fosse para direita totalmente.

     

    <style type="text/css">
    #pesquisafsm-caixa {
    background: #eee; padding:10px; border:0 none; width:170px;
    }
    #pesquisafsm-botao {
    border: 1px solid #222;
    color: #eee; 
    background: url(http://i.imgur.com/cz4sguf.png) no-repeat left #4591fa;
    margin-left: -3px;
    color:#fff;
    font: 'trebuchet ms', trebuchet;
    padding:10px 10px 10px 22px;
    border:0 none;
    font-weight:bold;
    border-top-right-radius: 7px;
    border-bottom-right-radius: 7px;
    }
    #pesquisafsm-botao:hover {
    cursor: pointer;
    background:  url(http://i.imgur.com/cz4sguf.png) no-repeat left #2375E6;
    }
    </style>
    <form action="/search" id="searchthis" method="get" style="display: inline;">
    <input id="pesquisafsm-caixa" name="q" placeholder="O que está procurando?" size="40" type="text" /> <input id="pesquisafsm-botao" type="submit" value="Pesquisar" /> </form>

×
×
  • Criar Novo...