Seção de busca como no Reddit?

Olá a todos,
Posso adicionar um campo de pesquisa como este ao meu site?
E quero remover o botão de pesquisa do lado direito
Obrigado :slight_smile:

redditsearch
Ekran görüntüsü 2024-03-28 151903

Banner de Pesquisa, talvez? Mas pesquisar pode ser uma boa maneira de encontrar algumas soluções potenciais. :wink:

2 curtidas
1 curtida

Muito obrigado.
Podemos ovalizar as bordas da caixa?
@Moin

Assim como aqui.
E podemos pintar o interior?
Com hover como no Reddit
Ekran görüntüsü 2024-03-28 151903

Você pode personalizá-lo com CSS.

@Moin obrigado Moin, mas não consigo fazer isso, então estou pedindo sua ajuda.
Assisti aos vídeos dele, tentei muitas vezes e não funciona.
Tentei no Firefox e no Chrome.

Se você está tentando aprender a personalizar seu fórum, reserve um tempo para aprender o básico sobre temas, componentes e CSS. Alternativamente, você sempre pode postar em Marketplace para obter ajuda paga para personalizar seu fórum.

6 curtidas

Este Theme component pode ajudar

Este para estilos de botão

2 curtidas

Olá amigos, vejo que estão tentando me ajudar, mas não consigo escrever código.
Se houver código pronto, só consigo consertá-lo.
Se houver alguém que possa ajudar, aguardarei.
Obrigado.
O que parece fácil para vocês é difícil para mim, os códigos são muito complicados para mim.


Não está exatamente no meio.
E parece tão ruim para mim.
Estou ficando com raiva porque não consigo editar, mas não há nada a fazer :smiley:
A pesquisa original do Reddit parece ótima.
Claro que é o Reddit. Mas eu gostaria de poder fazer isso pelo menos de forma semelhante.

Agora sou um programador :sunglasses: :grin:

.floating-search-input .search-banner-inner.wrap .search-menu .search-input {
    border-radius: 10px;
    background-color: #3e3e58;
    border: 0px solid;
}

.floating-search-input .search-banner-inner.wrap .search-menu .search-input:hover {
    background-color: #4c4c6b;
}
6 curtidas

Olá a todos!

.search-menu.menu-panel-results, .search-menu-container.menu-panel-results {
    width: 600px;
    left: 150px;
}

.floating-search-input .search-banner-inner.wrap .search-menu .search-icon {
    left: 150px;
}

Eu escrevi esses códigos, quando os adiciono ao campo CSS, ele fica do jeito que eu quero, mas não fica assim em outros.
Você pode me ajudar, por favor?
https://pvpfarm.com

Ekran görüntüsü 2024-03-31 132713

E eu quero expandir um pouco para cima o tamanho da caixa de pesquisa. Não consegui encontrar, alguém pode encontrar?

Apenas um aviso @ogulcan1787, isso parece estar beirando:\n\n\n[quote="Discourse, post:1, topic:1026"]\nNo entanto, perguntas básicas de HTML e CSS não estão no escopo de suporte.\n[/quote]\n\n\nVocê tem pesquisado sobre esses problemas fora deste fórum? Acredito que existam muitos recursos disponíveis.

3 curtidas

Sim, estou procurando, mas não consigo encontrar.
https://developer.mozilla.org/ Eu uso esse site

parece bom para mim? :thinking:

Você pesquisou naquele site como centralizar?

Eu prefiro este site:

5 curtidas