Mehrsprachig Website

Ein CMSimple Support Forum für deutsch sprechende Nutzer und Entwickler
Ralf H.
Posts: 495
Joined: Sun Feb 16, 2014 1:45 pm
Location: Münsterland
Contact:

Re: Mehrsprachig Website

Post by Ralf H. » Mon Oct 13, 2014 12:58 pm

cmb wrote:Das passiert bei mir (Chrome) nicht nur beim (langsamen) Verkleinern des Fensters, sondern grundsätzlich (mein Browserfenster ist normalerweise 1024px x 768px groß). Das sieht dann so aus:[ external image ]
Das ist nicht schön.
Wäre es möglich (und sinnvoll), den Button zu entfernen und "in" das Suchfeld ein Lupen-icon zu setzen?

lg,
Ralf
Badminton Individual-/Gruppentraining im Münsterland:
http://www.badminton-tips.de (deutsch)

Holger
Site Admin
Posts: 3470
Joined: Mon May 19, 2008 7:10 pm
Location: Hessen, Germany

Re: Mehrsprachig Website

Post by Holger » Mon Oct 13, 2014 1:07 pm

cmb wrote: Das passiert bei mir (Chrome) nicht nur beim (langsamen) Verkleinern des Fensters, sondern grundsätzlich (mein Browserfenster ist normalerweise 1024px x 768px groß).
Das ist auch in Firefox so. Genau genommen hier bei einer Breite des Browserfensters zwischen 980 und 1031 px.
Lösung wäre zum Beispiel dass Padding des Submit-Buttens von 10px auf 5px zu reduzieren.
Dann scheint es, zumindest auf der deutschsprachigen Seite, zu passen.

LG
Holger

cmb
Posts: 14225
Joined: Tue Jun 21, 2011 11:04 am
Location: Bingen, RLP, DE
Contact:

Re: Mehrsprachig Website

Post by cmb » Mon Oct 13, 2014 1:26 pm

Ralf H. wrote:Wäre es möglich (und sinnvoll), den Button zu entfernen und "in" das Suchfeld ein Lupen-icon zu setzen?
Ja, das ist möglich: http://cmsimpleforum.com/viewtopic.php? ... 991#p39329
Holger wrote:Das ist auch in Firefox so. Genau genommen hier bei einer Breite des Browserfensters zwischen 980 und 1031 px.
Lösung wäre zum Beispiel dass Padding des Submit-Buttens von 10px auf 5px zu reduzieren.
Dann scheint es, zumindest auf der deutschsprachigen Seite, zu passen.
Sicher auch eine gute Option.
Christoph M. Becker – Plugins for CMSimple_XH

Ralf H.
Posts: 495
Joined: Sun Feb 16, 2014 1:45 pm
Location: Münsterland
Contact:

Re: Mehrsprachig Website

Post by Ralf H. » Mon Oct 13, 2014 1:53 pm

Holger wrote:Lösung wäre zum Beispiel dass Padding des Submit-Buttens von 10px auf 5px zu reduzieren.
Dann scheint es, zumindest auf der deutschsprachigen Seite, zu passen.
Habe das Suchfeld jetzt insgesammt flacher gemacht und auch einige Paddings verändert.
Danke für den Hinweis, denn so richtig gut hat mir dieses Suchfeld nie gefallen.

lg,
Ralf
Last edited by Ralf H. on Mon Oct 13, 2014 2:23 pm, edited 3 times in total.
Badminton Individual-/Gruppentraining im Münsterland:
http://www.badminton-tips.de (deutsch)

Ralf H.
Posts: 495
Joined: Sun Feb 16, 2014 1:45 pm
Location: Münsterland
Contact:

Re: Mehrsprachig Website

Post by Ralf H. » Mon Oct 13, 2014 1:59 pm

cmb wrote:
Ralf H. wrote:Wäre es möglich (und sinnvoll), den Button zu entfernen und "in" das Suchfeld ein Lupen-icon zu setzen?
Ja, das ist möglich: http://cmsimpleforum.com/viewtopic.php? ... 991#p39329
Sieht sehr gut aus.
Ist das dann mit allen Browsern kompatibel, oder hole ich mir der Schönheit irgendwelche Probleme ins Haus?! :oops:

lg,
Ralf
Badminton Individual-/Gruppentraining im Münsterland:
http://www.badminton-tips.de (deutsch)

cmb
Posts: 14225
Joined: Tue Jun 21, 2011 11:04 am
Location: Bingen, RLP, DE
Contact:

Re: Mehrsprachig Website

Post by cmb » Mon Oct 13, 2014 4:55 pm

