Forum - Syntax-Highlighting - Quellcode im Forum farbig darstellen

Um alle Funktionen nutzen zu k�nnen, aktivieren Sie bitte JavaScript in ihrem Browser!

Der Treffpunkt f�r Hilfe, Tricks & Tipps � XOBOR-Foren und Homepages � Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Hilfe, Tricks & Tipps � Syntax-Highlighting - Quellcode im Forum farbig darstellen

Themen-Einstellungen

Thema drucken

Bereich wechseln

Start Willkommen! Ank�ndigungen & Termine, wichtige News! Stellen Sie Ihr eigene Webseite vor! Betriebssystem MS Windows & andere Betriebssysteme Betriebssystem MS Windows 11, 10, 8 und 7 - Tricks & Tipps MS Windows 11, 10, 8 und 7 - Fragen & Antworten Linux, Ubuntu und andere Betriebssysteme �rger mit dem PC, Laptop oder Tablet? �rger mit dem PC, Laptop oder Tablet - Vorbeugung und Hilfe �rger mit dem PC, Laptop oder Tablet - Fragen & Antworten Fragen zu DSL, VDSL, LTE und anderen Netzempfangsarten XOBOR-Foren und Homepages Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Hilfe, Tricks & Tipps Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Fragen & Antworten Das neue Template Xobor (v6) Energieerzeugung im neuen Zeitalter - Revolution�r! Videos und Webseiten zur Freien Energie Wasserstoff - Energietr�ger der Zukunft. Die besten Links Empfehlenswerte und interessante Links! Link - Suche Verschiedenes Faszinationen & Unglaubliches! Tricks & Tipps f�r Smartphones und iPhones Lob, Kritik & Verbesserungsvorschl�ge Spiel & Spa�, Witz & gute Laune! Spiritualit�t, Seele, New Age, Yoga, Gesundheit Alles, was noch so �brig bleibt Bannertausch Wie funktioniert der Bannertausch? Bannerrotation und Bannerwechsel

#1 | Syntax-Highlighting - Quellcode im Forum farbig darstellen datum

17.02.2015 18:01 (zuletzt bearbeitet: 05.02.2020 23:36)

Wolfgang

Administrator

Informationen anzeigen

Beitr�ge:	3453
Registriert seit:	10.12.2006
Blog:	Wolfgangs Blog

Homepage:	Nicht angegeben
Letzte Spende	Betrag � Forum Spende
Sternzeichen	Skorpion
Likes	1317

Quellcode im Forum farbig darstellen

Will man "code umschlossene Quelltexte" ([code].... [/code]) farbig darstellen, funktioniert das mit den folgenden Einträgen!
Man nennt es "Syntax-Highlighting".
Die Umsetzung der Idee stammt aus Florians Feder.

Er beschreibt in seinem Forum die Zusammenhänge, Hintergründe, Änderungsmöglichkeiten und weist auf verschiedene Links hin.

Ich habe mal das Kernstück herausgezogen. Die Einträge werden im "Header / Ober Leiste" eingetragen.
Wie die farbige Darstellung aussieht, kann man im folgenden Spoiler sehen!

1
2
3
4
5
6
 
<link rel="stylesheet" href="https://yandex.st/highlightjs/7.5/styles/googlecode.min.css">
<script type="text/javascript" src="https://yandex.st/highlightjs/7.5/highlight.min.js"></script>
<script type="text/javascript">
//hljs.tabReplace = '    ';
hljs.initHighlightingOnLoad();
</script>
 

Schlie�en

Bis dann, viel Spaß und besten Dank an Florian

Wolfgang

Antworten

#2 | Syntax-Highlighting - Quellcode im Forum farbig darstellen - CSS-Korrektur datum

21.02.2015 21:29 (zuletzt bearbeitet: 28.01.2018 22:12)

Wolfgang

Administrator

Informationen anzeigen

Beitr�ge:	3453
Registriert seit:	10.12.2006
Blog:	Wolfgangs Blog

Homepage:	Nicht angegeben
Letzte Spende	Betrag � Forum Spende
Sternzeichen	Skorpion
Likes	1317

Syntax-Highlighting - Quellcode im Forum farbig darstellen - CSS-Korrektur

Wie im Bild zu sehen ist, sind die Zeilen etwas verschoben und die Tabellenränder nicht eindeutig zu erkennen.

In der folgenden Lösung ist nur eine kleine Korrektur der CSS notwendig,
die unter "Admin > Layout > Farben & Einstellungen > CSS > Eigener CSS Code" eingetragen werden kann!

1
 
pre code {padding:0px !important;background:none !important;}

Um diesen Beitrag zu lesen, m�ssen Sie sich anmelden!

Ein kleines Dankesch�n f�r meine Arbeit!

Schlie�en

Auch hier im Forum: Quellcode im Forum farbig darstellen

Bis dann

Wolfgang

Antworten

Sound beim Einloggen ins Forum � � Facebook-Button in die Homepage einbinden

�hnliche Themen

Antworten

Letzter Beitrag

Präsentationskalender - Darstellung interessanter Themen - Teil 1+2
Erstellt im Forum Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Hilfe, Tricks & Tipps von Wolfgang

09.04.2024 00:35
von

Wolfgang • Zugriffe: 1936

Sprechblasen fürs Forum - Teil 1+2
Erstellt im Forum Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Hilfe, Tricks & Tipps von Wolfgang 1 10.08.2022 18:49
Wolfgang • Zugriffe: 761
Code Syntax-Highlighting
Erstellt im Forum Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Hilfe, Tricks & Tipps von Daishi 1 01.07.2022 17:33
Wolfgang • Zugriffe: 421
Syntax-Highlighting: Foren-Code farbig darstellen!
Erstellt im Forum Das neue Template Xobor (v6) von Anne 3 28.08.2021 21:36
Anne • Zugriffe: 998
Fehlerhafte Darstellung und Verlinkungsfehler mit dem Samsung-Browser im S5
Erstellt im Forum Tricks & Tipps f�r Smartphones und iPhones von Wolfgang 0 23.06.2018 23:31
Wolfgang • Zugriffe: 719

Forum-Bilder mit einstellbarer Größe, Tooltipps und Beschreibung ausstatten - Teil 1-3!
Erstellt im Forum Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Hilfe, Tricks & Tipps von Wolfgang

08.06.2022 10:15
von

Wolfgang • Zugriffe: 4684

Scripte und Effekte fürs Forum und die Homepage
Erstellt im Forum Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Hilfe, Tricks & Tipps von Wolfgang

25.10.2009 17:41
von

Wolfgang • Zugriffe: 13693

Forum-Codes nicht ausführen, Forum-Codes farbig darstellen!
Erstellt im Forum Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Hilfe, Tricks & Tipps von Wolfgang

07.01.2009 00:45
von

Wolfgang • Zugriffe: 1629

Versteckte Kommentare in Forum-Beiträgen nutzen!
Erstellt im Forum Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Hilfe, Tricks & Tipps von Wolfgang

07.07.2019 00:01
von

Wolfgang • Zugriffe: 3594

Foren Spende

Hallo !

Wir hoffen, dass Dir unser Forum gef�llt und Du Dich hier genauso wohlf�hlst wie wir.

Um Dir und den anderen Mitgliedern das Bestm�gliche bieten zu k�nnen, w�rden wir das Forum gern werbefrei gestalten, mit tollen neuen Extras erg�nzen.

Wenn Du uns dabei unterst�tzen m�chtest, kannst Du mit Hilfe einer kleinen Spende dazu beitragen.

Deine Spende hilft!

Spendenziel: 45 €

36%