Suche verschönern

    Kennt jemand eine Seite, auf welcher Designvorschläge zur Verschönerung der Suche angeboten werden? Die "stinknormale" html-Suche finde ich persönlich mehr als langweilig und hätte daher gerne etwas, was vom Design her aufwendiger ist und im allgemeinen ansprechender daherkommt. Vielleicht sowas in der Art, wie man es häufig auf mac-seiten sieht. Ich finde jetzt leider kein Beispiel. Es sollte auf jeden Fall etwas durchgestylter sein.

    Grüße
    monk77

    • Gerade eben
    • Anzeige

    Hallo!

    Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

    • ✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
    • ✔️ Deutsche Server & DSGVO-konform
    • ✔️ Persönlicher Support (kein 0815-Ticket-System)

    Mehr erfahren

    Das Formular selbst. Gibt es da irgendwelche Möglichkeiten mittels javascript was zu basteln und anschliessend in wordpress zu integrieren. Wo wir aber schon einmal dabei sind:-D:

    Mich würde ebenfalls interessieren, wie sich einzelne Kategorien von der Suche ausschliessen lassen.

    ähm javascript? versuchs bitte erstmal mit css ;) ganz easy, ein stylesheet einer meiner entwürfe sieht so aus

    Code
    #searchform { border: 1px solid #ccc; }
#s { width: 75%; color: #ccc; border: 0; line-height: 14px; }
#submit { width: 20%; border: 0; background: #ccc; font: bold 12px; color: #fff; }

    ich glaub grafiken lassen sich normal einsetzen, hab ich aber noch nie probiert

    Grafiken (mittels background-image) gehen natürlich. JavaScript würde sich z.B. für eine Ajax-LiveSearch anbieten (dafür gibts Plugins).

    Google z.B. mal nach: "formulare stylen mit css" - gibt tausende Treffer. ;-)

    Ich habe schon gegoogelt. Vor ca. zwei Wochen war ich auf einer Seite, da gab es ein sehr schönes Tutorial, in dem verdeutlicht wurde, wie man ein wunderschönes Suchformular basteln kann. Ich könnte mir selbst in den Hintern treten, weil ich vergass die Seite zu bookmarken. Im tutorial wurde das mit javascript umgesetzt. Ich versuche mal Eure Vorschläge.

    sowieso.:-D

    Habe Sie aber leider nicht mehr gefunden. Stattdessen habe ich nun ein plugin für eine Ajax-Suche installiert. Sieht klasse aus und ist genau das, was ich mir vorgestellt habe.

    Grüße
    monk77

    Zitat von Tartanrocker

    ähm javascript? versuchs bitte erstmal mit css ;) ganz easy, ein stylesheet einer meiner entwürfe sieht so aus

    Code
    #searchform { border: 1px solid #ccc; }
#s { width: 75%; color: #ccc; border: 0; line-height: 14px; }
#submit { width: 20%; border: 0; background: #ccc; font: bold 12px; color: #fff; }

    ich glaub grafiken lassen sich normal einsetzen, hab ich aber noch nie probiert


    Tartanrocker:
    Genau das hab ich gesucht. Danke!

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!

Benutzerkonto erstellen Anmelden