Lupen Symbol im Suchfeld einbauen

[hcmagix]

Moin in die Runde,

ich hab in einem Forum eine nette Kleinigkeit entdeckt die ich ebenfalls übernehmen würde.
Auf Nachfrage bekam ich bis heute keine Antwort, ein Einblick in den Source bzw. den css (searchbar. searchbar.css )Dateien gab auch keinen Aufschluss darüber wie man das umsetzt.

Jemand eine Idee bzw. auch so ein blaues, freies Lupensymbol?

 

[McAtze]

Irgendwer hatte hier schon einmal diese Frage gestellt ?!
Müsste ich mal suchen wo das war ..

 

[hcmagix]

mir deucht auch, hab aber nix hier gefunden

 

[bt012ss]

Das Symbol hat ja fast jeder andere Style. Müsste man mal in den Templates nachgucken.

 

[otto]

Das macht "type=search" und HTML5 alleine, nur der Firefox kanns mal wieder nicht... und das ist Xenforo Standard.

Template: search_bar

Um das zu umgehen und keine 2 Lupen in Chrome und Safarie sowie Opera zu haben, müsste das "type=search" raus und statt dessen eine Grafik rein. Eigentlich kein Ding...

 

[hcmagix]

meinste? In dem Forum wo ich das gesehen habe gibt es im Quellcode keinerlei Hinweis auf eine Grafik, da stehts wie im Original. Er muss das anders gemacht haben.

IE11 keine Lupe
<input name="keywords" title="Enter your search and hit enter" class="textCtrl" id="QuickSearchQuery" type="search" placeholder="Search..." value="" results="0">

Chrome mit Lupe
<input type="search" name="keywords" value="" class="textCtrl" placeholder="Search..." results="0" title="Enter your search and hit enter" id="QuickSearchQuery">

Beim Edge wird eine andere Lupe dargestellt jedoch da auch keine Änderungen am Code

Jemand noch eine andere Idee wie man das umsetzt.

 

[bt012ss]

Im Quellcode kannst auch nicht gucken, mußt mit Firebug oder ähnlichem nachsehen.
Bei mir ist das mit FontAwesome Icons gelöst.

 

[hcmagix]

Ich schau schon mit den richtigen Tool nur weil Quellcode geschrieben habe ^^ leider jedoch, wie beschrieben findet sich da nichts brauchbares. Ich hätte schon gern einen Tipp zur Umsetzung, also etwas genauer und nicht nur die Info das es bei euch umgesetzt ist.
Mach das nicht jeden Tag

 

[bt012ss]

Ich auch nicht, deswegen macht das bei mir Audentio oder PixelExit.
Irgendeiner wird´s schon noch wissen

 

[otto]

@hcmagix
Ja, wirklich - guckst du: HTML5 Forms: Search Type Demo | Wufoo
Und so hats auch Mike mal drüben auf Xenforo.com beschrieben...

 

[hcmagix]

Ist ja soweit richtig, was ich jedoch nicht ralle, ich schau mit dem gleichen Browser (bzw. mehreren Browsern) auf ein xf forum. Dort wird es mir angezeigt. In meinem Forum nicht.

Not a Bug - Magnifying Glass Missing in Firefox

 

[hcmagix]

So hier die Lösung für Interessierte.

Template search_bar, einfügen von results="0"

<!-- block: primaryControls -->
                <input type="search" name="keywords" value="" class="textCtrl" placeholder="{xen:phrase search}..." results="0" title="{xen:phrase enter_your_search_and_hit_enter}" id="QuickSearchQuery" />               
                <!-- end block: primaryControls -->

Thema kann geschlossen werden

 

[otto]

Und das "results=0" bringt dann die Lupe auch in den FF - interessant. Und merchwürdich...