Wie & Wo trage ich eigene HTML-Codes, CSS-Codes & JavaScripts in den Xobor-Foren ein?

AllgemeinIn den Foren von Xobor können selbst erstellte HTML-Codes, CSS-Codes (Cascading Style Sheets ) und JavaScripts an mehreren Stellen eintragen werden.
Hier sind unterschiedliche Maßnahmen erforderlich, um alles zum Laufen zu bekommen.
Wichtig ist auch zwischen den Templates (v1-4) und dem neuen Xobor V6 & Mobil zu unterschieden.
Es folgt eine Zusammenstellung hilfreicher Infos!

Wichtige Infos zu CSS, JavaScript & HTML

Nur für CSS-Einträge

Kommentare oder Auskommentierungen können in CSS-Anweisungen nur mit /* ... */ ausgeführt werden.
Doppelstriche // oder HTML-Kommentare  funktionieren hier nicht.
Werden CSS-Anweisungen mit "!important" erweitert, haben sie Vorrang!

Nur für JavaScripts

Kommentare oder Auskommentierungen können in JavaScripts mit /* ... */ und Doppelstrichen // ausgeführt werden.
wobei die Doppelstriche nur in der Zeile wirksam sind und die Schrägstriche mit Sternchen Teilbereiche oder ganze JavaScripts ausblenden können.
HTML-Kommentare  funktionieren hier nicht, zerstören sogar die Funktion des JavaScript.

Nur für HTML-Einträge

Kommentare oder Auskommentierungen können in HTML-Codes nur mit  ausgeführt werden.
Doppelstriche // oder Schrägstriche mit Sternchen /* ... */ werden als normale Textzeichen ausgewertet und angezeigt!

Einträge für die Templates (v1-4)

1. Einträge in "Eigener CSS Code"

In "Eigener CSS Code" haben CSS-Einträge nur für die Templates (v1-4) Platz.
Einträge fürs Xobor V6 funktionieren hier nicht!
Hier werden nur die reinen CSS-Anweisungen eingetragen, ohne die Tags <style> ... </style>.
Auch eine Farb-Variable wie color: {{global_header_fontcolor}} hat hier keine Funktion!
In "Eigener CSS Code" haben auch keine anderen HTML-Codes oder JavaScripts zu suchen.
Sie stören die vorhandenen CSS-Anweisungen!

1
2
3
4
5
6
7
 
.hpm_spoiler4 .spoiler_bild  {
  /* Werden CSS-Anweisungen mit "!important" erweitert, haben sie Vorrang! */
  margin: 22px !important; 
 
  /* Folgende Zeile wird auskommentiert, hat keine Funktion */
  /* position:absolute; */
}
 

2. Einträge in "Kopf- & Fußzeile"

In Kopf- & Fußzeile können eigene HTML-Codes, JavaScripts und CSS-Einträge für die Templates (v1-4) platziert werden.
Hier müssen allerdings die CSS-Anweisungen mit den Tags <style> ... </style> eingetragen werden.
Auch eine Forum-Variable hat hier keine Funktion, wird als normales Textzeichen ausgewertet und angezeigt!
Einträge fürs Xobor V6 funktionieren auch hier nicht!

1
2
3
4
5
6
7
8
9
10
11
 
<style>
.hpm_spoiler4 .spoiler_bild  {
  border:2px solid #777777; 
}
</style>
 
<div> ... </div>
 
<script>
 ...
</script>
 

Einträge für das neue Xobor (v6) & Mobil

Wichtige Info zur mobilen Version

Die mobile Version entspricht dem Xobor V6 Template !
Bei den Templates (v1-4) sind die mobilen Einstellungen unter "Mobil" zufinden!
Ist nur das Xobor (v6) aktiv, wird die Kopf- & Fußzeile ausgeblendet und es bleibt für die Eintragungen ein Verweis nach "Farben und Einstellungen -> Eigenes HTML" übrig!

1. Einträge in "CSS / SCSS Addone"

In "CSS / SCSS Addone" haben CSS-Einträge nur für das Xobor (v6) Platz.
Umlaute (ä, ö, ü ) und ß dürfen in der Kommentierung und Auskommentierung nicht verwendet werden, Abhilfe schaffen "ae, oe, ue und ss"!
Hier werden nur Anweisungen ohne die Tags <style> ... </style> eingetragen.
Auch eine Farb-Variable wie color: {{global_header_fontcolor}} hat hier keine Funktion!
In "SCSS Addone " haben auch keine anderen HTML-Codes oder JavaScripts zu suchen.
Sie werden als Fehler ausgegeben und werden nicht eingetragen!

2. Einträge in "Eigenes HMTL/JS"

In Eigenes HMTL/JS können eigene HTML-Codes, JavaScripts und CSS-Einträge mit den Tags "<style> ... </style>" platziert werden.
Auch eine Forum-Variable hat hier keine Funktion, wird als normales Textzeichen ausgewertet und angezeigt!
Bei JavaScrips und besonders jQueryScripts ist oft ein zusätzlicher Eintrag notwendig, damit die Skripte vollständig geladen werden können!
1
2
3
4
5
```
<script>
  document.addEventListener('DOMContentLoaded', function() { 
  ...
  });
</script>
 
```

Einsatz von eigenen Plugins und Forum-Variablen

Wichtige Info zu den Plugins

Eigene Plugins können unter "Admin > Plugins > Entwicklung > Ein neues Plugin erstellen" angelegt werden!
Es ist darauf zu achten, dass im Plugin rechts oben die "Unterstützten Templates " markiert werden, z.B. Business - Template (144) & Mobil - Template (177), Auswahl mit Mausklick oder Strg + Mausklick !
In den Plugins können jetzt den Kategorien entsprechend Forum-Variablen genutzt werden.
Nicht jede Forum-Variable ist in allen Plugin-Elementen verfügbar!
Wie man ein Plugin anlegt wird hier bestens beschrieben:
Xobor Plugins erstellen, versenden und bearbeiten!

Bis dann und ich hoffe es war verständlich genug!
Wolfgang

Kipper-Spedition, Dankesch�n und 844er finden das Top!

Antworten

#2 | Fehler beim Eintragen und Austragen von CSS-Codes datum

20.10.2025 12:15 (zuletzt bearbeitet: 22.10.2025 11:59)

Fehler beim Eintragen und Austragen von CSS-Codes

Juhuu, danke für diese grundsätzliche Klarstellung!
Ich schreib hier auch einzelne Details rein wie ich den Bockmist verzapft hab, das hilft vielleicht für weitere Anleitungen...

In den V4-CSS hatte ich irgendwann mal befremdlicherweise die komplette Fußzeile hinein kopiert.
Glücklicherweise haben die 5 tatsächlichen SkripteCSS-Codes danach trotzdem funktioniert, weshalb mir das nicht aufgefalllen ist.

Und Mobil zum vorletzten Eintrag hatte ich zwar zurückgemeldet:

Zitat von Dankesch�n im Beitrag Kleine Formatfehler beheben im responsive Template Xobor (v6) & Mobil
Ich hatte erst die zweite Variante gewählt, CSS/SCSS addon ohne style/style. Diese hat aber die Fehler ausgegeben "Fehlermeldung: parse error: (stdin) on line 1" Bei Eigenes JavasScript hat das Einsetzen aber geklappt.

Aber nach Anzeige eines CSS-Fehlers als Admin auf Handy stellte sich heraus:
Ich hatte im CSS/SCSS zwar style entfernt, aber nicht /style. Deswegen wohl die Fehlermeldung.
Dann hab ich nach erfolgreichem Einsetzen in Eigenes JavaScript noch nicht mal das fehlerhafte CSS/SCSS entfernt.

- ich hab ja schon öfters vergessen, erste Versuche rückgängig zu machen...

Die neuesten Beiträge auf meinem Naturforum...

Wolfgang findet das Top!

Antworten

Signatur wahlweise ausblenden - Mit Check-Button! � � Stempel abgestempelt

�hnliche Themen

Antworten

Letzter Beitrag

Einfache HTML-Formatierungen aus kopierten Texten in Forenbeiträgen übernehmen!
Erstellt im Forum Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Hilfe, Tricks & Tipps! von Wolfgang

14.10.2025 18:10
von

Wolfgang • Zugriffe: 769

Eine Idee für den Präsentationskalender
Erstellt im Forum Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Fragen & Antworten! von Daishi 2 10.06.2024 16:51
Daishi • Zugriffe: 342

Habe mal eine Frage - Benachrichtigung im Seitenmenü
Erstellt im Forum Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Fragen & Antworten! von Daishi

25.02.2024 18:31
von

Wolfgang • Zugriffe: 598

Habe mal eine Frage: Layout - Begrüßung
Erstellt im Forum Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Hilfe, Tricks & Tipps! von Daishi 4 20.01.2023 12:58
Daishi • Zugriffe: 580

Besondere Foren-Codes für Informationen, Hilfe, Fehler, Warnungen und Geheimes
Erstellt im Forum Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Hilfe, Tricks & Tipps! von Wolfgang

20.02.2022 16:59
von

Wolfgang • Zugriffe: 901

Cookie-Fenster --> Das wäre eine elegante Lösung für Xobor-Foren
Erstellt im Forum Alles, was noch so �brig bleibt. von 844er 1 05.08.2021 19:37
Wolfgang • Zugriffe: 1395
Eigene HTML-Box im Xobor (v6)-Template einbauen?
Erstellt im Forum Das neue Template Xobor (v6). von Nara 19 24.10.2021 01:18
844er • Zugriffe: 4340

Xobor Bildkonverter für minimierte Fehleingaben!
Erstellt im Forum Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Hilfe, Tricks & Tipps! von Wolfgang

28.10.2018 23:38
von

Wolfgang • Zugriffe: 864

Xobor-Spenden-Button - Forum Spende - In der Foren Übersicht, im Profil, im Beitrag, im Portal und in der Mitgliederliste!
Erstellt im Forum Das neue Template Xobor (v6). von Wolfgang

03.03.2025 01:06
von

Wolfgang • Zugriffe: 25768

Der Treffpunkt f�r Hilfe, Tricks & Tipps � XOBOR-Foren und Homepages �

Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Hilfe, Tricks & Tipps! � Wie & Wo trage ich eigene HTML-Codes, CSS-Codes & JavaScripts in den Xobor-Foren ein?

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 €

93%