Hallo Leute,
habe ein Search Feld in meine Seite eingebaut nun möchte ich aber anstelle des unschönen Button ein Bild zum absenden der Suchanfrage haben. Wie reqalisiere ich das?
MfG
Peter![]()
Hallo Leute,
habe ein Search Feld in meine Seite eingebaut nun möchte ich aber anstelle des unschönen Button ein Bild zum absenden der Suchanfrage haben. Wie reqalisiere ich das?
MfG
Peter![]()
Morgen
Über das CSS. Hast du das Modul verwendet oder die Suchbox von Hand in das Template eingefügt? Normalerweise verwendet Joomla die Klasse "button" für alle Buttons.
Schau einfach mal per ftp in modules/mod_search.php nach der Klasse botton. (class="button") und ändere diese in class="searchbutton". Somit kannst nun diesen eine andere Formatierung als andere Buttons geben.
In der CSS Datei schreibst du dann:
.searchbutton{background:url(../images/search.gif) no-repeat;width: ?px;color:#ff0000;usw....}
Hier gibst du also an, wie der Button genau aussehen soll. Wenn du mit allen buttons gleich verfahren möchtest, änderst du die Klasse eben gar nicht und veränderst stattdessen den Eintrag .button im CSS.
Es gibt auch noch andere Möglichkeiten, aber ich denke, so ist es am vorteilhaftesten.
Im Backend unter Modules -> Site Modules -> mod_search kannst du unter den Parametern die Position des Buttons, bzw. die Beschriftung des Buttons verändern.
Du kannst auch einen Button hochladen, der bereits eine Beschriftung beinhaltet, dann solltest du den Aufruf der Sprachdatei in der mod_search.php (Änderung von (value="'. $button_text .'" ...in... value="") löschen.
Gruß
ec
Geändert von ecomeback (31.01.2006 um 08:45 Uhr)
Klingt gut,
werds gleich mal ausprobieren.
Gruß
Peter sag noch mal bescheid wie es läuft :-)
Die spannende Stelle wäre:
ändern inPHP-Code:if ( $button ) {
$button = '<input type="submit" value="'. $button_text .'" class="button'. $moduleclass_sfx .'"/>';
}
Dann kannst du im CSS machen was du möchtest.PHP-Code:if ( $button ) {
$button = '<input type="submit" value="'. $button_text .'" class="searchbutton'. $moduleclass_sfx .'"/>';
}
einfügen:
.searchbutton { usw. siehe oben}
Gruß
ec
Funktioniert leider nicht oder ich habe irgendwo einen Fehler den ich nicht sehe.
in der template_css.css habe ich folgende Zeilen eingefügt:
/*for search button*/
.searchbutton{
background: url(../images/search-mini.jpg);
}
in der index.php sind folgende Zeilen:
<td width="550" height="27" valign="top"><form action="?php echo selRelToAbs(index.php");?" method="post"style="margin-top:5px;margin-bottom:0px;">
<div align="right">
<input class="inputbox" type="text" name="searchword" size="15" value="<?php echo _SEARCH_BOX; ?>" onblur="if(this.value=='') this.value='<?php echo _SEARCH_BOX; ?>';" onfocus="if(this.value=='<?php echo _SEARCH_BOX; ?>') this.value='';" />
<input type="submit" name="suche" value="ok" class="button" />
<input type="hidden" name="option" value="search" />
</div>
</form></td>
und in der mod_search.php steht nun folgendes:
if ( $button ) {
$button = '<input type="submit" value="'. $button_text .'" class="searchbutton'. $moduleclass_sfx .'"/>';
}
Doch als Ergebniss bekomme ich nur einen Button mit der formatierten farbe wie ich sie für die restlichen Button auch habe.
Hast du vielleicht noch ne Idee!
Gruß
Peter
Habs schon rausgefunden,
musste die Classe in der css Datei definieren serarchbutton.
Doch jetzt habe noch ein kleines Problem jetzt steht über dem Bild das Wort "OK".
Wenn ich es rausnehme kommt dann sowas wie Abschicken! Hhmmm
Also irgendwie muss der Text daraus. Hast du noch nen Ratschlag!
Gruß
Peter
Der zweite oder dritte Satz bei meiner ersten Antwort war dieser:
Hast du das Modul verwendet oder die Suchbox von Hand in das Template eingefügt?
Bei dir handelt es sich sozusagen um HardCode im Template die Suchbox wird nicht über ein Modul aufgerufen, sondern direkt im Template verankert. Das kann ich aus deiner Beschreibung leider nicht wissen.
Dann änderst du einfach diese Klasse von
<input type="submit" name="suche" value="ok" class="button" />
in
<input type="submit" name="suche" value="ok" class="searchbutton" />
.
Gruß
ec
Das habe ich schon gemacht,
auch in der CSS Datei angegeben border: 0px sonst wird das Bild noch umrandet. Nur der Text OK bleibt.
Noch ne Idee!
Gruß
Peter
1. Bei Verwendung als Modul (eigentlich empfohlen!): Als Suchtext einfach " " eingeben (das zwischen den Anführungszeichen. ACHTUNG: Bei jedem Aufrufn des Moduls im Backend wieder eingeben.
2. So wie Du es hast (hart im Template):
<input type="submit" name="suche" value=" " class="button" />
Gruß Marc
Wenn mal einer sucht, wird er es auch finden... wenn denn mal einer die Suche findet.
made my day - reloaded - Webdesign Karlsruhe - CMS Anbieter Karlsruhe
Hallo MadeMayDay,
hab die Zeichen   in die Index.php geschrieben. Jetzt ist die beschriftung weg nur wird jetzt mein Bild das ich als Button genommen habe abgeschnitten ist nicht mehr so breit.
Wau das wird echt ein Marraton ;-)
Gruß
Peter
Lesezeichen