Seite 1 von 1

Online und Offline Symbol auch bei responsiver Ansicht

Verfasst: 06.08.2014 12:08
von 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

Re: Online und Offline Symbol auch bei responsiver Ansicht

Verfasst: 06.08.2014 12:23
von HabNurNeFrage
Hi,

klappt es eventuell so:

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

LG

Re: Online und Offline Symbol auch bei responsiver Ansicht

Verfasst: 06.08.2014 18:45
von Kirk
Hi
Danke aber bei deinem IF Statement, wird mir in der "normalen" Ansicht keine offline Grafik angezeigt.

Re: Online und Offline Symbol auch bei responsiver Ansicht

Verfasst: 06.08.2014 19:00
von 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 :oops:

LG

Re: Online und Offline Symbol auch bei responsiver Ansicht

Verfasst: 06.08.2014 19:03
von Kirk
HabNurNeFrage hat geschrieben: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.

Re: Online und Offline Symbol auch bei responsiver Ansicht

Verfasst: 06.08.2014 19:32
von Lehrling
Hallo,
Kirk hat geschrieben: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

Re: Online und Offline Symbol auch bei responsiver Ansicht

Verfasst: 06.08.2014 20:05
von 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 {