Linkschrift formatieren

Hey meine Lieben,


Soo... Günther hat mir ja gezeigt, wie ich das mit dem Word-Spacing heißt etc...

Hat mir auch super weitergeholfen...
Wollte nur jetzt mal fragen, wie es funktioniert, dass die Schrift sich 'laufend' auseinanderzieht, wenn man drüber geht mit der Maus.
Also dass sich das dann so streckt...

Auch, wollte ich mal fragen, wie das geht, dass das jedoch nicht oder jedenfalls sehr viel kleiner bei den 'letzten Beiträgen' funktioniert.
Momentan sieht das nämlich so aus:

*Klick mich*:

Den Code habe ich momentan drin stehen und der macht ja alles so...

Code:

a:hover {
  text-decoration: none; !important;
      font-size: 13px;
    font-weight: 100;
    font-stretch: expanded
    letter-spacing: 5pt;
    line-height: 6px;
    text-transform: uppercase;
    text-shadow:black 0 0 5px
 

Danke für die Hilfe schon mal vorab !!

Liebe Grüße
Lu~♥

Hallo,

ich melde mich nochmal, möchte dich aber auch darauf hinweisen:
Hinweis bezüglich Templateänderungen, Scripten und HTML/ CSS-Codes

LuScarlett schrieb:Wollte nur jetzt mal fragen, wie es funktioniert, dass die Schrift sich 'laufend' auseinanderzieht, wenn man drüber geht mit der Maus.

Dabei handelt es sich um einen transition-Effekt:
http://www.mediaevent.de/css/transition.html

LuScarlett schrieb:Auch, wollte ich mal fragen, wie das geht, dass das jedoch nicht oder jedenfalls sehr viel kleiner bei den 'letzten Beiträgen' funktioniert.

Über Rechtsklick auf einen derartigen Themenlink -> "Element mit Firebug untersuchen" siehst du Folgendes: Die Zellen der Spalte "Neueste Beiträge" haben zwei eigene Klassen. Damit kannst du einen CSS-Code erstellen, der bestimmt, dass alle Links innerhalb dieser Klassen keinen bzw. einen anderen Effekt erhalten.
Solche Untersuchungen müsstest du bitte selbst durchführen, weil wir nicht alle Klassen etc. heraussuchen können, wo du einen Effekt wünschst und wo nicht. Ich bitte um dein Verständnis.

Liebe Grüße
Günther

ich melde mich nochmal, möchte dich aber auch darauf hinweisen:
Hinweis bezüglich Templateänderungen, Scripten und HTML/ CSS-Codes

Alles klar... 

Dabei handelt es sich um einen transition-Effekt:
http://www.mediaevent.de/css/transition.html

Habe einiges ausprobiert, doch es hatte sich keine Veränderungen ergeben... habe es immer so gemacht:

Code:

text-transform: skewX(-30deg);   

Aber irgendwie hat sich nie eine Veränderung gezeigt >.<
Oder füge ich das falsch ein?
Nehme ich den falschen Befehl?
Da wurde es ja nur mit Bildern dagestellt...

Über Rechtsklick auf einen derartigen Themenlink -> "Element mit Firebug untersuchen" siehst du Folgendes: Die Zellen der Spalte "Neueste Beiträge" haben zwei eigene Klassen. Damit kannst du einen CSS-Code erstellen, der bestimmt, dass alle Links innerhalb dieser Klassen keinen bzw. einen anderen Effekt erhalten.
Solche Untersuchungen müsstest du bitte selbst durchführen, weil wir nicht alle Klassen etc. heraussuchen können, wo du einen Effekt wünschst und wo nicht. Ich bitte um dein Verständnis.

Hab ich gemacht... hab die Klasse auch gefunden, denke ich
<td class="row3 over" valign="middle" height="50" align="center">

Doch wie änder ich das für diese Klasse denn ab?
Wie muss ich den Befehl anfangen, damit er weiß, dass ich an dieser Stelle etwas ändern möchte?

Danke für die Hilfe!

LuScarlett schrieb:Habe einiges ausprobiert, doch es hatte sich keine Veränderungen ergeben... habe es immer so gemacht:

Code:

text-transform: skewX(-30deg);

Dieser Code steht aber nirgends auf der Seite, die ich dir verlinkt habe?
http://www.mediaevent.de/css/transition.html

Im Abschnitt transition property, duration, timing wird dort beschrieben, wie du eine transition-Eigenschaft aufbauen musst.
In deinem Fall musst du einen Übergang für die Eigenschaft "letter-spacing" erstellen. Anhand der Erklärung im Abschnitt transition property, duration, timing solltest du verstehen, wie das machbar ist.

LuScarlett schrieb:<td class="row3 over" valign="middle" height="50" align="center">
Doch wie änder ich das für diese Klasse denn ab?

Du sprichst im CSS einfach alle Links innerhalb dieser beiden Klassen an, also:

Code:

.row3.over a {
  ...
}

Im Code kannst du dann z.B. das "letter-spacing" verringern oder andere Änderungen vornehmen.

Im Abschnitt transition property, duration, timing wird dort beschrieben, wie du eine transition-Eigenschaft aufbauen musst.
In deinem Fall musst du einen Übergang für die Eigenschaft "letter-spacing" erstellen. Anhand der Erklärung im Abschnitt transition property, duration, timing solltest du verstehen, wie das machbar ist.

Da werd ich mal morgen mich einlesen... Mein Kopf fängt schon an zu platzen Viel gelernt heute ^-^ Danke dir!

Du sprichst im CSS einfach alle Links innerhalb dieser beiden Klassen an, also:
Code:diesen Code markieren

Code:

.row3.over a {
  ...
}

Irgendwie tut sich da garnichts >.< Wie stell ich das denn so auf Standartwert? Das alles ganz normal ist?
Weil so tut sich da echt nix....

Code:

.row3.over a:hover {
text-decoration: none;
  letter-spacing: none;


Hab schon hover weggelassen etc... also viel herumexperimentiert, aber letzendlich hat sich nichts getan

Das Gegenteil (also der Standardwert) von letter-spacing: 5pt; ist letter-spacing: 0;

Edit 12.01.2015
keine Rückmeldung -> closed