Seite 1 von 3

Online Symbol "ÜBER" den Avatar legen

Verfasst: 02.07.2012 13:50
von Akio
Hallo ;)

Ich wollte mal fragen wie man am besten das User Online Symbol über den Avatar legt?
Derzeit ist es ja unter dem Avatar wenn man die Profil Spalte verkleinert...
Benutze das Postsilver Template...

Re: Online Symbol "ÜBER" den Avatar legen

Verfasst: 02.07.2012 15:54
von Perlchamp
hi,
dies kannst du z.B. mit 2 nebeneinander liegenden div-Container erreichen, bei denen z.b. der rechte div-container NUR zu sehen ist, wenn der User online ist. Diesem div-container einen höheren z-index verpassen und mittels postion:relative;left:-90px; platzieren. Dieser div-Container enthält das online-Image (z.b. als Hintergrundbild).

viel Glück
so long

Re: Online Symbol "ÜBER" den Avatar legen

Verfasst: 03.07.2012 17:15
von Talk19zehn
Hello, du könntest class="online" auch in dem Template innerhalb von .... Postbody / Content.... anwenden, müßtest sodann m.E. jedoch mit margin-top experimentieren, um die Icons edit, quote etc. nicht zu überlagern. Das ist jetzt zwar nicht Gegenstand der tatsächlichen Fragestellung und stellt lediglich eine *Idee zur Abhilfe dar. :wink:

Gruß

Edit:
.
Bezug: viewtopic.php?p=1277058#p1277058


Edit:
* da dein Miniprofil recht schmal gehalten ist, ist eine Verlagerung denkbar... :wink:

Edit:
Oder alternativ eine andere Variante...

Re: Online Symbol "ÜBER" den Avatar legen

Verfasst: 03.07.2012 18:15
von Perlchamp
@Akio:
du bräuchtest lediglich auf meine Seite gehen und dir den Style "Cruisin' Orange" mit FireBug ansehen ...

viel Glück
so long

Re: Online Symbol "ÜBER" den Avatar legen

Verfasst: 04.07.2012 03:05
von Akio
Hmmm Kann in deinem Template leider keine Grafik "über" dem Avatar erkennen, auch in firebug nicht =(

Bin da irgendwie grad ratlos... das einzige was mir einfällt ist den avatar in eine div als bg image zu packen und in die div dann die andere div oben rechts positionieren von der avatar div und dort das online logo rein klatschen...

würde ich jedenfalls gerne tun wenn ich begreifen würde welchen code ich in welche div packen muss Oo blick leider kein meter durch bei dem ganzen if und end if kram =/

Re: Online Symbol "ÜBER" den Avatar legen

Verfasst: 04.07.2012 13:25
von Perlchamp
@Akio:
das siehst du auch nur, wenn du online, sprich: angemeldet bist und z.B. im "Kummerkasten" einen Beitrag erstellst.
Ich sehe das "online"-Logo ÜBER dem Avatar (da ich Beiträge erstellt habe UND online bin) ...

viel Glück
so long

Re: Online Symbol "ÜBER" den Avatar legen

Verfasst: 04.07.2012 15:36
von Akio
AH stimmt, genau so hab ich mir das vorgestellt ja ;) nur das bei mir das online symbol nich so exakt im avatar sein soll wie bei dir, aber das is ja positionierungs sache dann ;)

Das dumme is ich könnte das ganze Forum neu designen, könnte alles mit eigenem CSS von neu auf anfangen.
kann halt einfach absolut rein gar nichts mit den IF abfragen da anfangen,
wenn ich die sehe ist es als würde ich mir ne Bauanleitung für ein Uhrwerk anschauen..
peil einfach nichts...

Re: Online Symbol "ÜBER" den Avatar legen

Verfasst: 04.07.2012 16:49
von Perlchamp
@Akio:
vielleicht hilft Tante G ?

Noch etwas:
die stylesheet.css gibt die REIHENFOLGE der zu ladenden css-Dateien an, d.h. falls gleiche Klasseneinträge bzw. -elemente in 2 oder mehr css-Dateien vorhanden sind, hat derjenige Klasseneintrag bzw. -element, welcher als LETZTES "abgerufen" wird, Vorrang, d.h. Farbangaben in z.B. der common.css werden durch GLEICHE (falls vorhanden) Einträge in z.b. der colour.css ersetzt;
wenn du dir ALLE css-Dateien anschaust, wirst du dies feststellen.
Daher:
bevor du eigene Klassen oder Styles entwickelst, ALLE Farb-, Border-Angaben z.b. NUR in die colours.css rein und aus den anderen rauslöschen. Dann hast du ein etwas "sauberes" css. Und dies mit allen css-Dateien machen, d.h. GLEICHE Klasseneinträge bzw. -elemente RAUS und in entsprechende css-Datei REIN!

Viel Glück
so long

Re: Online Symbol "ÜBER" den Avatar legen

Verfasst: 04.07.2012 18:33
von Akio
Ah das habe ich mir schon gedacht und auch ausprobiert, hat nich geklappt, aber dann lag der fehler wohl nicht in der css sondern in der html template file

http://www.mywebexile.de/beispiel.html

So würde ich das lösen, aber hab halt kein plan wie ich das anwende in der Template File...

Re: Online Symbol "ÜBER" den Avatar legen

Verfasst: 04.07.2012 19:34
von Perlchamp
hi,

Code: Alles auswählen

<!-- IF postrow.S_ONLINE and not postrow.S_IGNORE_POST --> online<!-- ENDIF -->
=> falls User online ist UND NICHT ignoriert wird (= ignorierte Mitglieder im UCP), dann die Klasse "online" verwenden ==> dies kannst du an die Stelle verschieben, an welcher du es haben möchtest, ABER nicht außerhalb des Befehlsblocks

Code: Alles auswählen

<!-- IF not postrow.S_IGNORE_POST --> ... <!-- ENDIF -->
, so dass der Context weiterhin stimmig ist.

Code: Alles auswählen

			<dt>
				<!-- IF postrow.POSTER_AVATAR -->
					<!-- IF postrow.U_POST_AUTHOR --><a href="{postrow.U_POST_AUTHOR}">{postrow.POSTER_AVATAR}</a><!-- ELSE -->{postrow.POSTER_AVATAR}<!-- ENDIF --><br />
				<!-- ENDIF -->
			</dt>
=> falls der User einen Avatar angegeben hat und falls der Beitragsersteller bekannt/angegeben ist, dann diesen Avatar (vom Beitragsersteller) verlinken, sonst nicht (hier die zwei divs rein mit obigen Befehlsschalter für "online"-Klasse" (ungetestet).

css kannst du ja ...

viel Glück
so long