Avatar Tooltip

[PlasmaxDe]

Hey Forumieren,
Günther hatte mir letztens gezeigt wie ich den tooltip anwende..hab jetzt nochmal den thread gelesen und jetzt funktionierts.. :DD!
Nun ich habs in nem beitrag geschaft den tooltip anzuwenden..
nun würde ich das gerne beim Avatar machen...Günther hatte das sogar in seinem Testforum gemacht..allerdings krieg ichs nich hin :S
hier der link: https://hilfe.forumieren.com/t34111-charakteranzeige-durch-anvisieren-des-bildes
Frage Nebenbei: kann man auch png´s oder gif´s als Avatar benützen..wenn ja wie?
mfg plasmax

[#Frank]

Einen Usergebundenen Tooltipp wirst du nicht einsetzen können.
Wenn Günther da einen anderen Kenntnisstand hat, wird er dir das eventuell sagen.
Und natürlich kannst du auch PNG und GIF als Avatar einsetzen. Einfach hochladen und einsetzen. Ganz normal über dein Provil. Nur darauf Achten, das die Datengröße eingehalten wird, oder zu einem Externen Avatar verlinken.

[Günther]

Wenn Günther da einen anderen Kenntnisstand hat, wird er dir das eventuell sagen.

Das mache ich gerne. Unter BB2 ist das über die Templates in einem gewissen Rahmen möglich.

Du weißt ja nun, mit welchem Schema du vorgehen musst (siehe: https://hilfe.forumieren.com/t34111-charakteranzeige-durch-anvisieren-des-bildes#223256 ).
Genauso kannst du auch an vielen Stellen und mit einigen Variablen in den Templates umgehen. Um die Charakterfelder beim Hovern des Avatars anzuzeigen, ist z.B. folgende Änderung möglich:

Dazu gehst du in die Templates zu
AB -> Anzeige -> Templates -> Allgemeines -> viewtopic_body
und suchst dort folgende Stelle (unverändertes Template: Zeilen 92-99):

Code:

<span class="postdetails poster-profile">
            {postrow.displayed.POSTER_RANK}<br />
            {postrow.displayed.RANK_IMAGE}{postrow.displayed.POSTER_AVATAR}<br /><br />
            <!-- BEGIN profile_field -->
            {postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}
            <!-- END profile_field -->
            {postrow.displayed.POSTER_RPG}
         </span><br />

Die grün markierten Bereiche fügst du hinzu, die roten entfernst du:

<span class="postdetails poster-profile">
{postrow.displayed.POSTER_RANK}<br />
{postrow.displayed.RANK_IMAGE}<div data-ot='{postrow.displayed.POSTER_RPG}'>{postrow.displayed.POSTER_AVATAR}</div><br /><br />
<!-- BEGIN profile_field -->
{postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}
<!-- END profile_field -->
{postrow.displayed.POSTER_RPG}
</span><br />

Danach sendest du das Template ab und veröffentlichst es über einen Klick auf
Das Ergebnis sieht dann etwa so aus:


Du wirst feststellen, dass sich nicht sämtliche Variablen als Tooltip-Inhalt verwenden lassen. Das kommt daher, dass einige Variablen bereits Vorformatierungen beinhalten und dieser HTML-Code dann teilweise den Tooltip-Tag stört bzw. aufhebt. Aber bei den Charakterfeldern ist das z.B. nicht der Fall und du kannst die entsprechende Variable problemlos als Tooltip-Inhalt einsetzen.

Hilft dir das weiter?

[PlasmaxDe]

Cool Danke habs jetz erstmal so..



Wie kann ich den Inhalt so wie bei dir ändern?

[Günther]

Indem du meiner Anleitung folgst.

Das Schema sollte dir klar sein:

<div data-ot='{postrow.displayed.POSTER_RPG}'>{postrow.displayed.POSTER_AVATAR}</div>

In diesem Fall wird die Variable {postrow.displayed.POSTER_RPG} als Tooltip angezeigt, wenn die Variable {postrow.displayed.POSTER_AVATAR} gehovert wird.

Wenn du meiner Anleitung folgst, werden die Charakterfelder als Tooltip angezeigt. Falls du aber andere Variablen als Tooltip-Inhalt eingesetzt hast und nun ein leerer Tooltip angezeigt wird, dann ist das der Fall:

Du wirst feststellen, dass sich nicht sämtliche Variablen als Tooltip-Inhalt verwenden lassen. Das kommt daher, dass einige Variablen bereits Vorformatierungen beinhalten und dieser HTML-Code dann teilweise den Tooltip-Tag stört bzw. aufhebt. Aber bei den Charakterfeldern ist das z.B. nicht der Fall und du kannst die entsprechende Variable problemlos als Tooltip-Inhalt einsetzen.

[PlasmaxDe]

Ohh ok vielen danke

[Günther]

Bitteschön, gern geschehen.

Einen schönen Sonntag!
-done-