Online-Grafik bei Beitragsansicht verschieben

Alles zu Styles, Templates, Icons und Smilies für phpBB 3.0.x, sowie allgemeine Designfragen zur Integration von phpBB in bestehende Websites.
phpBB Styles Demo
Forumsregeln
Bei Style spezifischen Fragen ist der Stylename und die Downloadquelle des Styles erforderlich, besser noch die URL vom betroffenen Forum.
Antworten
Benutzeravatar
Crizzo
Administrator
Administrator
Beiträge: 12123
Registriert: 19.05.2005 21:45
Kontaktdaten:

Online-Grafik bei Beitragsansicht verschieben

Beitrag von Crizzo »

Hi!

Ich benutze phpBB 3.0.4 (Link: http://squadrevolution.blackhawk-zone.d ... /index.php falls ihr den braucht).

Bei jedem Beitrag erscheint, falls der Nutzer "online" ist, eine Grafik. Ich baue gerade ein Template, welches auf "prosilver" basiert und ich will diese "online"-Grafik, die aktuell rechts oben bei jedem Beitrag angezeigt wird, verschieben. Doch wo muss ich nachsehen (in welcher Template-Datei) und wie erkenne ich es dort?


PS: Gibt es eine Art Liste, in der steht, dass man "Element xy" da und da findet oder der "Hook" für Element xy den Namen "abc" hat?

PPS: Falls das Thema schon vorhanden ist, wäre ein Link dazu auch ausreichend, sofern die Frage dort beantwortet wird.

Danke

Gruß
WebArt
Mitglied
Beiträge: 62
Registriert: 07.03.2009 00:18

Re: Online-Grafik bei Beitragsansicht verschieben

Beitrag von WebArt »

die Grafik müsste in der Datei root/styles/{template}/template/viewforum.html sein...
bin mir aber nicht 100% sicher


Chris
JFooty
Ehemaliges Teammitglied
Beiträge: 1868
Registriert: 02.10.2007 11:46

Re: Online-Grafik bei Beitragsansicht verschieben

Beitrag von JFooty »

Die Grafik heißt icon_user_online.gif und die findest du z.B. im Ordner styles/prosilver/imageset/de/.
Die Positionierung erfolgt per css, im Template wird dann nur noch die css-Klasse beispielsweise mit

Code: Alles auswählen

class="online"
oder in Kombination mit anderen css-Klassen

Code: Alles auswählen

class="panel bg1<!-- IF S_ONLINE --> online<!-- ENDIF -->"
aufgerufen. Das

Code: Alles auswählen

<!-- IF S_ONLINE --> online<!-- ENDIF -->
bedeutet lediglich, die Klasse online wird nur angewendet, wenn der User auch wirklich online ist.
colours.css - Festlegung der zu verwendenden Grafik:

Code: Alles auswählen

.online {
	background-image: url("{T_IMAGESET_LANG_PATH}/icon_user_online.gif");
}
content.css - Positionierung der Grafik:

Code: Alles auswählen

.online {
	background-image: none;
	background-position: 100% 0;
	background-repeat: no-repeat;
}
bidi.css - Alternative Position, falls jemand statt "left to right" (ltr) lieber "right to left" (rtl) als Leserichtung verwendet:

Code: Alles auswählen

.rtl .online {
	background-position: 0 0;
}
BlackHawk87 hat geschrieben:Gibt es eine Art Liste, in der steht, dass man "Element xy" da und da findet ...
Ist mir nicht bekannt.
BlackHawk87 hat geschrieben:...oder der "Hook" für Element xy den Namen "abc" hat?
:-? Damit kann ich nichts anfangen....
Kein Support per PN!
Benutzeravatar
Crizzo
Administrator
Administrator
Beiträge: 12123
Registriert: 19.05.2005 21:45
Kontaktdaten:

Re: Online-Grafik bei Beitragsansicht verschieben

Beitrag von Crizzo »

Das ist ja ein Template-System und in den HTML-Dateien muss doch "C ode" stehen, der sagt: "da packst du den Inhalt aus dem Beitrag rein" und "hier packst du den Benutzernamen rein". Das meinte ich mit "Hooks".

Also muss ich dies hier:

Code: Alles auswählen

<!-- IF S_ONLINE --> online<!-- ENDIF -->
innerhalb von

Code: Alles auswählen

class=""
einem anderen Element geben und dann erscheint das "online-Banner" bei diesem Element und ich kann es dort ganz normal mit CSS positionieren?
aurora876
Ehemaliger Übersetzer
Beiträge: 1600
Registriert: 30.08.2008 20:41

Re: Online-Grafik bei Beitragsansicht verschieben

Beitrag von aurora876 »

also wo soll die grafik denn hingeschoben werden?
There are 10 types of people in the world: Those who understand binary and those who don't. :D

Support Toolkit in Deutsch
Benutzeravatar
Crizzo
Administrator
Administrator
Beiträge: 12123
Registriert: 19.05.2005 21:45
Kontaktdaten:

Re: Online-Grafik bei Beitragsansicht verschieben

Beitrag von Crizzo »

"prosilver" hat den Beitrags-Inhalt links und den Avatar, Benutzername usw. rechts. Ich hab das verändert und jetzt hängt das "online-Teil" immer noch rechts im Ecke. Es soll also an das Element, dass den Avatar usw. beinhaltet. ;)
JFooty
Ehemaliges Teammitglied
Beiträge: 1868
Registriert: 02.10.2007 11:46

Re: Online-Grafik bei Beitragsansicht verschieben

Beitrag von JFooty »

BlackHawk87 hat geschrieben:Ich hab das verändert und jetzt hängt das "online-Teil" immer noch rechts im Ecke.
Das kannst du hier einstellen:

Code: Alles auswählen

.online {
   background-image: none;
   background-position: 100% 0;
   background-repeat: no-repeat;
}
Ändere die Werte für background-position. Lesestoff dazu gibt es hier.
Kein Support per PN!
Benutzeravatar
Crizzo
Administrator
Administrator
Beiträge: 12123
Registriert: 19.05.2005 21:45
Kontaktdaten:

Re: Online-Grafik bei Beitragsansicht verschieben

Beitrag von Crizzo »

Danke, habs mal probiert. Klappt auch, sieht aber nichts aus. Also bleibt es rechts stehen. Hab nur per CSS die Button rechts oben ein wenig verschieben müssen.
Antworten

Zurück zu „[3.0.x] Styles, Templates und Grafiken“