https://www.deskmodder.de/wiki/index.php?action=history&feed=atom&title=Text_mit_Mouseover-EffektText mit Mouseover-Effekt - Versionsgeschichte2026-05-19T23:45:01ZVersionsgeschichte dieser Seite in Deskmodder WikiMediaWiki 1.43.8https://www.deskmodder.de/wiki/index.php?title=Text_mit_Mouseover-Effekt&diff=8589&oldid=prevMoinmoin am 7. Mai 2011 um 14:06 Uhr2011-05-07T14:06:30Z<p></p>
<p><b>Neue Seite</b></p><div>[[Kategorie:Samurize]]<br />
<br />
Wie man einen Mouseovereffekt mit Buttons und animierten Button erstellt haben wir euch schon <br />
<br />
hier: [[Button mit Mouseover-Effekt]]<br />
<br />
und hier: [[Button / Icon mit MouseOver-effekt // Animierter Button]]<br />
<br />
Nun geht es um den Mouseover-Effekt bei einfachen Textanzeigen. <br />
<br />
[[Datei:Mo 1.jpg]]<br />
<br />
<br />
==Danke==<br />
Erst einmal vielen Dank an Stealth für das Tutorial. Hier das [http://stealth.nexi.org/text_mit_mouseover <u>Original</u>]<br />
==Was brauche ich dazu==<br />
<br />
<br />
''' Was brauche ich dazu ...?'''<br />
*Samurize<br />
*Plugin „InputImage.dll“ aus dem PluginPak von Uziq [http://www.deskmodder.de/phpBB3/viewforum.php?f=271 in unserem Downloadbereich]<br />
==Anleitung==<br />
[[Datei:Mo 2.jpg|thumb|right]]<br />
Fangen wir mal in ruhe an, den Editor geöffnet und unter <br />
*Meter → Hinzufügen → Text einfügen, <br />
<br />
wenn das soweit steht, wählt ihr unter dem Reiter Anzeige den Text wie das gute mal heißen soll, in diesem Fall ''' Start''', sowie die Schriftart und die Farbe dazu einstellen.<br />
{{Absatz}}<br />
[[Datei:Mo 3.jpg|thumb|right]]<br />
Jetzt kommen wir zu dem Effekt der ja entstehen soll, dafür gehen wir unter <br />
*Meter → Hinzufügen → Plugins → und wählen das ImputImage.dll Plugin aus.<br />
{{Absatz}}<br />
[[Datei:Mo 4.jpg|thumb|right]]<br />
Bis hier her war es ja nun nicht so schwer, aber das nette Plugin verarbeitet normal Bilder um den Effekt darzustellen, da wir aber Text verarbeiten wollen, muss man sich einer „Krücke“ bedienen, aber das kennt man ja unter Samu.<br />
<br />
Geben wir mal in die Einstellungen des Meter und fangen bei '' Allgemein'' an. <br />
<br />
Wie gesagt da wir eine „Krücke“ basteln müssen, verwenden wir dafür die '' Alarmwerte'', <br />
<br />
also den Reiter '' Allgemein → Haken'' rein bei → '' Alarmwert erlauben''.<br />
<br />
Jetzt werden 4 Alarmwerte angelegt und wie folgt konfiguriert <br />
(das sind nur Bsp., ich könnt auch andere Befehle nehmen, wichtig ist nur, das es sie nicht gibt und man sie in der weiteren Konfiguration genau so weiter nutzt):<br />
<br />
<br />
<br />
{| border="1" width="50%" cellpadding="4"<br />
| colspan="4" align="center"|<br />
|-valign="top"<br />
|width="15%" style="background:#3c3d3f; color:white" align="center" |'''Alarm Name'''<br />
|width="15%" style="background:#3c3d3f; color:white" align="center"|''' Alarm wenn''' <br />
|width="15%" style="background:#3c3d3f; color:white" align="center"|''' Wert'''<br />
|width="15%" style="background:#3c3d3f; color:white" align="center"|''' Alarm Farbe'''<br />
|-valign="top"<br />
|Alert0<br />
|Wert gleichgestellt<br />
|C:\drüber<br />
|grün<br />
|-valign="top"<br />
|Alert1<br />
|Wert gleichgestellt<br />
|C:\weg<br />
|hellgrau<br />
|-valign="top"<br />
|Alert2<br />
|Wert gleichgestellt<br />
|C:\drück<br />
|grau<br />
|-valign="top"<br />
|Alert3<br />
|Wert gleichgestellt<br />
|C:\losgelassen<br />
|grün<br />
|}<br />
<br />
<br />
{{Absatz}}<br />
[[Datei:Mo 5.jpg|thumb|right]]<br />
So dann haben wir das auch, dann machen wir mit den '' Reiter Quelle'' weiter, hier muss natürlich das Plugin ''' InputImage.dll''' aus der Liste gewählt werden und hierzu die entsprechende '' Funktion ReturnImagePath'' zu.<br />
<br />
{{Absatz}}<br />
[[Datei:Mo 6.jpg|thumb|right]]<br />
<br />
Da ja noch einige Reiter offen sind, machen wir mal mit den ''Reiter Anzeige'' weiter. <br />
<br />
Nun was wird hier festgelegt …? ganz klar der Mouseovereffekt Text und der sollte natürlich den selben Namen tragen wie der Textmeter den wir ganz zum Anfang erstellt haben, also <br />
*→ Anzeige → Text → Start<br />
<br />
{{Absatz}}<br />
[[Datei:Mo 7.jpg|thumb|right]]<br />
<br />
Der ganze Aufbau der Alarmwerte kommt nun wieder und es soll ja auch von dem Plugin verarbeitet werden, also wechseln wir mal zu dem '' Reiter Eingabe''<br />
<br />
*Eingabe → Häkchen rein bei → Erlaube Eingabekontrollen<br />
<br />
Jetzt wird nichts anderes festgelegt als, welche Alarmwerte unter welcher Aktion unter welchem Plugin passieren soll, in diesem Fall schaut die Syntax wie folgt aus:<br />
<br />
{| border="1" width="50%" cellpadding="3"<br />
| colspan="4" align="center"|<br />
|-valign="top"<br />
|width="15%" style="background:#3c3d3f; color:white" align="center" |'''Eingabekontrollen'''<br />
|width="15%" style="background:#3c3d3f; color:white" align="center"|''' Plugin''' <br />
|width="15%" style="background:#3c3d3f; color:white" align="center"|''' Einstellungen'''<br />
|-valign="top"<br />
|Maus über Meter<br />
|InputImage.dll<br />
|C:\drüber<br />
|-valign="top"<br />
|Maus verlässt Meter<br />
|InputImage.dll<br />
|C:\weg<br />
|-valign="top"<br />
|Linke Maustaste losgelassen<br />
|InputImage.dll<br />
|C:\drück<br />
|-valign="top"<br />
|Linke Maustaste gedrückt<br />
|InputImage.dll<br />
|C:\losgelassen<br />
|}<br />
<br />
{{Absatz}}<br />
[[Datei:Mo 8.jpg|thumb|right]]<br />
<br />
Im einzelnen wird das so realisiert: <br />
*→ Häkchen rein bei → Erlaube Eingabekontrollen → Plugin Aktion → Weiter → InputImage.dll auswählen → Weiter<br />
{{Absatz}}<br />
[[Datei:Mo 9.jpg|thumb|right]]<br />
Eingabe wählen → Häkchen rein wie in der Tabelle → Plugin einstellen<br />
<br />
{{Absatz}}<br />
[[Datei:Mo 10.jpg|thumb|right]]<br />
Unter Image Path den Befehl der Alarmwerte eintragen → OK<br />
<br />
Das ganze muss für die 4 Alarmwerte gemacht werden.<br />
<br />
Das Ergebnis<br />
{{Absatz}}<br />
[[Datei:Mo 1.jpg]]</div>Moinmoin