[phpBB2] Schrift wird bei Mouseover kleiner?

von Blattlied Mo 16 Sep 2013 - 15:35

Hallo.

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

von #Frank 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; }

von Blattlied 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

von #Frank 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; }

von Blattlied 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. /:

von #Frank 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; }

von Blattlied Di 17 Sep 2013 - 19:10

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

von #Frank 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

	Neue Beiträge seit dem letzten Besuch.	
	Textbausteine des MODERATIONSTOOL	
	AB > PFAD > GENERATOR	
	FORUM > PFAD > GENERATOR	
	Unterstützung Lösungs-Probleme	
	Auffällige User	
	Der Runde Tisch	
	HÄUFIG GESTELLTE FRAGEN	

[phpBB2] Schrift wird bei Mouseover kleiner?

[phpBB2] Schrift wird bei Mouseover kleiner?

Re: [phpBB2] Schrift wird bei Mouseover kleiner?

Re: [phpBB2] Schrift wird bei Mouseover kleiner?

Re: [phpBB2] Schrift wird bei Mouseover kleiner?

Re: [phpBB2] Schrift wird bei Mouseover kleiner?

Re: [phpBB2] Schrift wird bei Mouseover kleiner?

Re: [phpBB2] Schrift wird bei Mouseover kleiner?

Re: [phpBB2] Schrift wird bei Mouseover kleiner?