Adicionar e personalizar caixa de busca

Olá,

Eu quero saber como eu ponho está caixinha "Buscar" que fica entre o Menu e os Anuncios do Forum. O Meu Forum é PhpBB2.


Abraços!

Olá!

Veja este tópico:

Nova caixa de busca do FdF

Espero ter ajudado.

Abraços, Mr. Bean.

Olá,

Eu li este Topico antes de fazer a postagem mais ai só tem pra PhpBB3 eu quero para PhpBB2.


Abraços!

Olá,

Poderia somente nos informar se sua dúvida se encontra resolvida autor?

Até mais!

Não.

Boa noite,
Reparei que não tem caixa de busca no seu fórum. Será possível passar o CSS do seu fórum para que lhe possamos colocar tudo em ordem?

Até mais.

Olá,

Aqui está Os Codigos CSS do meu Forum:

Código:

td.quote {
color: #870000;
background-color: #b8fffb;
border: 1px solid #000000;
}

td.code {
color: #000000;
background-color: #999999;
border: 1px solid #000000;
}


body, a, a:hover {cursor: url(http://cur.cursors-4u.net/others/oth-5/oth521.cur), progress;}


#page-footer {
background-image: url(http://i41.servimg.com/u/f41/13/51/83/85/nsroda10.png);
background-position: center center;
background-repeat: no-repeat;
height: 150px;
padding: 1px;
padding-top: 600px;
}

content blockquote {
    color: #536482;
}

form#quick_reply textarea#text_editor_textarea {
background-image: url(http://img148.imageshack.us/img148/4866/62100655.png);
}

Abraços!

Olá novamente,
Bem, ao inicio achei estranho o seu CSS ser só esse mas... arranjei solução! Você tinha simplesmente de ler o tópico citado pelo Mr.Bean. Faça isto:

Adicione este código a HomePage do seu fórum:

Código:

<form id="search" action="/search?search_where=11" method="get"><p class="nomargin"><input type="text" onblur="if (this.value == '') this.value = 'Buscar...';" onclick="if (this.value == 'Buscar...') this.value = '';" value="Buscar..." class="inputbox search" maxlength="128" id="keywords" name="search_keywords"><input type="submit" value="Buscar" class="button2"></p></form>

E agora, junte este CSS ao seu já existente em seu fórum, na folha de estilo de css:

Código:



    #search-box input.button2 {
        background-color: #F5F5F5;
        border: 1px solid rgba(0, 0, 0, 0.1);
        border-radius: 2px 2px 2px 2px;
        color: #666666;
        cursor: pointer;
        font-size: 11px;
        font-weight: 700;
        height: 29px;
        line-height: 27px;
        margin: 11px 6px;
        min-width: 54px;
        padding: 0 8px;
        text-align: center;
    }
    p.nomargin {
        font-size: 1.1em;
        line-height: 1.3em;
        margin-bottom: 0;
    }

    #search-box #keywords {
        background-color: #FFFFFF;
        width: 95px;
    }

    #search-box input {
        -moz-box-sizing: content-box;
        background: none repeat scroll 0 0 #FFFFFF;
        border: 1px solid #D9D9D9;
        color: #000000;
        height: 23px;
    }

    #search-box {
        float: right;
        margin-right: 5px;
        margin-top: 10px;
        white-space: nowrap;
    }

Vamos ver se resulta, no entanto a sua versão é PhpBB2 não lhe garanto nada! Se não resultar, apague somente o CSS que lhe estou a passar e não o código na HomePage!

Até mais.

Olá,

A caixa ficou na Mensagem da Homepage, eu queria ela em baixo do Menu como o do FDP.

Abraços!

Seja paciente, pois o seu fórum não tem caixa de busca e é de estranhar...

Use este CSS:

Código:

.nomargin {    float: right;
        margin-right: 5px;
        margin-top: 10px;
        white-space: nowrap; }

Olá,

A Unica coisa que mudou é que agora ela está posicionada a direita. Mas ainda não está no lugar correto.


Abraços!

Olá,

Veja o seguinte:

.nomargin { float: right;
margin-right: 5px;
margin-top: 10px;
white-space: nowrap; }

Vermelho -> Vá aumentando até que fique no local desejado.
Veja se resulta!

Atenciosamente!

Boa tarde,

Existe forma bem mais simples de fazer isso através da edição de templates! Altere o template overall_header e, depois da linha:

Código:

<td align="{MENU_POSITION}"{MENU_NOWRAP}>{GENERATED_NAV_BAR}</td>

Adicione:

Código:

<td><form id="search" action="/search?search_where=11" method="get"><p class="nomargin"><input type="text" onblur="if (this.value == '') this.value = 'Buscar...';" onclick="if (this.value == 'Buscar...') this.value = '';" value="Buscar..." class="inputbox search" maxlength="128" id="keywords" name="search_keywords"><input type="submit" value="Buscar" class="button2"></p></form></td>

Depois disso, clique em para salvar as modificações e confira o resultado!

Até mais.