Poccy - Mobile Website Generator

Kunden-Login

26.02.2012

HTML-Codes für noch bessere mobile Websites (Teil 1): Buttons


Die HTML-Funktion für die einzelnen Seiten der mobilen Websites bietet eine Vielzahl von Einstellungsmöglichkeiten. Wir werden Ihnen an dieser Stelle in Zukunft Codes vorstellen, die Sie nutzen können, um Ihren mobilen Websites noch den "letzten Schliff" zu geben.

Teil 1: Buttons

Manchmal gibt es gute Gründe einen Link als Button darzustellen. Zum Beispiel dann, wenn es sich um einen wichtigen einzelnen Link handelt. Dieser kann z.B. zu Ihrem (mobilen) Online-Shop führen oder zu einer weiteren eingerichteten mobilen Website einer Filiale. Die Anwendungsszenarien sind vielfältig - die Lösung einfach.

Öffnen Sie im Seitenmenü die entsprechende Seite, klicken Sie im Editor auf HTML und kopieren Sie den Code für den Button an die von Ihnen gewünschte Stelle.

<p><a href="http://LINK-ADRESSE.DE" 
data-transition="pop" data-rel="dialog" data-role="button">BUTTON-TEXT</a></p>

Nun ergänzen Sie noch die fehlenden Angaben in der Codezeile: zum einen den Ziellink des Buttons und zum anderen den Text für den Button.

Klicken Sie auf Aktualisieren, das HTML-Fenster wird sich schließen. Bitte beachten Sie, dass der Button im Seitenmenü nicht als Button sondern nur als Link dargestellt wird. Zur Kontrolle, ob alles geklappt hat, können Sie aber wie gewohnt die Vorschau am rechten Bildschirmrand nutzen. Denken Sie dafür daran auf "Übernehmen" zu klicken.

Anbieterinformation: Point of Contact UG (haftungsbeschränkt) | Littenstraße 106/107 | DE-10179 Berlin-Mitte

Poccy folgen

Poccy bei Facebook Facebook
Poccy bei Twitter Twitter
Poccy per RSS RSS