Sie sind hier:  » Tipps » Links im Text

Zur Übersicht

Tipps:

.htaccess

eMail-Adresse

Links im Text

Codeschnipsel

Codevalidierung

Druckversion

Flash

Formular 6.0

Grafiken positionieren

Animiertes Gif

JavaScripte

Multilanguage

Quicktime

Sitemap

Tabellen

wmv valide einbinden

Farbvorschau

Kontaktdaten

Webdesignconsult.de
39164 Wanzleben-Börde
Telefon:
039204 - 91 80 39


Links innerhalb Ihres Webangebots unterschiedlich

Sie möchten die Links innerhalb Ihres Webangebots unterschiedlich kennzeichnen,
damit der flüchtige Webleser sofort erkennt, was er sich einhandelt?

So gehen Sie vor:

1. Öffnen Sie die link.ccml
-
entfernen Sie gegebenenfalls sämtliche zugewiesenen Klassen
- ordnen Sie folgende Klassen zu:
<cc:if cond="&link.isoffsite"><a class="extern"
<cc:if cond="&link.isonsite"><a class="intern"

oder nutzen Sie das unten angehängte PDF [1 KB] als Vorlage. Parallel dazu ändern Sie die Einträge in der sidebar_link.ccml.

2. Durchsuchen Sie Ihre CSS-Dateien nach Formatierungen für Links im Content- und Sidebarbereich und entfernen Sie diese. Fügen Sie die Ergänzungen ein, die Sie im angehängten Zip-File [ KB] finden.

3. Erweitern Sie den php-Parser in der navigation.ccml um folgende Codezeilen:

$content=str_replace('.pdf" target="_self"','.pdf" class="pdf" target="_self"',$content);
$content=str_replace('.zip" target="_self"','.zip" class="zip" target="_self"',$content);

4. Suchen Sie sich im Web frei verfügbare Miniicons oder kreieren Sie selbst originelle Einzelstücke, die Ihnen für die Kennzeichnung der unterschiedlichen Links passend erscheinen.

5. Überlegen Sie sich, welche Links Sie mit Hintergrundgrafiken formatieren möchten. Im Beispiel werden einige Möglichkeiten vorgestellt.

Links innerhalb von Listen

Links innerhalb von Text

ein interner Link
ein externer Link
ein Pdf [21 KB] Link
ein zip Link [2 KB]
ein eMail Link
ein rss Link



Please note:

Die hier vorgestellten Tipps und Anleitungen beruhen auf meinen Erfahrungen mit Web to date. Sie umzusetzen ist nur Anwendern mit Kenntnissen der Materie (html, Css, php etc.) zu empfehlen.

Bitte immer eine Kopie der Ursprungsdatei / des Ursprungsdesigns anlegen, bevor Sie ans Tranchieren gehen.


Helpful Tools


Icons Im Web


aktualisiert am: 13.04.2011



© 2002 - 2012  W. K r a w i k   Stand: 13.04.2011

zeigt Ihnen die Bedeutung der Symbole
zur letzten Seite zurück
Zur Startseite dieses Webangebots.
Nach oben
Zum Textanfang
Zum Seitenende
Seite drucken