Links in Posts mit Mouseover Bildern ohne die Eingabe von Codes

Hallo!

Die Autoren in meinem Block haben keine Ahnung von HTML-Codes (ich auch nicht).
In den Beiträgen erscheinen aber Links, die ich automatisch mit "ALinks" erzeuge. Wie kann ich linkspezifische MouseOver Bilder erzeugen, ohne dass die Autoren HTML-Codes in ihren Beiträgen eingeben müssen?

Dieses Problem habe ich bereits versucht durch die Kombination verschiedener Link-Plugins zu lösen, bin aber nicht weit damit gekommen.

Gruß Agape

Aber bitte ohne Code

OK!
Aber dafür brauche ich doch sicherlich Code Eingaben in den Posts, oder???
Die Links werden automatisch erzeugt und ebenso automatisch sollen die "Hovers" aktiviert werden. Mit Bildern, die ich mit einer class zuweise. Die Autoren sollten sich nicht um diese Dinge kümmern müssen.

Gruß, Agape

Alles automatisch?

Hi Telekommander!

Das sollte noch viel einfacher gehen (hoffe ich).
Die Begriffe, Namen und Wörter werden bereits vom "ALInks" Plugin automatisch zu Links umgewandelt, ohne dass die Autoren es beim Schreiben dieser Begriffe merken.
Ebenso sollten die linkspezifischen "Hovers" den Links zugeordnet werden. Möglichst ohne Tags, Codes usw.

Gruß, Agape

Linkspezifisch

Hallo Monika!

Mit dem Plugin "ALinks" werden in meinem Blog ausgewählte Begriffe zu Links gewandelt.
Nehmen wir z.B. einen Namen:
Immer wenn der Name A von einem Autoren in seiner Post geschrieben wird, macht ALinks einen Link daraus (oder nur eine gewählte Anzahl Links).
Ich brauche eine Funktion, die jedesmal, wenn der Link "Name A" auftaucht Hoverbild A anzeigt. Bei Name B ist es Hoverbild B. Die Bilder weise ich den Links zu.
Wichtig ist, dass die Autoren sich bei ihrer Schreibarbeit nicht um Links, Tags, Codes oder Hovers kümmern müssen.

Gruß, Agape

CSS für Hovers

OK! Wie sieht es denn aus, wenn die Namen oder Begriffe feststehen?
Welche Einträge gehören dann in das CSS-File, damit die Hover Thumbs automatisch erscheinen (ohne Autoreninput)?
Ich verstehe übrigens auch fast nix von Programmiercodes :oops:

Agape

Klasse für ALinks

Es besteht die Möglichkeit Alinks eine eigene css Klasse zuzuweisen,
falls man spezielle, typografische Wünsche hat.
Kann man jedem gewünschten Begriff ein eigenes Bild zuweisen???
DIe Autoren sollen keine Codes eingeben müssen.

Wie würde eine solche css Klasse denn aussehen??

Agape

OooH Ha!

Ja! Eine Art Sprechblasen meine ich. Die gibts zwar über externe Services, das muß aber auch mit einer Internen Lösung gehen.
In Alinks ist es möglich, EINE css Klasse zuzuweisen.
Ansonsten lassen sich nur Begriffe, die Links und deren Häufigkeit einstellen.
Wenn ich Dich richtig verstehe, braucht jeder Link aber eine eigene Klasse???
(Sorry, aber ich bin nicht versiert in HTML und so...)

Agape

Zitat von Ammaletu

Klar kann man, wenn Du alle möglichen Begriffe schon vorher kennst und es für Dich ok ist, wenn das Stylesheet entsprechend groß wird. Ich habe ja keine Ahnung, in welcher Größenordnung sich das bewegt. ;-)

Ja, soweit waren wir ja nun schon. Die können ja auch gar keinen Code eingeben, wenn Du die Links automatisch erzeugst...

Da ist die Frage, was genau Du Dir vorstellst. Soll das so als Quasi-Sprechblase über dem Link eingeblendet werden? Sowas sieht man ja manchmal im Netz. Wenn ich mir das so überlege, ist das vermutlich mit JavaScript gemacht.

Eine solche Lösung könnte also so aussehen: Entsprechendes JavaScript finden und einbinden, an die generierten Links entsprechende Klassen hängen, anhand der Klassen das JavaScript für die Anzeige konfigurieren. Wenn Du sicher bist, dass das Skript nur bestimmte Wörter verlinkt und dass für alle ein Bild existiert, könntest Du auch einfach immer die gleiche Klasse anhängen und dann aus dem Linktext den Bildnamen generieren. Tja, das kommt jetzt etwas auf Deinen speziellen Fall an.

Alles anzeigen

Letzter Stand...
Ich habe mal weiter recherchiert. Vielleicht gibts eine andere Lösung...
Wenn ich das Plugin "Templatedia" einsetze, kann ich bestimmte Begriffe als kleine Bilder , die mit HTML-Code vesehen sind, in die Posts einsetzen.
Kann ich diese Templates über Custom fields einbinden? (Habe bisher noch nix mit CF gemacht)
Kann ich in den HTML-Code von "Templatedia" die Befehle für die dazugehörenden Hoverpics einbauen??
Wenn ja, wie geht das und was muß ich eingeben????

Agape

Einen Schritt weiter!

Hi!
Ich habe mal weiter gesucht und bin fündig geworden!

Dieser Code ist schon fast richtig. Allerdings kriege ich keinen funktionierenden Link hin. Der soll auf eine Bildatei verweisen und mit Lightbox anzeigen. Den Code gebe ich bei Templatedia ein und muß dann leider noch die gewünschten Begriffe in den jeweiligen Artikeln klammern.
Geht das auch anders????

Der Code:

<style type="text/css"><!--
<!--

/* Tooltip */

a.tooltip,
a.tooltip:link,
a.tooltip:visited,
a.tooltip:active { color: #000000; font-weight: bold; position: relative; text-decoration: none; font-style: italic; border-bottom:0 dotted #4dbcf3; }

a.tooltip:hover {
background: white;
z-index: 100;
}

a.tooltip span {
display: none;
text-decoration: none;
}

a.tooltip:hover span { color: #936; display: block; position: absolute; top: -45px; left: 50px; width: 104px; z-index: 100; border-color: #ffffff #d5d7db #d5d7db #ff00ff; padding: 1px; background: url (Bildpfad); background-repeat: repeat; font-family: times; font-weight: bold; font-style: italic; text-align: center; border-style: solid; border-width: 1px 1px 1px 4px; }

?>
--></style>
<a class="tooltip" href="#">Wort<span><font size="-2" color="#000000"><em>Titel</em></font><br />
<img src="Pfad Thumbnail" alt=""/></span></a>