forum.mozilo.de das Supportforummozilo Forum
Willkommen Gast. Bitte einloggen oder registrieren. Haben Sie Ihre Aktivierungs E-Mail übersehen?

Einloggen mit Benutzername, Passwort und Sitzungslänge

Autor Thema: searchicon PNG  (Gelesen 1254 mal)

0 Mitglieder und 1 Gast betrachten dieses Thema.

 

Offline Thorstn

  • Mitglied
  • *
  • Beiträge: 669
    • Profil anzeigen
    • Mensch, Musiker, Webdesigner - Thorsten aus Bochum
searchicon PNG
« am: 03. August 2016, 00:13:41 »
Standardmäßig ist für das Searchicon (Symbol) die GIF-Datei (searchicon.gif) in moziloCMS vorgesehen. Für grafisch anspruchsvollere Symbole würde die (zusätzliche) Definition PNG als Format sehr viel Sinn machen.

Bisher behelfe ich mir mit einem Eingriff in das CMS-System, was dauerhaft (bei Updates) mühselig ist.

Kurz und gut: ist es möglich, .PNG Grafiken - als Alternative zur .GIF Grafik - im Layout-Ordner als das Standard-Symbol zu packen und dass es vom moziloCMS verarbeitet wird?

Gruß,
Thorsten
www.mad-it.de - Wir lösen keine Probleme. Wir machen sie.
moziloCMS-Layouts auf mozilo-layouts.thorstn.com
webdesign-ruhr.de - Webdesign aus Bochum
 

 

Offline djr

  • Mitglied
  • *
  • Beiträge: 413
    • Profil anzeigen
Re: searchicon PNG
« Antwort #1 am: 03. August 2016, 18:17:07 »
@Thorstn: Hilf Dir doch per CSS.

/* Skizze */
#searchfieldset {
    position: relative;
    overflow: hidden;
}
input.searchbutton {
    position: absolute;
    padding-left: 999px;
    background-image: url("/pfad/zur/grafik.png");
    background-repeat: no-repeat;
}

Warum auch immer mozilo hier ein <input type="image" ... benutzt?!?
 

 

Offline Aggi

  • Mitglied
  • *
  • Beiträge: 16
  • Alles wird gut...
    • Profil anzeigen
Re: searchicon PNG
« Antwort #2 am: 05. August 2016, 16:56:07 »
Hei,

öffne die SearchClass.php bei Zeile 264 searchicon.gif auf .png ändern und bei Zeile 288 auch ändern.
Es ist noch kein Meister vom Himmel gefallen.
 

 

Offline djr

  • Mitglied
  • *
  • Beiträge: 413
    • Profil anzeigen
Re: searchicon PNG
« Antwort #3 am: 05. August 2016, 17:06:11 »
Hei,

öffne die SearchClass.php bei Zeile 264 searchicon.gif auf .png ändern und bei Zeile 288 auch ändern.
Bisher behelfe ich mir mit einem Eingriff in das CMS-System, was dauerhaft (bei Updates) mühselig ist.
 

 

Offline Thorstn

  • Mitglied
  • *
  • Beiträge: 669
    • Profil anzeigen
    • Mensch, Musiker, Webdesigner - Thorsten aus Bochum
Re: searchicon PNG
« Antwort #4 am: 09. August 2016, 22:51:25 »
Danke für den Tipp, Aggi, aber wie djr bereits richtig zitiert hat, behelfe ich mir mit genau dieser Maßnahme (Eingriff in die SearchClass.php)  ;)

Dauerhaft wäre es besser, wenn das CMS sowohl .gif als auch .png von Hause aus berücksichtigen würde. Eine Lösung könnte sein, dass das CMS (zwar) nach beiden Formaten "sucht", aber nur das nimmt, welches im /grafik Ordner des Layouts hinterlegt ist. Der/die Layouter werden sich dann (zukünftig) an ein einziges Format halten, schätzungsweise der .png Datei. Oder anders ausgedrückt: es darf nur ein einziges searchicon Symbol im Layouts-Ordner vorhanden sein, .gif oder .png

Wäre super, wenn das (dauerhaft) möglich wäre  :)
www.mad-it.de - Wir lösen keine Probleme. Wir machen sie.
moziloCMS-Layouts auf mozilo-layouts.thorstn.com
webdesign-ruhr.de - Webdesign aus Bochum
 

 

Offline djr

  • Mitglied
  • *
  • Beiträge: 413
    • Profil anzeigen
Re: searchicon PNG
« Antwort #5 am: 12. August 2016, 21:47:29 »
Dauerhaft wäre es besser, wenn das CMS sowohl .gif als auch .png von Hause aus berücksichtigen würde.
... und .jpg und .svg und font-icons. ;)

Der Fehler ist, dass hier von mozilo ein <input type="image"...> statt eines button gesetzt wird.
Ein type="image" hat an dieser Stelle keine direkte Funktion (d.h. die übergebenen x-y-Koordinaten werden nicht genutzt).
Und für die Gestaltung ist CSS und nicht HTML zuständig.

@Thorstn: probier' es mit CSS.

Wichtig hierbei ist:
  • Den searchbutton-Inhalt mit padding zu verdrängen. Damit der Bereich noch klick-bar ist.
  • Das, den Such-Button umschließende, Element mit overflow: hidden; und einer Größenangabe zu versehen.
  • Dein gewünschtes Bild als Hintergrund einbauen.

Bei Fragen: fragen.
 

 

Offline Thorstn

  • Mitglied
  • *
  • Beiträge: 669
    • Profil anzeigen
    • Mensch, Musiker, Webdesigner - Thorsten aus Bochum
Re: searchicon PNG
« Antwort #6 am: 14. August 2016, 20:53:48 »
Danke @ djr, ich probiere das mal aus mit CSS  ;)
www.mad-it.de - Wir lösen keine Probleme. Wir machen sie.
moziloCMS-Layouts auf mozilo-layouts.thorstn.com
webdesign-ruhr.de - Webdesign aus Bochum