Support Bereich Hier finden Sie Antworten auf alle Fragen zu Ihrem Xobor Forum.
Wählen Sie zunächst einen Hilfe-Bereich.

Unter den nicht sichtbaren Icons in der Iconbar gibt es das Icon

  [style={{name}}] . . . [/style] 
 

Den BBCode kannst du überall wo die Iconbar verfügbar ist verwenden.
Den Code "{{ name }}" ersetzt du mit dem CCS-Code der in deinen Beispielen zwischen den gescheiften Klammern "{ . . . }"

Sieht zB. so aus

  [style=color: #DBDBDB; text-shadow: 0 -1px #FFFFFF, 0 1px #666666;] gestylter Text [/style] 
 

In der Simplen Textbox im Portal kommt HTML rein.
Da macht man das mit span-Tag im Text oder p-Tag für Absätze oder div uns.

Einzelne Textteile mit

Noramler Text gefolgt von formatiertem <span style="color: #DBDBDB; text-shadow: 0 -1px #FFFFFF, 0 1px #666666;"> der Textteil hier hin </span> und endet wieder Normal.
 

den style-Teil kannst du auch in p-Tags, div-Tags usw. einfügen

<div style="color: #DBDBDB; text-shadow: 0 -1px #FFFFFF, 0 1px #666666;"> Das ist Block der formatiert wird </div>
<p style="color: #DBDBDB; text-shadow: 0 -1px #FFFFFF, 0 1px #666666;"> Das ist formatierter Absatz </p>
 

Kan man alles hier finden
https://wiki.selfhtml.org/

Ich habe lediglich den Code von deinem Beispiel verwendet.

Wenn du die anderen Beispiele verwenden willst, einfach den Code zwischen den geschweiften klammern kopieren.

Hilfreiche Artikel dazu

https://wiki.selfhtml.org/wiki/CSS/Eigen...ung/text-shadow
https://wiki.selfhtml.org/wiki/CSS/Eigen...tung/box-shadow

Funktioniert aber auch mit CSS, dazu einfach den Selektor für die entsprechende Portalbox heraussuchen. Die Style-Anweisungen wirken sich dann nur auf diese Box und nicht auf das gesamte Portal aus.

Beispiel:

#boxcont_10 {

color: [...]
text-shadow: [...]

}

Die Style-Anweisungen natürlich ins CSS schreiben, nicht in die Portalbox (dort ist nur HTML erlaubt).

Zitat von Horus82 im Beitrag #10

---

Die Style-Anweisungen natürlich ins CSS schreiben, nicht in die Portalbox (dort ist nur HTML erlaubt).

---

<style>
#meine_box {
  color:  #FF0000;
  text-shadow: 5px 5px 5px;
}
</style>
 
<div id="meine_box">
  . . .
  hier den Inhalt für die Box
  . . .
</div>
 

@Mike48 : Habe ich noch nicht getestet, weil es sich einfach auch nicht anbietet. Das Bearbeitungsfenster in der simplen Textbox ist so winzig, dass es bei längeren Einträgen fast unmöglich ist, durch das Fenster zu scrollen. Ist jedenfalls bei mir im Gaia Template so.

Javascript ist aber meines Wissens in der simplen Textbox nicht erlaubt, im Editor auf >> Eigene Seiten auch nicht.

Ist übrigens ziemlich müßig, JS und CSS überall zu verteilen, deshalb schreibe ich Style-Anweisungen grundsätzlich nur in die CSS-Datei und Javascript überwiegend in die Fußzeile, da sollte es auch hin wegen der Ladezeiten..

@Horus82

1. Beim editieren einer Portalbox kann mit ziehen der unteren rechten Ecke des Editorfensters oder rechter oder unterer Fensterrand der Box es beliebig vergrößern.

2. In einer simplen Textbox und auch im Editor für eigene Seiten (bei ausgeschaltetem TinyMCE) kann man alles schreiben was man auch in eine html Seite schreiben kann. Styles, Scripte und html.

3. Ich schreibe nicht alle Styles in die css und auch nicht alle Scripte in die Kopf- oder Fußzeile, weil sie dann auf jeder Seite geladen werden und den Seitenaufbau erheblich verzögern. In die Fußzeile gehören die bestimmt nicht grundsätzlich hin, gerade wegen der Ladezeiten.

Wenn ich nur in einer bestimmten simplen Portalbox etwas spezielles an Styles oder Scripten benötige, dann schreibe ich das in diese Box, gerade wegen der Ladezeiten. Denn dann wird es auch nur geladen, wenn die Box angezeigt wird und verzögert nicht alle anderen Seiten.

Im Grunde genommen kann das jeder halten wie er will und kann, sollte aber keine Grundregeln aufstellen die keinen Bestand haben.

@Mike48 :

Ich stelle keine Regeln auf, es ist allgemein bekannt, dass Javascript in die Fußzeile ausgelagert werden sollte, Klar, wenn du Javascript in die simple Textbox einfügst, dann wird es nur im Portal und nicht auf den anderen Seiten geladen, dafür musst du dann aber im Portal die längeren Ladezeiten in Kauf nehmen. Für dich oder die vorbeikommenden Besucher mag das ja in Ordnung sein, aber die Ladezeiten haben einen wesentlichen Einfluss auf das Suchmaschinen-Ranking und wenn du deine Programmcodes kreuz und quer auf der gesamten Seite verteilst, dann hat es mit Sicherheit Auswirkungen auf die Suchmaschinen-Popularität. Das Portal ist die Einstiegsseite, nicht nur für deine Besucher, sondern auch für die Google-Bots. Bei größeren Foren ist dieser Faktor nicht zu vernachlässigen. Man will ja die Nummer Eins sein und nicht nur ein Forum von vielen haben.

Ich habe mich hier zu Wort gemeldet, weil ein Teilnehmer fragte, ob man eine bestimmte Portalbox im CSS direkt ansteuern kann. Wenn ich im Support-Forum allgemeine Hinweise gebe, muss das erlaubt sein.

Ich betreibe seit sechs Jahren verschiedene Xobor-Foren und meine Erfahrung ist, dass Javascript sowohl in der simplen Textbox als auch im Editor auf eigene Seiten zu erheblichen Problemen führen kann. Die Programmcodes werden teilweise nicht sauber ausgeführt. Ich meine, dass Johannes oder Ingmar auch irgendwann mal darauf hingewiesen haben, dass der Editor nicht 100% kompatibel ist.

Dass man das Bearbeitungsfenster im Portal durch Ziehen auch vergrößern kann, sehe ich heute zum ersten Mal, danke für den Hinweis. Ich bleibe trotzdem dabei, dass ich Style-Anweisungen in die CSS-Datei und Javascript in die Fußzeile schreibe. Es muss sich ja niemand ein Beispiel an mir nehmen, wenn du willst kannst du deine Style-Anweisungen auch per Javascript umsetzen.

Zitat von Horus82 im Beitrag #14

---

Ich betreibe seit sechs Jahren verschiedene Xobor-Foren und meine Erfahrung ist, dass Javascript sowohl in der simplen Textbox als auch im Editor auf eigene Seiten zu erheblichen Problemen führen kann. Die Programmcodes werden teilweise nicht sauber ausgeführt. Ich meine, dass Johannes oder Ingmar auch irgendwann mal darauf hingewiesen haben, dass der Editor nicht 100% kompatibel ist.

---