Suche im Forum:
Suchen


Autor Nachricht
Beitrag10.01.2014 um 19:17 (UTC)    
Titel: Verschiedene Seiteninhalte: Desktop und Mobil

Heyho zusammen,
ein kleiner aber feiner Tipp am heutigen Freitagabend von mir. Es ist mit wenig Aufwand möglich auf der mobilen Seite andere Inhalte als bei der Desktopversion darzustellen.

Step 1: Copy & Paste Wink

Arrow Folgender Code kommt in das Feld "Text über dem Design"
Zitat:
<style type="text/css">
#mobil{display:none!important;}
#desktop{display:block!important;}
</style>


Arrow Folgender Code kommt bei dem mobilen Design in das Feld "Text über dem Inhalt einer Unterseite"
Zitat:
<style type="text/css">
#desktop{display:none!important;}
#mobil{display:block!important;}
</style>


Step 2: Inhalt festlegen
Und nun legt ihr einfach um euren mobilen Inhalt eine DIV-BOX und ebenfalls eine um euren Desktop-Inhalt.

Beispiel:
Zitat:
<div id="mobil">Dieser Text wird bei mobilen Endgeräten angezeigt</div>
<div id="desktop">Dieser Text wird bei einem normalen Desktop-PC angezeigt.</div>




[OPTIONAL]Step 3: Das geht sogar mit dem Editor Wink
Das könnt ihr im übrigen auch mit dem Editor mit drei einfachen Schritten erledigen.
Arrow Gewünschten Inhalte/Text markieren
Arrow Folgenden Button anklicken:
Arrow Im Dialog unter "Erweitert" eine ID vergeben:



Viel Spaß damit und Beste Grüße,
Mats
Beiträge der letzten Zeit anzeigen:   


Powered by phpBB © 2001, 2005 phpBB Group
Deutsche Übersetzung von phpBB.de