© Bakual

Mobile Ansicht für Beträge ändern

Mehr
3 Jahre 6 Monate her #4657 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. 

Bitte Anmelden oder Registrieren um der Konversation beizutreten.

Mehr
3 Jahre 6 Monate her #4659 von Matthias
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.
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.

Mehr
3 Jahre 6 Monate her #4664 von Bea
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.

Bitte Anmelden oder Registrieren um der Konversation beizutreten.

Mehr
3 Jahre 6 Monate her #4665 von Thomas Hunziker
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).

Bitte Anmelden oder Registrieren um der Konversation beizutreten.

Mehr
3 Jahre 6 Monate her #4666 von Bea
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?

Bitte Anmelden oder Registrieren um der Konversation beizutreten.

Mehr
3 Jahre 6 Monate her #4667 von Thomas Hunziker
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