Suchefunktion über der Forenübersicht

  • Seite 1 von 2
11.07.2014 07:43
avatar  ggguuu
#1 Suchefunktion über der Forenübersicht
gg
Mitglied

Moin Moin,
nach langer Zeit wieder mal eine Frage an die Profis. Habe über die Suche leider nichts gefunden.

Ich habe Die Suchfunktion in der oberen Leiste (Navigation) ausgeblendet. Ich möchte das diese Funktion nur noch direkt über der Forenübersicht angezeigt wird. Wie bekomme ich das hin? Mir fällt zur Zeit nix dazu ein.

Danke schon mal für eure Hilfe und ein schönes WE zusammen.


 Antworten

 Beitrag melden
11.07.2014 08:45
avatar  Romulus
#2 RE: Suchefunktion über der Forenübersicht
avatar
Mitglied

Hi,
um das zu bewerkstelligen, ist ein mittelgrößerer Eingriff im Template-Element "Obere Leiste" und "Forum Übersicht" erforderlich.

In ersteren Template-Element müsstest du den kompletten Abschnitt für die kleine Suchleiste rausnehmen und dafür im anderen entweder oberhalb oder unterhalb des Abschnitts "breadcrumbs" wieder einsetzen - je nachdem, wo genau die Suchfunktion am Ende ausgegeben werden soll.

Aus dem Kopf heraus handelt es sich dabei um einen ca. 10 bis 15 Zeilen umfassenden div-Block.

Gleichzeitig müsstest du dann den CSS-Code wieder entfernen, durch welchen du die Suchfunktion in der Navigationsleiste ausgeblendet hast. Denn nun soll sie ja wieder angezeigt werden, nur eben an anderer Stelle.

Eine vielleicht bessere Lösung wäre, die Suchfunktion in der Navi ausgeblendet zu lassen (CSS-Code also drin lassen) und stattdessen einen eleganten Button in die Navigationsleiste zu integrieren, der dann direkt zur eigentlichen Suchfunktion (größeres Eingabefeld auf separater Seite) weiterleitet.
Einen solchen zusätzlichen Button kannst du im Handumdrehen über "Admin > Layout > Navigation > Einen neuen Link hinzufügen" realisieren und ersparst dir damit den vermeidbaren Eingriff am Template.

LG Romulus

www.neverface.com
Liebhaber des Business Templates

 Antworten

 Beitrag melden
11.07.2014 10:56
avatar  ggguuu
#3 RE: Suchefunktion über der Forenübersicht
gg
Mitglied

Danke Dir Romulus.
Den Code im Template habe ich bereits ausgeremt so das die Suche nicht mehr angezeigt wird. Ich werde mal versuchen diese Codezeilen in das andere Template einzubauen. Ich werde berichten ob das funktioniert hat. Vielen Dank für den Tip.


 Antworten

 Beitrag melden
11.07.2014 11:56
avatar  ggguuu
#4 RE: Suchefunktion über der Forenübersicht
gg
Mitglied

OK. Danke hat funktioniert.


 Antworten

 Beitrag melden
11.07.2014 12:01 (zuletzt bearbeitet: 11.07.2014 12:06)
avatar  Romulus
#5 RE: Suchefunktion über der Forenübersicht
avatar
Mitglied

(Sehe gerade, dass du es schon geschafft hast, während ich das hier noch schreibe. Gratuliere!
Du kannst deinen Weg noch vergleichen mit dem, wie ich es hier im folgenden beschreibe.)

Ah, ich war wie selbstverständlich davon ausgegangen, dass du die Suchleiste per CSS ausgeblendet hast.

Etwa so:

1
2
 
li.searchli input {display: none;}
#headerSearchSubmit {display: none;}
 



Na, wie auch immer. Ich habe das Ganze soeben mal im Testforum ausprobiert – per Eingriff in die beiden oben erwähnten Template-Elemente "Obere Leiste" und "Forum Übersicht".
Das Ergebnis sieht gar nicht mal so schlecht aus:



Um dieses Ergebnis zu erreichen sind drei Schritte nötig:

1) Den HTML-Abschnitt für die Suchfunktion aus "Obere Leiste" entfernen.
2) Selbigen Abschnitt in das Template-Element "Forum-Übersicht" einsetzen (genaue Position siehe im Anschluss).
3) CSS-Code zum genauen positionieren unter "Admin > Layout > CSS" eintragen.

Hier nun der gesamte Abschnitt, der aus der "Oberen Leiste" entfernt werden muss:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
 
					<li class="searchli">
<form method="get" id="hpmsearchform" action="{{link_search}}" name="hpmsearchform">
<table>
<tr>
<td style="width: 105px; vertical-align: middle;">
<input type="hidden" name="zeit" value="9999" />
<input type="hidden" name="s" value="2" />
<input type="hidden" name="forum" value="0" />
<input type="text" value="{[header_goto_search]}..." onfocus="if(this.value == 'Suche...'){this.value='';}" onblur="if(this.value == ''){this.value='Suche...';}" id="search" name="suchen" style="width: 100px;" />
</td>
<td style="vertical-align: middle; padding-left: 5px;">
<input type="submit" value="" id='headerSearchSubmit' />
</td>
</tr>
</table>

</form>
</li>
 



Dieser Abschnitt muss dann im Template-Element "Forum Übersicht" zwischen den beiden nachfolgenden Zeilen eingesetzt werden:

1
2
3
4
5
6
7
 
{{logout_requested==true.end}}
 
.
.
.
 
{{global_hide_activities==true.start}}{{user_registered==false.start}}{{feed_active.start}}0{{feed_active.end}}{{user_registered==false.end}}{{global_hide_activities==true.end}}
 



Danach sollte der Quellcode an dieser Stelle so aussehen:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
 
{{logout_requested==true.end}}
 
<li class="searchli">
<form method="get" id="hpmsearchform" action="{{link_search}}" name="hpmsearchform">
<table>
<tr>
<td style="width: 105px; vertical-align: middle;">
<input type="hidden" name="zeit" value="9999" />
<input type="hidden" name="s" value="2" />
<input type="hidden" name="forum" value="0" />
<input type="text" value="{[header_goto_search]}..." onfocus="if(this.value == 'Suche...'){this.value='';}" onblur="if(this.value == ''){this.value='Suche...';}" id="search" name="suchen" style="width: 100px;" />
</td>
<td style="vertical-align: middle; padding-left: 5px;">
<input type="submit" value="" id='headerSearchSubmit' />
</td>
</tr>
</table>

</form>
</li>
 
{{global_hide_activities==true.start}}{{user_registered==false.start}}{{feed_active.start}}0{{feed_active.end}}{{user_registered==false.end}}{{global_hide_activities==true.end}}
 



Zuletzt muss nur noch dieser CSS-Code im Admin-Menü eingetragen werden:

1
2
3
4
5
 
li.searchli {
display: block;
margin-right: 0px;
padding-right: 0px;
}
 



Bedenke jedoch, dass die "Obere Leiste" mithin das wichtigste und am meisten von Updates betroffene Template-Element ist.
Das bedeutet, dass du künftig nach jedem Update dieses Template-Element nach eventuellen Änderungen untersuchen solltest. Gleiches gilt für das Template-Element "Forum Übersicht".

Das ist eben der Preis, wenn man das Besondere sucht und haben möchte.

Gutes Gelingen!

www.neverface.com
Liebhaber des Business Templates

 Antworten

 Beitrag melden
11.07.2014 12:15
avatar  ggguuu
#6 RE: Suchefunktion über der Forenübersicht
gg
Mitglied

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
 
{{thread_new_img.start}}<img src="{{global_icon_thread_new}}" title="{[thread_is_new]}" border="0">{{thread_new_img.end}}
 