Ralf H. wrote:Ist das dann mit allen Browsern kompatibel, oder hole ich mir der Schönheit irgendwelche Probleme ins Haus?!
Na ja, Browser die keine Bilder anzeigen oder CSS ignorieren, werden die Lupe nicht anzeigen. Abhilfe schafft da vermutlich ein title="Search terms" Attribut.

Und Browser bei denen JavaScript nicht verfügbar ist, werden den Text "Suchen..." nicht beim Klicken in das Feld ausblenden.
Christoph M. Becker – Plugins for CMSimple_XH

Ralf H.
Posts: 495
Joined: Sun Feb 16, 2014 1:45 pm
Location: Münsterland
Contact:

Re: Mehrsprachig Website

Post by Ralf H. » Mon Oct 13, 2014 5:36 pm

Habe den Code von Holger genommen und etwas angepasst. Teilweise mit %Angaben (wegen Responsive).
Sieht schon sehr gut aus!
Ist noch nicht online.
Muss jetzt schnell zum Training und zeige es später.

lg,
Ralf
Badminton Individual-/Gruppentraining im Münsterland:
http://www.badminton-tips.de (deutsch)

Ralf H.
Posts: 495
Joined: Sun Feb 16, 2014 1:45 pm
Location: Münsterland
Contact:

Re: Mehrsprachig Website

Post by Ralf H. » Tue Oct 14, 2014 1:14 pm

Die Searchbox-Änderungen sind jetzt online.
Sieht schon ganz gut aus meiner Meinung nach.

Searchfield hat:

Code: Select all

#searchfield {
        width: 70%;
    }
Scheint so keine Kollisionen zu verursachen bei verschiedenen Auflösungen.

Im Smartphone ist die Bedienung des Menus allerdings ein Geduldspiel. Menu geht dort auf und zu wie es lustig ist.
Klickt man hingegen ins Suchfeld, geht Menü auf und bleibt es auch. <-- So soll es sein, bei Klick auf Menuicon.

lg,
Ralf
Badminton Individual-/Gruppentraining im Münsterland:
http://www.badminton-tips.de (deutsch)

cmb
Posts: 14225
Joined: Tue Jun 21, 2011 11:04 am
Location: Bingen, RLP, DE
Contact:

Re: Mehrsprachig Website

Post by cmb » Tue Oct 14, 2014 2:25 pm

Ralf H. wrote:Im Smartphone ist die Bedienung des Menus allerdings ein Geduldspiel. Menu geht dort auf und zu wie es lustig ist.
Klickt man hingegen ins Suchfeld, geht Menü auf und bleibt es auch. <-- So soll es sein, bei Klick auf Menuicon.
Das hängt vermutlich vom Smartphone (oder besser gesagt dem Browser) ab; auf meinem Tablet funktioniert das Menüicon sehr gut. Manche Touch-Browser haben aber Probleme das :hover für nicht fokussierbare Elemente zu mappen. Probier mal was passiert, wenn Du folgendes:

Code: Select all

<div id="iconmenu"><img src="<?=$pth['folder']['templateimages']?>menu.png" alt="MENU"></div>
durch folgendes ersetzt:

Code: Select all

<div id="iconmenu"><a href="javascript:void 0"><img src="<?=$pth['folder']['templateimages']?>menu.png" alt="MENU"></a></div>
(Das ist ein garstiger Hack, aber wenn es funktioniert, kann man vielleicht darauf aufbauen.)
Christoph M. Becker – Plugins for CMSimple_XH

Ralf H.
Posts: 495
Joined: Sun Feb 16, 2014 1:45 pm
Location: Münsterland
Contact:

Re: Mehrsprachig Website

Post by Ralf H. » Tue Oct 14, 2014 4:03 pm

(Das ist ein garstiger Hack, aber wenn es funktioniert, kann man vielleicht darauf aufbauen.)
Der code hat leider das Layout durchbrochen. Hängt wahrscheinlich damit zusammen, dass ich die Originalhöhe des Suchfeldes verringert habe.

Ich glaube, es gibt aber eine einfachere Lösung für den Menubutton:
Habe jetzt festgestellt, dass er in Smartphones richtig funktioniert, wenn ich 1-2 mm weiter oben drücke, statt mitten drauf.
Der Aktivierungsbereich hat sich durch meine Höhenanpassungen wahrscheinlich verschoben, so dass man bei Druck auf den Button gleichzeitig das Menu darunter klickt (stelle ich mir so vor)?!

lg,
Ralf
Badminton Individual-/Gruppentraining im Münsterland:
http://www.badminton-tips.de (deutsch)

Post Reply