+ Antworten
Seite 1 von 2 1 2 LetzteLetzte
Ergebnis 1 bis 10 von 15

Thema: Search Button

  1. #1
    Neu an Board
    Registriert seit
    04.09.2005
    Beiträge
    66
    Bedankte sich
    6
    Erhielt 2 Danksagungen
    in 2 Beiträgen

    Blinzeln Search Button

    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

  2. #2
    Gehört zum Inventar
    Registriert seit
    18.02.2005
    Beiträge
    8.841
    Bedankte sich
    85
    Erhielt 2.269 Danksagungen
    in 1.936 Beiträgen

    Standard

    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)

  3. #3
    Neu an Board
    Registriert seit
    04.09.2005
    Beiträge
    66
    Bedankte sich
    6
    Erhielt 2 Danksagungen
    in 2 Beiträgen

    Standard Danke ecomeback

    Klingt gut,

    werds gleich mal ausprobieren.

    Gruß


    Peter sag noch mal bescheid wie es läuft :-)

  4. #4
    Gehört zum Inventar
    Registriert seit
    18.02.2005
    Beiträge
    8.841
    Bedankte sich
    85
    Erhielt 2.269 Danksagungen
    in 1.936 Beiträgen

    Standard

    Die spannende Stelle wäre:
    PHP-Code:
    if ( $button ) {
    $button '<input type="submit" value="'$button_text .'" class="button'$moduleclass_sfx .'"/>';

    ändern in
    PHP-Code:
    if ( $button ) {
    $button '<input type="submit" value="'$button_text .'" class="searchbutton'$moduleclass_sfx .'"/>';

    Dann kannst du im CSS machen was du möchtest.
    einfügen:
    .searchbutton { usw. siehe oben}

    Gruß
    ec

  5. Erhielt Danksagungen von:


  6. #5
    Neu an Board
    Registriert seit
    04.09.2005
    Beiträge
    66
    Bedankte sich
    6
    Erhielt 2 Danksagungen
    in 2 Beiträgen

    Standard Hallo ecomeback

    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

  7. #6
    Neu an Board
    Registriert seit
    04.09.2005
    Beiträge
    66
    Bedankte sich
    6
    Erhielt 2 Danksagungen
    in 2 Beiträgen

    Idee Hallo ecomeback

    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

  8. #7
    Gehört zum Inventar
    Registriert seit
    18.02.2005
    Beiträge
    8.841
    Bedankte sich
    85
    Erhielt 2.269 Danksagungen
    in 1.936 Beiträgen

    Standard

    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

  9. #8
    Neu an Board
    Registriert seit
    04.09.2005
    Beiträge
    66
    Bedankte sich
    6
    Erhielt 2 Danksagungen
    in 2 Beiträgen

    Standard Hallo

    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

  10. #9
    Wohnt hier Avatar von MadeMyDay
    Registriert seit
    17.11.2004
    Ort
    Karlsruhe
    Beiträge
    2.439
    Bedankte sich
    25
    Erhielt 304 Danksagungen
    in 169 Beiträgen

    Standard

    1. Bei Verwendung als Modul (eigentlich empfohlen!): Als Suchtext einfach "&nbsp;" eingeben (das zwischen den Anf&#252;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="&nbsp;" class="button" />

    Gru&#223; 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


  11. #10
    Neu an Board
    Registriert seit
    04.09.2005
    Beiträge
    66
    Bedankte sich
    6
    Erhielt 2 Danksagungen
    in 2 Beiträgen

    Cool &nbsp

    Hallo MadeMayDay,

    hab die Zeichen &nbsp 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

+ Antworten
Seite 1 von 2 1 2 LetzteLetzte

Ähnliche Themen

  1. Antworten: 1
    Letzter Beitrag: 24.01.2006, 17:21
  2. Aus der Suche-Box einen Button machen?
    Von mambo_noob im Forum Allgemeine Fragen zu Mambo
    Antworten: 24
    Letzter Beitrag: 13.09.2005, 14:30
  3. RSS Button ändern...Aber wie?
    Von Thorsten1 im Forum Mambo Komponenten
    Antworten: 3
    Letzter Beitrag: 26.08.2005, 08:15
  4. print Button erzeugen
    Von Marius im Forum Allgemeine Fragen zu Mambo
    Antworten: 0
    Letzter Beitrag: 29.07.2005, 17:52
  5. An - Abmelde Button
    Von doci im Forum Allgemeine Fragen zu Mambo
    Antworten: 1
    Letzter Beitrag: 02.06.2005, 22:41

Lesezeichen

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein