Mobile Ansicht für Beträge ändern
3 Jahre 6 Monate her #4657
von Bea
Mobile Ansicht für Beträge ändern wurde erstellt von Bea
Ich habe schon viel gelernt. Ich weiss,dass ich Module z.B. nur auf eine mobile Version anzeigen kann. Auch weiss ich, dass ich im CSS mit diesem @media.... spezifische Aenderungen für die mobile Ansicht vornehmen kann.
Aber was mache ich, wenn ich einen Beitrag gerne anders gestaltet auf den mobilen Geräte haben möchte? Ist sowas möglich? Geht darum, dass ich Bilder und Texte gerne mobil in einer anderen Reihnefolge hätte.
Aber was mache ich, wenn ich einen Beitrag gerne anders gestaltet auf den mobilen Geräte haben möchte? Ist sowas möglich? Geht darum, dass ich Bilder und Texte gerne mobil in einer anderen Reihnefolge hätte.
Bitte Anmelden oder Registrieren um der Konversation beizutreten.
3 Jahre 6 Monate her #4659
von Matthias
Matthias antwortete auf Mobile Ansicht für Beträge ändern
Das funktioniert ähnlich wie mit den Modulen:
Entweder packst du den Inhalt für die verschiedenen Geräte in ein oder mehrere divs und weist diesen die Klasse zu, die du auch für die Module verwenden würdest, oder du weist die Klasse jedem einzelnen Absatz/Bild zu, dass nur bei einer der beiden zu sehen sein soll.
Entweder packst du den Inhalt für die verschiedenen Geräte in ein oder mehrere divs und weist diesen die Klasse zu, die du auch für die Module verwenden würdest, oder du weist die Klasse jedem einzelnen Absatz/Bild zu, dass nur bei einer der beiden zu sehen sein soll.
Code:
<div class="visible-phone">
<p>Ein Absatz auf dem Smartphone.</p>
<img src="" alt="Bild auf dem Smartphone" />
</div>
<div class="hidden-phone">
<img src="" alt="Bild auf dem PC" />
<p>Ein Absatz auf dem PC.</p>
</div>
Code:
<img class="hidden-phone" src="" alt="Auf dem PC kommt das Bild vor dem Absatz" />
<p>Ein Absatz auf beiden.</p>
<img class="visible-phone" src="" alt="Auf dem Smartphone kommt das Bild nach dem Absatz" />
Bitte Anmelden oder Registrieren um der Konversation beizutreten.
3 Jahre 6 Monate her #4664
von Bea
Bea antwortete auf Mobile Ansicht für Beträge ändern
Ok, danke. Bevor ich jetzt das versuche, in die schon vielen Divs zu integrieren ginge es ja evt ja einfacher. (oder auch nicht)
Was ich möchte ist, dass bei serenityforbeauty.ch (Login Simona, Web2see) einfach in der mobilen Ansicht jeweils das Bild und dann der Text kommt. Jetzt ist es aufgrund der Desktopversion so, dass Bild-Text, Text-Bild, Bild-Text kommt. Gibt es keine Möglichkeit zu sagen, dass bitte immer Bild-Text ist (nur mobil) angezeigt werden soll. Schön anpassen tut sich im Moment alles.
Was ich möchte ist, dass bei serenityforbeauty.ch (Login Simona, Web2see) einfach in der mobilen Ansicht jeweils das Bild und dann der Text kommt. Jetzt ist es aufgrund der Desktopversion so, dass Bild-Text, Text-Bild, Bild-Text kommt. Gibt es keine Möglichkeit zu sagen, dass bitte immer Bild-Text ist (nur mobil) angezeigt werden soll. Schön anpassen tut sich im Moment alles.
Bitte Anmelden oder Registrieren um der Konversation beizutreten.
- Thomas Hunziker
- Offline
- Administrator
3 Jahre 6 Monate her #4665
von Thomas Hunziker
Thomas Hunziker antwortete auf Mobile Ansicht für Beträge ändern
Es wäre machbar, aber vermutlich nicht mit row-fluid und span6 wie dus jetzt machst.
Du müsstest eigene CSS Regeln machen.
Dann kannst du dreimal immer zuerst das Bild und dann den Text schreiben im HTML, aber mittels CSS dann im mittleren Teil das Bild für Desktops rechts "floaten".
Du kannst auch versuchen mit "pull-right" das Bild nach rechts zu floaten (pull-right ist die Bootstrap-Klasse dafür).
Du müsstest eigene CSS Regeln machen.
Dann kannst du dreimal immer zuerst das Bild und dann den Text schreiben im HTML, aber mittels CSS dann im mittleren Teil das Bild für Desktops rechts "floaten".
Du kannst auch versuchen mit "pull-right" das Bild nach rechts zu floaten (pull-right ist die Bootstrap-Klasse dafür).
Bitte Anmelden oder Registrieren um der Konversation beizutreten.
3 Jahre 6 Monate her #4666
von Bea
Bea antwortete auf Mobile Ansicht für Beträge ändern
Ok, ganz anderer Ansatz als ich erwartet hätte. Dachte, ich müsste noch ein Div um alles rum machen.
Aber wenn ich 3 x Bild und Text mache, wie kommt es dann ohne das Spam 6 nur in die Hälfte der Seite?
Aber wenn ich 3 x Bild und Text mache, wie kommt es dann ohne das Spam 6 nur in die Hälfte der Seite?
Bitte Anmelden oder Registrieren um der Konversation beizutreten.
- Thomas Hunziker
- Offline
- Administrator
3 Jahre 6 Monate her #4667
von Thomas Hunziker
Thomas Hunziker antwortete auf Mobile Ansicht für Beträge ändern
Das müsstest dann eben selber machen. Mit width: 50% und so.
Bitte Anmelden oder Registrieren um der Konversation beizutreten.
Ladezeit der Seite: 0.114 Sekunden