Seção de busca como no Reddit?

Dev
1

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

2

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

3
5

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

6

Você pode personalizá-lo com CSS.

7

@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.

8

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.

9

Este Theme component pode ajudar

Este para estilos de botão

10

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.

11

Ekran görüntüsü 2024-03-29 173859
Ekran görüntüsü 2024-03-29 1738592507×238 27.5 KB

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.

12

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;
}
13

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

14

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

15

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.

16

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

17

parece bom para mim? :thinking:

IMG_1478
IMG_14782347×642 157 KB

Você pesquisou naquele site como centralizar?

Eu prefiro este site: