+ Almentar o tamanho da fonte- Diminuir o tamanho da fonteCompartilharEditar postagemComentar essa postagemLink para esta postagem Criar caixa de busca para sites

Caixas de pesquisa é uma das coisa indispensáveis em um site, pois assim o usuário demora menos para encontrar o que ele quer. Vamos aprender agora como criar e sua própria. Adicione o código abaixo onde você quer que a caixa apareça. <form id="search" action="/search" method="get">
<input type="text" class="Qud" id="search-box" name="q" spellcheck="on" widdit="on" autocomplete="on">
<button type="submit" class="FiT" >Pesquisar</button> </form>  Agora vamos personaliza-la

• Aonde está spellcheck, você permite ou não a correção ortográfica, se sim deixe 'on' se não coloque 'off'.
• Aonde está autocomplete, é para permitir ou não completar o texto automaticamente, se sim deixe 'on' se não coloque 'off'.

Aparencia Você também pode personalizar a aparencia da caixa para isso, cole no seu bloco de notas o seguinte código (ou edite ai em baixo mesmo).

.Qud {
background: #FFF;
border: 1px solid #DDD;
padding: 5px;
font-family: Arial;
font-size: 15px;
color: #222; }

• Em background você coloca a cor do plano de fundo da caixa.
• Em border você pode personalizar a borda da caixa
• Aonde está padding, você altera o espaço do texto para a borda.
• Em font-family você coloca a fonte do texto.
• Em font-size você coloca o tamanho do texto.
• Em color você coloca a cor do texto (Visite uma tabela de cores).
• Em font-family você coloca a fonte do texto.

Você também pode personalizar o botão, para isso use a classe .FiT {}.

Ao acabar coloque esse text antes da Tag </head> do seu site.