Suchfunktion wie auf Reddit?

Entwickler
1

Hallo zusammen,
Kann ich ein Suchfeld wie dieses zu meiner Website hinzufügen?
Und ich möchte die Suchschaltfläche auf der rechten Seite entfernen
Danke :slight_smile:

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

2

Suchbanner, vielleicht? Aber die Suche könnte eine gute Möglichkeit sein, einige potenzielle Lösungen zu finden. :wink:

3
5

Vielen Dank.\nKönnen wir die Kanten der Box abrunden?\n@Moin\n\nSo wie hier.\nUnd können wir die Innenseite bemalen?\nMit Hover wie bei Reddit\nEkran görüntüsü 2024-03-28 151903

6

Sie können es mit CSS anpassen.

7

@Moin vielen Dank, Moin, aber ich kann das nicht, deshalb bitte ich dich um Hilfe.
Ich habe seine Videos angesehen, ich habe es viele Male versucht und es funktioniert nicht.
Ich habe es auf Firefox und Chrome versucht.

8

Wenn Sie versuchen, Ihr Forum anzupassen, nehmen Sie sich bitte etwas Zeit, um die Grundlagen von Themes, Komponenten und CSS zu erlernen. Alternativ können Sie sich jederzeit an Marketplace wenden, um kostenpflichtige Hilfe bei der Anpassung Ihres Forums zu erhalten.

9

Dieses #customization:theme-Komponente könnte hilfreich sein

Und diese hier für Schaltflächenstile

10

Hallo Freunde, ich sehe, dass ihr versucht, mir zu helfen, aber ich kann keinen Code schreiben.
Wenn es fertigen Code gibt, kann ich ihn nur reparieren.
Wenn es jemanden gibt, der helfen kann, warte ich.
Danke.
Was für euch einfach ist, ist für mich schwierig, die Codes sind mir zu kompliziert.

11

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

Es ist nicht genau in der Mitte.
Und sieht für mich so schlecht aus.
Ich werde wütend, weil ich nicht bearbeiten kann, aber es gibt nichts zu tun :smiley:
Die ursprüngliche Reddit-Suche sieht großartig aus.
Natürlich ist es Reddit. Aber ich möchte das zumindest annähernd ähnlich tun können.

12

Ich bin jetzt ein Coder :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

Hallo zusammen!

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

Ich habe diesen Code geschrieben. Wenn ich ihn zum CSS-Feld hinzufüge, sieht er so aus, wie ich es möchte, aber bei anderen sieht er nicht so aus.
Können Sie mir bitte helfen?
https://pvpfarm.com

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

14

Und ich möchte die Größe des Suchfelds leicht nach oben erweitern. Ich konnte es nicht finden, kann es jemand finden?

15

Nur zur Information @ogulcan1787, dies grenzt möglicherweise an:

Haben Sie sich außerhalb dieses Forums über diese Probleme informiert? Ich glaube, es gibt viele verfügbare Ressourcen.

16

Ja, ich suche, aber ich kann es nicht finden.
https://developer.mozilla.org/ Ich benutze diese Seite

17

sieht für mich in Ordnung aus? :thinking:

IMG_1478
IMG_14782347×642 157 KB

Hast du diese Seite nach einer Anleitung zum Zentrieren durchsucht?

Ich persönlich bevorzuge diese Seite: