Sezione di ricerca come su Reddit?

Sviluppatore
1

Ciao a tutti,
Posso aggiungere un campo di ricerca al mio sito in questo modo?
E voglio rimuovere il pulsante di ricerca dal lato destro
Grazie :slight_smile:

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

2

Banner di ricerca, forse? Ma la ricerca potrebbe essere un buon modo per trovare alcune potenziali soluzioni. :wink:

3
5

Grazie mille.
Possiamo ovalizzare i bordi della scatola?
@Moin

Come qui.
E possiamo dipingere l’interno?
Con hover come su reddit
Ekran görüntüsü 2024-03-28 151903

6

Puoi personalizzarlo con css.

7

@Moin grazie Moin ma non riesco a farlo, quindi chiedo il tuo aiuto.
Ho guardato i suoi video, ho provato molte volte e non funziona.
Ci ho provato su Firefox e Chrome.

8

Se stai cercando di personalizzare il tuo forum, prenditi del tempo per imparare le basi di temi, componenti e CSS. In alternativa, puoi sempre pubblicare su Marketplace per ricevere aiuto a pagamento per personalizzare il tuo forum.

9

Questa Customization > Theme component potrebbe esserti utile

Questa invece per gli stili dei pulsanti

10

Ciao amici, vedo che state cercando di aiutarmi ma non so scrivere codice.
Se c’è codice pronto posso solo correggerlo.
Se c’è qualcuno che può aiutare, aspetterò.
Grazie.
Ciò che per voi sembra facile, per me è difficile, i codici sono troppo complicati per me.

11

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

Non è esattamente al centro.
E mi sembra così brutto.
Mi sto arrabbiando perché non posso modificare ma non c’è niente da fare :smiley:
La ricerca originale di Reddit sembra fantastica.
Certo, è Reddit. Ma mi piacerebbe poter fare almeno una cosa simile.

12

Ora sono un programmatore :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

Ciao a tutti!

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

Ho scritto questi codici, quando li aggiungo al campo CSS, appare come voglio, ma non appare così sugli altri.
Potete aiutarmi per favore?
https://pvpfarm.com

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

14

E voglio espandere leggermente verso l’alto la dimensione della casella di ricerca. Non riesco a trovarla, qualcuno può aiutarmi?

15

Solo per tua informazione @ogulcan1787, questo sembra essere al limite di:

Hai fatto qualche ricerca su questi problemi al di fuori di questo forum? Credo ci siano molte risorse disponibili.

16

Sì, sto cercando ma non riesco a trovarlo.
https://developer.mozilla.org/ uso quel sito

17

mi sembra a posto? :thinking:

IMG_1478
IMG_14782347×642 157 KB

Hai cercato su quel sito come centrare?

Io preferisco questo sito: