Post Format

css bzw. javascript im Kopf einbinden über externe Datei

Ich bin gerade daran einen neuen Style zu bauen. Dabei bin ich über ein “altes Problem” gestolpert, dass ich jetzt glöst habe. Es geht darum, dass möglich ist CSS bzw. Javascripts über externe Dateien einzubinden. Es ist eigentlich ganz einfach, wenn man weiß wie es geht!

Als erstes müßt ihr die css bzw. javascript daten in eine eigene Datei und wegen der Übersicht am besten in einem eigenen Verzeichnis speichern! Z.B. nennen wir die Verzeichnisse “CSS” und “JAVASCRIPT”. Also ihr geht hin und kopiert den Code der CSS – Daten und Javascript Daten in diese Verzeichnisse.

Bei den CSS – Daten gibt es keine Problem, einfach eine Text – Datei erstellen, Code reinkopieren und die Endung der Datei von txt zu css verändern. Bei den Javascript Dateien ist zu beachten, dass nur der reine Code in der Datei stehen darf. Es sollte also auf am Ende verzichtet werden. Auch hier wieder das Gleiche. Eine Textdatei anlegen, Code reinkopieren und die Endung js verpassen.

Für die CSS Datei (Beispiel Ordner heißt “CSS” und Datei Test.css)

<link rel="stylesheet" type="text/css" href="css/Test.css" media="screen" />

Für die Javascript Datei (Beispiel Ordner heißt “Javascript” und Datei Test.js)

<script type="text/javascript" src="Javascript/Test.js"></script>

Das sollte es gewesen sein! Jetzt könnt ihr das Coding dieser beiden Dateien einfach auf eurer Seite benutzen. Ich hoffe es hilft was!

Gruß Mac_BetH

alternative Artikel
  • Launchy – Inhalte von externen Festplatten dauerhaft indizieren -
  • overlib.js – zusätzliche Beschreibung bei Hyperlinks
  • Onlinespeicher zum mitnehmen im Onlinebüro
  • Leave a Reply

    Required fields are marked *.

    *