Bitte geben Sie einen Grund für die Verwarnung an
Der Grund erscheint unter dem Beitrag.Bei einer weiteren Verwarnung wird das Mitglied automatisch gesperrt.
Suchefunktion über der Forenübersicht
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.
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
Liebhaber des Business Templates
#5 RE: Suchefunktion über der Forenübersicht
(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:
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:
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:
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:
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:
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!
Liebhaber des Business Templates
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.
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.
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?
Ich meinte diesen Code:
2
3
4
5
li.searchli {
display: block;
margin-right: 0px;
padding-right: 0px;
}
Das "display: block" macht den Punkt weg.
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:
2
3
4
5
li.searchli {
display: block !important;
margin-right: 0px;
padding-right: 0px;
}
#12 RE: Suchefunktion über der Forenübersicht
Ä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
Das finde ich schön, dass du das gleich gelöst hast.
Der Dank gebührt dir nun.
Liebhaber des Business Templates
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.
- Informationen
- Aktuelle News
- Forum Tutorials - Tipps und Anleitungen
- SEO / Werbung fürs Forum
- Verwaltung
- Extras
- Design
- Plugin(system)
- Eure Fragen zu Tutorials
- Forum Support
- Fragen und Antworten
- Pluginsystem
- Plugins
- Templates & Sprachen
- Bugreport
- Verbesserungsvorschläge
- Sponsoren gesucht
- Das neue Xobor Business-Template
- News und Updates
- Bugreport
- Allgemeines Feedback
- Verbesserungsvorschläge
- Sonstiges
- Kaffeeklatsch
- Lob & Kritik
- Verbesserungsvorschläge
- Allgemeine Fragen
- Fehlermeldungen
- Verbesserungsvorschläge Responsive Design
- Bugreport Responsive Design
- Archiv - Alter Betatest
- Responsive Design - Verbesserungsvorschläge
- Responsive Design - Bugreport
- Fragen zum neuen Template
- Neue Administration Beta Test
- Bugreport Neue Administration
- Allgemeines Fragen & Feedback
- Verbesserungsvorschläge zur neuen Administration
- Shoutbox
Ähnliche Themen
Thema | Antworten | Aufrufe | Letzte Aktivität | |||
---|---|---|---|---|---|---|
Umlaute im Script.Umlaute im Script. |
4
Lobbo
21.08.2014 |
609 |
|
|||
ModeratorenrechteModeratorenrechte |
2
cloud
02.07.2013 |
397 |
|
|||
PN weiterleiten oder mehrfach versendenPN weiterleiten oder mehrfach versenden |
14
rikumaster
13.04.2010 |
752 |
|
|||
Die SuchefunktionDie Suchefunktion |
1
Fabian
26.10.2008 |
289 |
|
|||
domainverlängerungdomainverlängerung
erstellt von:
meome
(
Gast
)
05.10.2008 21:38
|
1
Fabian
05.10.2008 |
399 |
|
|||
suche funktion www.xs400-forum.desuche funktion www.xs400-forum.de
erstellt von:
ale
(
Gast
)
04.05.2008 16:35
|
4
(
Gast
)
04.05.2008 |
830 |
|
|||
Stats.deStats.de |
6
Shera75
16.02.2009 |
646 |
|
|||
Kalender-FunktionKalender-Funktion |
5
Leventios1961
30.07.2007 |
903 |
|
|||
Forumlexikon / SuchefunktionForumlexikon / Suchefunktion |
3
Carsten
18.06.2006 |
849 |
|
Jetzt anmelden!
Jetzt registrieren!
© 2017 Xobor | Forum-Software