[UFO-Peter]

>Adminbereich - BEITRÄGE - BBCode hinzufügen<

Code: Alles auswählen

[kw={TEXT}]{TEXT0}[/kw]

Code: Alles auswählen

<span class="hide" title="{TEXT}">{TEXT0}</span>

Code: Alles auswählen

Link ohne Linkziel, um für ein Spiel gesuchtes Wort als Tooltip anzuzeigen: [kw=Verstecktes-Wort]SichtbaresWort[/kw]

Entweder >Adminbereich - STYLES - Themes - (rechts neben prosilver) Ändern<

Unter

Colours and backgrounds for links.css

ist dann weiter unten

/* Post body links */

Darunter eintragen:

Code: Alles auswählen

.hide {
   color:black
}

.hide:hover {
   color:red;
   text-decoration:underline
}

Und dann auf 'Absenden' klicken! Das Ganze ist jetzt in der Datenbank gespeichert und funktioniert ab sofort. Falls nicht, etwas warten! Die Theme darf dann nicht aktualisiert werden.

Oder dies in der Datei links.css unter /* Post body links */ eintragen und dann die Theme aktualisieren! Das Aktualisieren geht so:

>Adminbereich - STYLES - Themes - (rechts neben prosilver) - Aktualisieren<

Auf diese Weise wird der Inhalt aller CSS-Dateien in die Datenbank eingetragen.

Anstatt kw kann für den BBCode was anderes benutzt werden. Und der Klassenname hide kann auch ein anderer sein. Falls die Schriftfarbe nicht schwarz ist, muss anstatt black die jeweilige Schriftfarbe angegeben werden.

Das gesuchte Wort erscheint in der Kurzinfo. Soll diese zeitlich unbegrenzt erscheinen, und man dessen Schrift beispielsweise größer sein soll, bitte in diesem Thread nachfragen, weil es da auch eine Lösung gibt.

Beim veralteten IE6 wird aber das Wort nicht rot; es funktioniert nur die Kurzinfo. Beim FF2, FF3 und ab IE7 funktioniert es aber richtig. Falls es unbedingt auch beim IE6 funktionieren soll, folgenden BBCode verwenden, wobei das Kennwort auch im Tooltip erscheint. Anstatt

Code: Alles auswählen

<span class="hide" title="{TEXT}">{TEXT0}</span>

verwende beispielsweise

Code: Alles auswählen

<a href="http://weltrettungsforum.w4f.eu" class="hide" title="{TEXT}">{TEXT0}</a>

Um die Tooltipanzeige formatieren zu können, damit sie, falls gewünscht, größer und zeitlich unbegrenzt erscheint, kann man diese mit Javascript realisieren. Damit die Anzeige aber auch erfolgt, wenn ein User Javascript deaktiviert hat, habe ich die vorherige einfache Tooltip-Anzeige über Html beibehalten.

Wie zuvor alle Parameter zur Klasse hide eintragen! Die Datei tooltip.js herunterladen und in den Ordner styles/prosilver/template hochladen! Diese Datei kann man mit einem Editor öffnen und entsprechend konfigurieren, wie beispielsweise die Schriftgröße, Schriftfarbe und Hintergrundfarbe.

In der Datei styles/prosilver/template/overall_header.html in einer neuen Zeile über <div id="wrap"> einfügen:

<script type="text/javascript" src="{T_TEMPLATE_PATH}/wz_tooltip.js"></script>

Und dann den Style Prosilver aktualisieren, wie oben beschrieben! Und nachfolgenden BBCode abspeichern! Falls kein Fragezeichen am Kursor sein soll, wenn der Tooltip angezeigt wird, style="cursor:help" entfernen aus folgender Html-Ersetzung!

Code: Alles auswählen

[kw={TEXT}]{TEXT0}[/kw]

Code: Alles auswählen

<span class="hide" title="{TEXT}" style="cursor:help" onmouseover="tip('{TEXT}',  OFFSETY, 22)" onmouseout="untip()">{TEXT0}</span>

Code: Alles auswählen

Link ohne Linkziel, um für ein Spiel gesuchtes Wort als Tooltip anzuzeigen: [kw=Verstecktes-Wort]SichtbaresWort[/kw]

Nachfolgend ein Test. Dieser BBCode heißt hier aber anstatt kw kennwort.

Der [kw=Wolf]???[/kw] im [kw=Schafs]******[/kw]pelz.
=>
Der ??? im ******pelz.


Die Datei tooltip.js hatte ich ursprünglich von hier heruntergeladen und etwas verändert, um den Tooltip bei meinem Forum mit Javascript zu realisieren.

https://www.phpbb.de/community/viewtopic.php?t=173195

Auch hatte ich bei der vorigen Anleitung an dieser Anleitung und den Beispielen orientiert. Wie man sieht, kann man auch Grafiken als Tooltip erscheinen lassen.

http://4seven.kilu.de/forum/phpbb3/viewtopic.php?t=738

http://4seven.kilu.de/forum/phpbb3/viewtopic.php?t=352

http://4seven.kilu.de/forum/phpbb3/viewtopic.php?t=137