Online und Offline Symbol auch bei responsiver Ansicht

[Kirk]

Hallo
Ich versuche bei meinem Style das Online und Offline Symbol auch bei responsiver Ansicht anzuzeigen.
In der viewtopic_body.html hab ich nach:

Code: Alles auswählen

<!-- IF postrow.RANK_TITLE or postrow.RANK_IMG --><dd class="profile-rank">{postrow.RANK_TITLE}<!-- IF postrow.RANK_TITLE and postrow.RANK_IMG --><br /><!-- ENDIF -->{postrow.RANK_IMG}</dd><!-- ENDIF -->

das hier eingefügt:

Code: Alles auswählen

			<!-- IF postrow.ONLINE_IMG and not postrow.S_IGNORE_POST --><dd class="profile-online-img">{postrow.ONLINE_IMG}</dd><!-- ENDIF -->

In der ./theme/responsive.css hab ich folgendes eingetragen:

Code: Alles auswählen

.postprofile dt, .postprofile dd.profile-online-img {
	background-image: url("./de/icon_user_online.png");
	background-position: 83% -4px;
	background-repeat: no-repeat;
}

.imageset.icon_user_online {
	background-image: none;
}

Jetzt wird die online Grafik bei responsiver Ansicht angezeigt, aber auch bei den Usern die offline sind.
In der "normalen" Ansicht passt alles.

Board und Style Version sind auf phpBB 3.1.0-RC2 ~ Build 1670

[HabNurNeFrage]

Hi,

klappt es eventuell so:

<!-- IF postrow.S_ONLINE and postrow.ONLINE_IMG and not postrow.S_IGNORE_POST -->

LG

[Kirk]

Hi
Danke aber bei deinem IF Statement, wird mir in der "normalen" Ansicht keine offline Grafik angezeigt.

[HabNurNeFrage]

Hi,

das war auch lediglich geraten.
Wie wird denn zwischen normal und responsive umgeschaltet?

Ehrlich gesagt ist mir noch gar nicht aufgefallen, dass in 3.1.x verschiedene Ansichten existieren

LG

[Kirk]

Wie wird denn zwischen normal und responsive umgeschaltet?

Man verkleinert einfach das Browserfenster, mit responsiver ist die moibile Ansicht gemeint, umschalten kann man da nichts.
3.1.x soll ja auch mobiltauglich sein.

[Lehrling]

Hallo,

Danke aber bei deinem IF Statement, wird mir in der "normalen" Ansicht keine offline Grafik angezeigt.

Und einfach noch ein ELSE Statement für das/den offline-Bild/Container anhängen?
LG Beate

[Kirk]

Ich hab jetzt ein akzeptable Lösung gefunden.
In der viewtopic_body.html hab ich nach:

Code: Alles auswählen

<!-- IF postrow.RANK_TITLE or postrow.RANK_IMG --><dd class="profile-rank">{postrow.RANK_TITLE}<!-- IF postrow.RANK_TITLE and postrow.RANK_IMG --><br /><!-- ENDIF -->{postrow.RANK_IMG}</dd><!-- ENDIF -->

das hier eingefügt:

Code: Alles auswählen

<!-- IF postrow.ONLINE_IMG and not postrow.S_IGNORE_POST --><dd class="profile-rank">{postrow.ONLINE_IMG}</dd><!-- ENDIF -->

in der theme/de/stylesheet.css nach:

Code: Alles auswählen

	background-image: url("./icon_user_offline.png");

hab ich das hier eingefügt:

Code: Alles auswählen

background-position: 0 6px;

das gleiche bei: .imageset.icon_user_online {