Vorschlag: Externe Links

[com]

Hallo!

Es wäre schön, wenn man externe Verlinkungen in Artikel - als solche erkennbar (grafisch) machen könnte....

...damit diese von vorne weg von internen Verlinkungen unterscheidbar sind (für den User)....

Viele Grüsse!

Jessy

[yamyam]

Hi com,

das kannst du doch ganz einfach selber machen, indem du zwei unterschiedliche class anlegst für links.
(/templates/styles.css)

Wenn du dann Links einbaust musst du ihnen halt eine der beiden Klassen entsprechend zuweisen.
Schon sehen externe / interne Links unterschiedlich aus.

Grüße
yamyam

[com]

Prima!

Vielen Dank für diesen wertvollen Tipp!

Jessy

[yamyam]

Bitteschön!

[superdau]

ok bevor ein falscher eindruck entsteht, ich bin kein coder, ich kann nur gut googlen, lesen und umsetzen

da ja jquery ins template eingebunden wird kannst du auch, um nicht jedes mal die class von hand zu setzen, die filterfunktion von jquery nutzen. habe das grade mal auf die schnelle getestet und sieht so aus das es funzt.

in die index.tpl

Code: Select all

<script type="text/javascript">
    //<![CDATA[
$(document).ready(function(){
$("a").filter(function() {
    return this.hostname && this.hostname !== location.hostname;
}).addClass('external');
});
//]]>
</script>

wobei external der class name ist wo du den class namen eintragen kannst den du schon hast. wenn nicht dann trage das in die style.css

Code: Select all

a.external {
    background: url(external.png) center right no-repeat;
    padding-right: 13px;
}

musst halt gucken mit dem pfad zum png, habs jetzt grad mal in den templates ordner kopiert. das external png hab ich angehangen.

viel spass beim ausprobieren, vielleicht ist das ja nen feature für die nächste version.

nagut, ihr wollt bestimmt gucken was ich gemacht habe 8) dann KLICK such das icon

gruß vom niederrhein

[com]

Hallo!

VIelen Dank für diese Information und Hilfe!

Eine Kleinigkeit allerdings noch:

Ich sehe grad, dass auch verlinkte Bilder & Grafiken mit der "external.png" versehen werden...

...das ist natürlich nicht so toll...

Hast du da eine Idee, wie man das verhindern könnte?

Viele Grüsse!
Jessy

[Thorsten]

Hi,

diese Lösung finde ich besser: http://www.drweb.de/magazin/css-externe ... nzeichnen/

bye
Thorsten

[superdau]

bekanntlich führen ja viele wege nach rom und jeder hat da so seine vorlieben. wenn bilder extern verlinkt sind macht das png für mich auch wieder sinn und stört mich nicht. auf einer seite von mir habe ich das script zb so im einsatz

Code: Select all

$("#content a").filter(function() {
    return this.hostname && this.hostname !== location.hostname;
}).addClass('external').attr("target", "_blank");

hier habe ich die filterfunktion auf mein div content beschränkt und mit dem angehangenen attr spare ich mir das target blank setzen. im content bereich bekommt also jeder externe link das png und automatisch nen target blank verpasst.