Icon vor jeden Hyperlink

[McFly]

Hi Leuts,

ich hab mir mal wieder etwas super geniales vorgenommen, aber finde keinen Lösungsansatz.

Wisst ihr wie man jedem Hyperlink automatisch ein kleines grafisches Icon (z.B. Pfeil) zuweisen kann, welches dann immer vor den Link steht?

Sobald man einen Hyperlink setzt, soll webEdition das Icon in den Quelltext schreiben.

Lieben Gruß

[deemes]

Wie wäre es mit CSS?

Ansonsten kann man noch jQuery oder MooTools verwenden um allen Links eine Grafik voranzustellen. Ist ein Einzeiler JavaScript. Oder Du Bufferst die gesammte Seite und manipulierst alle Links per preg_replace(). Die letzten beiden Lösungen funktionieren natürlich nicht im EditMode.

[McFly]

Hi deemes,

wie soll das denn mit CSS funktionieren?

[mobby]

Moin,
z.B.
In die CSS

Code: Alles auswählen

.link {
background: url(images/grafiken/link.gif) no-repeat scroll; padding-left:1.2em;padding-bottom:.2em;}

und dann beim link

Code: Alles auswählen

<a class="link" href="index.php">Textlink</a>

[deemes]

z.B.

Code: Alles auswählen

a {
   background:url(/pfad/zum/icon.gif) no-repeat;
   padding-left:10px;
}

Problematisch kann es allerdings bei mehrzeiligen Links werden.

Per jQuery könnte es übrigens so aussehen:

Code: Alles auswählen

$("a").prepend('[img]/pfad/zum/icon.gif[/img]');

Per preg_replace:

Code: Alles auswählen

preg_replace("/(<a[^>]*>.*?</a>)/i",'[img]/pfad/zum/icon.gif[/img]$1',$buffer)

[McFly]

Danke ihr beiden. Das is mir schon peinlich...

[mobby]

Wir haben alle so angefangen :rolleyes: