Syntax-HighLighter Test

Achtung: Diese Seiten zum Syntaxhighlighter werden nicht mehr weiter gepflegt, da ich zur Codedarstellung nunmehr in den meisten Fällen prettyprint.js verwende.

Am Anfang steht zunächst einmal eine Testseite, die demonstrieren soll, wozu der Syntaxhighlighter dient:

Der Syntaxhighlighter ist einfach ein tolles JavaScript-Paket für all diejenigen, die unterschiedlichste Formen von Quellcode auf ihrer Webseite darstellen wollen. Der Syntax-Highlighter unterstützt neben HTML und CSS eine Vielzahl von Programmiersprachen.

Hier jetzt das Beispiel:

/************************************
 * Default Syntax Highlighter theme.
 * 
 * Interface elements.
 ************************************/

.syntaxhighlighter
{
	background-color: #fff !important;
}

/* Highlighed line number */
.syntaxhighlighter .line.highlighted .number
{
	color: black !important;
}

/* Highlighed line */
.syntaxhighlighter .line.highlighted.alt1,
.syntaxhighlighter .line.highlighted.alt2
{
	background-color: #e0e0e0 !important;
}

Wie man sieht, lässt sich der Synatxhighlighter problemlos bei Npage einbauen, auch dann wenn man kein Eigenes Design verwendet. Der Syntax-Highlighter stellt den Quellcode nicht nur übersichtlich dar, er bietet auch die Möglichkeit, den Code noch einmal unformatiert in einem weiteren Fenster anzuzeigen, ihn auszudrucken oder in die Zwischenablage zu kopieren. Die entsprechenden Funktionen verbergen sich hinter den Icons, die eingeblendet werden, sobald sich der Mauszeiger im Code-bereich befindet.

Partnerwebsites

Websites mit Mobirise

  1. Startseite der Mobirise Extension Demo Website auf github.bpgs.de
  2. Übersicht zu den Elementen des Themes Mobirise4 in Mobirise 4, Version 4.7.7 auf demo-zu-netcup.9f8.de
  3. Gesamtübersicht zu den Designblöcken des Mobirise5 Themes AMP auf mobirise5-theme-amp.9f8.de
  4. Mobirise4 mit dem Theme PurityM auf mein-wunschname.de.cool
  5. EASY TO USE! erstellt mit Mobirise 4.4.1 und dem Theme default auf mein-wunschname.webspace.rocks
  6. MOBIRISE3 THEME MOBIRISE3 auf lc-pico-phpfriends.bpgs.de
  7. Website erstellt mit Mobirise3 und dem Theme Mobirise(auch unter dem Namen default) auf lc-ver-bummel.bpgs.de

Neuigkeiten

Kategorie: alle Artikel (5) | Diese Website (5) | NPage (2) | Webdesign (2)

< 1 2 >

Tabellensortierung (16.01.2014 11:01:00)

Die Beschreibung zum Einbau einer Tabellensortierung wurde verbessert. (mehr lesen...)

0 Kommentar(e), Kommentar verfassen
 
Link zur aktiven Seite hervorheben (01.07.2013 12:53:00)

Auf vielen Websites wird der Link zur gerade aktiven seite hervorgehoben. NPage unterstützt so etwas leider nicht automatisch. Mein einem kleinen wenig javaScript kann man das aber nachbauen. (mehr lesen...)

0 Kommentar(e), Kommentar verfassen
 
Inhalt unter der Menüleiste (07.06.2013 00:09:00)

Auch bei einer Npage Designvorlage ist es möglich, unter der Menüleiste noch zusätzlichen Inhalt unterzubringen. (mehr lesen...)

0 Kommentar(e), Kommentar verfassen
 

< 1 2 >

Zum Seitenanfang