<!--Eigener Eintrag Anfang--> <li class="searchli">
<form method="get" id="hpmsearchform" action="{{link_search}}" name="hpmsearchform">
<table>
<tr>
<td style="width: 105px; vertical-align: middle;">
<input type="hidden" name="zeit" value="9999" />
<input type="hidden" name="s" value="2" />
<input type="hidden" name="forum" value="0" />
<input type="text" value="Suche..." id="search" name="suchen" style="width: 100px;" />
</td>
<td style="vertical-align: middle; padding-left: 5px;">
<input type="submit" value="" id='headerSearchSubmit' />
</td>
</tr>
</table>

</form>
<!-- Ende--> </li>
 
<div id="breadcrumbs">
 



Ich habe es im Template Foren Ansicht dazwischen gesetzt (siehe Code). Funktioniert. Den Code in der oberen Leiste habe ich deaktiviert.

Danke noch mal für Deine schnelle Hilfe.


 Antworten

 Beitrag melden
11.07.2014 12:19
avatar  Romulus
#7 RE: Suchefunktion über der Forenübersicht
avatar
Mitglied

Den Punkt über der Suchleiste bekommst du noch wegradiert, wenn du den CSS-Code einsetzst, den ich im letzten Beitrag beschrieben habe.
Es sei denn, du findest den schön.

www.neverface.com
Liebhaber des Business Templates

 Antworten

 Beitrag melden
11.07.2014 12:34
avatar  ggguuu
#8 RE: Suchefunktion über der Forenübersicht
gg
Mitglied

Habe das ganze jetzt mal über ein plugin gemacht. Funktioniert auch. Nur wenn ich den Code zum Ausblenden jetzt in CSS setzte zeigt mir das Plugin auch nix mehr an. Wenn ich den Code in der oberen Leiste ausblende sehe ich über das Plugin die Suchboxen aber dann halt mit Punkt. Bekomme ich den Punkt anderweitig noch weg?


 Antworten

 Beitrag melden
11.07.2014 12:37
avatar  Romulus
#9 RE: Suchefunktion über der Forenübersicht
avatar
Mitglied

Ich meinte diesen Code:

1
2
3
4
5
 
li.searchli {
display: block;
margin-right: 0px;
padding-right: 0px;
}
 



Das "display: block" macht den Punkt weg.

www.neverface.com
Liebhaber des Business Templates

 Antworten

 Beitrag melden
11.07.2014 12:44
avatar  ggguuu
#10 RE: Suchefunktion über der Forenübersicht
gg
Mitglied

Genau den habe ich benutzt da passiert garnix. Wenn ich den ersten Code verwende wird die Suchleiste in der oberen Leiste ausgeblendet aber mein Plugin Code funktioniert dann auch nicht mehr.


 Antworten

 Beitrag melden
11.07.2014 12:50
avatar  Romulus
#11 RE: Suchefunktion über der Forenübersicht
avatar
Mitglied

Na klar, wenn du die Suchleiste per CSS ausblendest, kann sie auch dann nicht mehr ausgegeben werden, auch wenn du sie sonst wo einsetzt, wie im Fall "Forum Übersicht".
Also die beiden Codes mit "display: none" muss du aus deinen CSS-Einträgen entfernen.

Damit die Suchleiste dann auch aus der Navigationsleiste verschwindet, musst du sie eben aus der "Oberen Leiste" rauslöschen.

Was den Punkt betrifft: versuche dem "display: block" ein "!important" hinzuzufügen (bei mir im Testforum ging es auch ohne).

Also so:

1
2
3
4
5
 
li.searchli {
display: block !important;
margin-right: 0px;
padding-right: 0px;
}
 

www.neverface.com
Liebhaber des Business Templates

 Antworten

 Beitrag melden
11.07.2014 16:10 (zuletzt bearbeitet: 11.07.2014 16:24)
#12 RE: Suchefunktion über der Forenübersicht
avatar
Mitglied


