Lexi Help
Partner
www.forumieren.com

 [phpBB2] Schrift wird bei Mouseover kleiner?

Vorheriges Thema anzeigen Nächstes Thema anzeigen Nach unten

Erledigt  [phpBB2] Schrift wird bei Mouseover kleiner?

Beitrag von Blattlied am Mo 16 Sep 2013 - 15:35

Hallo. Smile
Ich hab die Suchfunktion benutzt, aber nichts gefunden, ich hoffe, das gibt's noch nicht. Wenn doch, sorry.
Und ich weiß auch nicht genau, ob das jetzt 'Mouseover' oder so heißt, aber ich glaube schon.

Aber jetz tmal zum Thema:
Ich hab bei dem Forum hier gesehen, dass wenn man auf so nen Link mit der Maus geht, dass die Schrift dann kleiner wird.
Wie kann man das machen?
Danke schonmal für die Antwort. Smile

Blattlied
Neuling
Neuling

Beiträge : 27
Anmeldedatum : 01.12.12

Benutzerprofil anzeigen

Nach oben Nach unten

Erledigt Re:  [phpBB2] Schrift wird bei Mouseover kleiner?

Beitrag von #Frank am Mo 16 Sep 2013 - 15:53

Sollen nur die Forentitel davon betroffen sein?
Du hast doch schon in deinem Forum http://warrior-souls.catsboard.com/ den Effekt mit der Farbänderung beim Hovern eingesetzt. Wenn du in dem Forum z.B. auf Regeln zeigst, dann werden diese Links Weiß.
Wenn du dazu nun noch die Schriftgröße einsetzt, dann hast du doch schon den Effekt.
Du hast jetzt Eingesetzt:
Code:
a:link:focus, a:link:hover {
    text-shadow: -1px 1px 10px #EDE0B9, 1px -1px 10px #C4A958;
}
Wenn du das nun noch um die Textgröße erweiterst, dann sieht das so aus:
Code:
a:link:focus, a:link:hover {
    font-size: 10px;
    text-shadow: -1px 1px 10px #EDE0B9, 1px -1px 10px #C4A958;
}



Keine Unaufgeforderten PN senden! Unsere Regeln Passwort vergessen ? Info's zu den Gründerdaten
Mein IPad schreibt die tollsten Wörter... Nicht wundern... Einfach geniessen...!

Meine Geduld wird geladen:

Fortschritt: 67%
Never change a running system on Friday!

#Frank
Admin a.D.
Admin a.D.

Männlich Beiträge : 34547
Hinweis : Admin außer Dienst
Anmeldedatum : 13.08.08
Firefox

Benutzerprofil anzeigen

Nach oben Nach unten

Erledigt Re:  [phpBB2] Schrift wird bei Mouseover kleiner?

Beitrag von Blattlied am Mo 16 Sep 2013 - 15:56

Achso, danke. Smile
Könnte man auch noch so machen, dass es, wie bei dem Forum von oben, so langsam kleiner wird, nicht auf einmal?

E: Und jaa, es sollen natürlich nur die Forentitel sein. Smile

Blattlied
Neuling
Neuling

Beiträge : 27
Anmeldedatum : 01.12.12

Benutzerprofil anzeigen

Nach oben Nach unten

Erledigt Re:  [phpBB2] Schrift wird bei Mouseover kleiner?

Beitrag von #Frank am Mo 16 Sep 2013 - 16:13

In deinem Forum ist doch schon solch ein Effekt vorhanden.
Das ganze erreichst du mit dem Befehl:
“transition”
Hier eine weitere Erklärung:
www.css-wiki.com/css-eigenschaft/transition
Code:
a:link:focus, a:link:hover {
    font-size: 10px;
    text-shadow: -1px 1px 10px #EDE0B9, 1px -1px 10px #C4A958;
    transition: all 1s ease-in-out 0s;
}



Keine Unaufgeforderten PN senden! Unsere Regeln Passwort vergessen ? Info's zu den Gründerdaten
Mein IPad schreibt die tollsten Wörter... Nicht wundern... Einfach geniessen...!

