Absätze exclusiv für "mobile" Ansicht

Moin @all,

gibt es eigentlich eine Möglichkeit, Absätze nicht auf dem Desktop, dafür nur in der "mobilen" Darstellung anzeigen zu lassen um Informationsverluste (Marginalspalten, rechte und linke Abstzbereiche etc.) abzufangen?

Ich finde da irgendwie keine Möglichkeit ...

LG, Thomas

Hi,

mit Siquando Pro Web Bordmitteln ist dies leider nicht möglich. Ich denke jedoch, daß unter der Haube sicherlich etwas machbar ist und könnte mir vorstellen, daß u.U. Thomas Karow mit seinem Know How diesbezüglich hilfreich sein könnte.

Am besten fährst Du in dieser Angelegenheit sowieso mit Thomas' Design Bootstrap 3 Pro. Hier gilt immer alles gleichzeitig sowohl für Desktop als auch für mobil.

Off-Topic:

Gerüchterweise  wird bereits gegen Ende August das zweite voll responsive Pro-Design von Thomas erscheinen.

Hallo,

ich hatte mal dafür hier einen Code veröffentlicht: http://forum.w2d-siquando.de/Forum/Designs_Anpassungen_Siquando_Pro_Web_/Tipp_Unterdrueckung_der_Sidebar_umgehen_-1174

Den könntest du für deinen Zweck ja etwas anpassen. 

Aber wie Volker schon sagte, gehts mit Thomas Bootstrap Design besser

Moin Ihr Beiden,

und um Euch den Wind aus den Segeln zu nehmen ... die Seite läuft auf dem Bootstrap-Design. Das mit den sidebar's habe ich oben nur mal dazugeschrieben, das hat bei mir keinen aktuellen Kontext. Das mit den Marginalspalten schon eher, wäre aber auch verschmerzbar. Aber ich habe einzelne Textabsätze, die auf Grund der Schriftgrösset nicht "responsive" angezeigt werden sollen und können: Das sind Hervorhebungen, die durch weniger "schrill" formatierte Absätze auf dem smartphone "ersetzt" werden sollen. Also quasi ein Textabsatz für den Desktop mit Schriftgrösse 96, auf dem smartphone mit Grösse 18.

Dafür sehe ich auch mit bootstrap keine Möglichkeit, scheint wohl so zu sein.

LG, Thomas

Ich habe dir mal ein kleines Beispiel geschrieben:

<style "text/css">
	/* wenn Bildschirm kleiner als 480px ist, also wenn mobile Seite aufgerufen wird */
	@media only screen and (max-width: 480px) {
		.Absatz p{
			font-size:18px;
		}
	}
 
 	/* wenn Bildschirm größer als 481px ist, also wenn normale Seite aufgerufen wird */
	@media only screen and (min-width: 481px) {
		.Absatz p{
			font-size:64px;
		}	
	}
</style>
 
<div class="Absatz">
 	<p>Das ist ein Text.</p>
</div>

 Hier wird beim Smartphone die Schriftgröße verändert. Du kannst natürlich dann noch weitere Formatierungen wie Schriftart und Farbe an deine Wünsche anpassen.

Wenn du wirklich zwei einzelne Absätze haben willst, z.B. wegen anderem Text kannst du ja unter der entsprechenden media screen Definition einen Absatz ausblenden lassen und den anderen ein.

Moin Christoph,

die Idee wäre IMHO vor vier Jahren elegant gewesen ... aber kennst Du noch ein Telefon, das nur 480px in der Breite auflöst? Eventuell wäre sowas über den jeweiligen user agent möglich - aber das würde für mich vom Aufwand her dann auch eher den Rahmen sprengen.

LG, Thomas

Thomas,

Schau einfach mal hier: http://getbootstrap.com/css/#responsive-utilities

Mein Beispiel war ja auch nur zur Veranschaulichung. Du kannst da natürlich noch andere Werte einsetzen. Oder auch noch einen Media Query dazu schreiben für eine dritte Breite.

Es gibt aber ja noch andere Variante, schaue mal hier: http://wiki.selfhtml.org/wiki/CSS/Media_Queries#.C3.9Cbersicht_der_Medienmerkmale

"die Idee wäre IMHO vor vier Jahren elegant gewesen"

Nach diesem Prinzip funktionieren aber heutzutage responsive Webseiten. 

Moin @all,

das wird mir zu fummelig, zumal es MHO immer noch Leute mit einem Desktopmonitor mit den guten, alten 1024x768 und mittlerweile smartphones mit 1440x2560 px gibt. Da schreibe ich mehr, als im Absatz stehen würde .

Danke Euch trotzdem und LG, Thomas

Okay, mal ernsthaft: wir schreiben das Jahr 2016 - und ich habe keine Möglichkeit, bestimmte Absätz nur auf Smartphones zu publizieren? Es gibt ernsthaft keine Weiche?

Genau so ist es. Mit Bordmitteln wie schon gesagt nicht.

Jepp, danke. Der Dialog ist ja schon fast ein Jahr her, da hatte ich gehofft, dass das reingebaut worden ist. Ich persönlich halte so etwas für Basics, scheint aber wohl kein allgemeines Interesse dran zu bestehen.

Dein Wunsch ist nachvollziehbar und auch berechtigt.

Melde ihn am besten direkt an Siquando.

Siquando müßte dafür eigentlich nur eine Checkbox im Reiter Sichbarkeit hinzufügen. Man könnte aber auch Siquando Pro so dazu bewegen bestimmte Absätze nur auf Smartphones anzuzeigen, bspw. wenn im Feld „sichtbar von“ ein bestimmtes Datum eingestellt ist.