Änderung der Suchleiste im Business-Template

Hallo zusammen,
da meine Menüleiste auch schon recht lang geworden ist, finde ich Eure Änderungen recht gut.
Habe sie in meinem Forum bereits umgesetzt.

Mir ist folgendes aufgefallen:
Die Suchleiste in der "Oberen Leiste" befindet sich in einer Tabelle ("<ul><li>..</li> </ul>").
In der "Forum Übersicht" allerdings nicht. Hier sind Div-Container verbaut.
Deswegen ist auch in @ggguuu 's Testforum ein Punkt zuviel!



Ich habe die Suchleiste in der "Forum Übersicht" zwischen </div> und <div class="clear"></div> platziert:


Ich habe ein paar Sachen geändert (rot markiert). Der Such-Button zeigt jetzt auch ein Hand-Symbol beim Überfahren an.
Der Eintrag in die CSS wird nicht benötigt.



<div>
*
*
<div class="searchli" style="float:right;margin-right: 20px;">
<form method="get" id="hpmsearchform" action="{{link_search}}" name="hpmsearchform">
<table>
<tr>
<td style="width: 105px; vertical-align: middle;">
<input type="hidden" name="zeit" value="9999" />
<input type="hidden" name="s" value="2" />
<input type="hidden" name="forum" value="0" />
<input style="border-radius:5px;font-size:14px;" type="text" value="Suche..." onfocus="if(this.value == 'Suche...'){this.value='';}" onblur="if(this.value == ''){this.value='Suche...';}" id="search" name="suchen" style="width: 100px;" />
</td>
<td style="vertical-align: middle; padding-left: 15px;">
<input style="cursor:pointer; border-radius:5px;background-color:#ffffff;" type="submit" value="" id='headerSearchSubmit' />
</td>
</tr>
</table>

</form>
</div>


*
*

<div class="clear"></div>
{{tick(breadcrumb_end)}}
{{admininfo_user_requests==true.start}}











Bis dann und besten Dank für Eure Arbeit (hat mir das suchen erspart)

Gruß
Wolfgang

11.07.2014 16:25
avatar  Romulus
#13 RE: Suchefunktion über der Forenübersicht
avatar
Mitglied

Das finde ich schön, dass du das gleich gelöst hast.

Der Dank gebührt dir nun.

www.neverface.com
Liebhaber des Business Templates

 Antworten

 Beitrag melden
12.07.2014 13:48
avatar  ggguuu
#14 RE: Suchefunktion über der Forenübersicht
gg
Mitglied

Zitat von Romulus im Beitrag #11
Na klar, wenn du die Suchleiste per CSS ausblendest, kann sie auch dann nicht mehr ausgegeben werden, auch wenn du sie sonst wo einsetzt, wie im Fall "Forum Übersicht".
Also die beiden Codes mit "display: none" muss du aus deinen CSS-Einträgen entfernen.

Damit die Suchleiste dann auch aus der Navigationsleiste verschwindet, musst du sie eben aus der "Oberen Leiste" rauslöschen.

Was den Punkt betrifft: versuche dem "display: block" ein "!important" hinzuzufügen (bei mir im Testforum ging es auch ohne).

Also so:

1
2
3
4
5
 
li.searchli {
display: block !important;
margin-right: 0px;
padding-right: 0px;
}
 




Danke so hats bei mir funktioniert.
Den Code für die Anzeige der Suchleiste habe ich jetzt in einem Plugin.


 Antworten

 Beitrag melden
13.07.2014 13:08
avatar  ggguuu
#15 RE: Suchefunktion über der Forenübersicht
gg
Mitglied

Noch ne kleine Frage. Wie kann ich denn das Symbol (Lupe) neben dem Eingabefeld ändern? Ich finde den entsprechenden Eintrag nicht.


 Antworten

 Beitrag melden
Bereits Mitglied?
Jetzt anmelden!
Mitglied werden?
Jetzt registrieren!