Meine Geduld wird geladen:

Fortschritt: 67%
Never change a running system on Friday!

#Frank
Admin a.D.
Admin a.D.

Männlich Beiträge : 34547
Hinweis : Admin außer Dienst
Anmeldedatum : 13.08.08
Firefox

Benutzerprofil anzeigen

Nach oben Nach unten

Erledigt Re:  [phpBB2] Schrift wird bei Mouseover kleiner?

Beitrag von Blattlied am Mo 16 Sep 2013 - 17:37

Okay, danke. Smile
Ich hab mir das jetzt zwar durchgelesen, aber zu blöd bin ich trotzdem.
Ich hab das zwar im Forum, aber ich bastel grad an nem anderen Style rum und so. :3
Ich hab das jetzt so:
Code:
a:link:focus, a:link:hover {
    font-size: 10px;
    text-shadow: -1px 1px 10px #EDE0B9, 1px -1px 10px #C4A958;
    transition: all 5s ease-in-out 0s;
Eingefügt, aber es hat sich nix geändert. Es geht trotzdem nicht langsamer. O:
Und wenn ich die 0 ändere, is alles weg. /:

Blattlied
Neuling
Neuling

Beiträge : 27
Anmeldedatum : 01.12.12

Benutzerprofil anzeigen

Nach oben Nach unten

Erledigt Re:  [phpBB2] Schrift wird bei Mouseover kleiner?

Beitrag von #Frank am Di 17 Sep 2013 - 17:08

Gut, dann nimm mal alle Codes die du gestern eingesetzt hast raus und setze diesen hier mal ein:
Code:
.forumlink {
  font-size: 16px;
  transition-duration: 1500ms;
}
 
.forumlink:focus, .forumlink:hover {
  font-size: 10px;
  text-shadow: -1px 1px 10px #EDE0B9, 1px -1px 10px #C4A958;
  transition-duration: 1500ms;
}



Keine Unaufgeforderten PN senden! Unsere Regeln Passwort vergessen ? Info's zu den Gründerdaten
Mein IPad schreibt die tollsten Wörter... Nicht wundern... Einfach geniessen...!

Meine Geduld wird geladen:

Fortschritt: 67%
Never change a running system on Friday!

#Frank
Admin a.D.
Admin a.D.

Männlich Beiträge : 34547
Hinweis : Admin außer Dienst
Anmeldedatum : 13.08.08
Firefox

Benutzerprofil anzeigen

Nach oben Nach unten

Erledigt Re:  [phpBB2] Schrift wird bei Mouseover kleiner?

Beitrag von Blattlied am Di 17 Sep 2013 - 19:10

Klappt. Dankeschön. :3
Also, das Thema kann jetzt geschlossen werden und so. Wink

Blattlied
Neuling
Neuling

Beiträge : 27
Anmeldedatum : 01.12.12

Benutzerprofil anzeigen

Nach oben Nach unten

Erledigt Re:  [phpBB2] Schrift wird bei Mouseover kleiner?

Beitrag von #Frank am Di 17 Sep 2013 - 19:32

Du kannst natürlich hier noch andere interessante Effekte hinzufügen. Such mal nach CSS3 Effekte.
Man kann da noch ne Menge machen, wenn man etwas durchs Netz streift.

closed



Keine Unaufgeforderten PN senden! Unsere Regeln Passwort vergessen ? Info's zu den Gründerdaten
Mein IPad schreibt die tollsten Wörter... Nicht wundern... Einfach geniessen...!

Meine Geduld wird geladen:

Fortschritt: 67%
Never change a running system on Friday!

#Frank
Admin a.D.
Admin a.D.

Männlich Beiträge : 34547
Hinweis : Admin außer Dienst
Anmeldedatum : 13.08.08
Firefox

Benutzerprofil anzeigen

Nach oben Nach unten

Vorheriges Thema anzeigen Nächstes Thema anzeigen Nach oben


 
Befugnisse in diesem Forum
Sie können in diesem Forum nicht antworten