Grundsätzliches zu den FuPa-Widgets erfährst du in der Anleitung "Wie kann ich meine Vereinshomepage mit Widgets verschönern?"

Du willst deine Widgets noch präziser anpassen? (Schriftgröße etc) Dann hilft dir folgende Tabelle weiter: 


Frage / Problem

Lösung

Kann man die Schriftgröße des Widgets anpassen?

Ja, mit folgendem CSS Code:

Normales Widget

1

2

3

.fupa_widget * {    font-size: 16px !important;}


Livemodul-Widget

1

2

3

div#fupa_livebox * {    font-size: 16px !important;}

Wie CSS einfügen? siehe unten

Es wird nur "... lade FuPa Widget ..." angezeigt:Das Problem ist, dass dein CMS (Joomla, Typo3, Tobit.Software, TinyMCE etc...) den Javascript-Code nicht richtig einbindet. Es müsste in deinem CMS Tool die Möglichkeit geben z.B. über "HTML insert" oder "Javascript" Insert direkt den Code zu platzieren. Nur dann kann es funktionieren.
Navigation oder andere Funktionen der einbindenden Seite funktionieren nach dem einbinden des FuPa-Widgets nicht mehr.

Widget v2 benutzen: http://www.fupa.net/widget_test.html

Hinweis:  Es handelt um ein Testsystem und ggf. noch zu Änderungen am Style o.ä. kommen kann.


Wie kann ich das Widget in meine Homepage einbinden?

Einfach den Widget-Code für deine Mannschaft auf www.fupa.net/widget.html generieren, kopieren und anschließend an der Position der Seite, an der du das Widget haben willst, einfügen.

Beachte bitte, dass man bei manchen Homepage-Verwaltungsprogrammen auf HTML/Quelltext umstellen muss damit das Widget-Script korrekt ausgeführt wird.

Was kann ich tun, um die Hintergrundfarbe in transparent zu ändern?
FuPa-Widget Custom CSS-Code
.fupa_widget, .fupa_widget table {    background: transparent !important;}


transparent steht für "Durchsichtig"
#fff steht für Weiß, andere Farben findest du
hier: https://wiki.selfhtml.org/wiki/Grafik/Farbpaletten

Wie CSS einfügen? siehe unten

Lässt sich das Widget responsive (mobil) darstellen?

Leider ist dies im aktuellen Widget-System nur bedingt mit eigenen Styles möglich, dafür sind CSS-Kenntnisse nötig. Du kannst bis auf weiteres unser Entwicklungssystem nutzen, werden aber in naher Zukunft ein komplett neues System zur Verfügung stellen.
Das Entwicklungssystem wird aber weiter online bleiben, du kannst es bedenkenlos nutzen.
→ https://www.fupa.net/widget_test.html 

Gibt es eine Möglichkeit eigene CSS Klassen bei der Tabelle hinzuzufügen?

Wenn möglich nutze Child- und/oder Sibling-Selektoren um an das gewünschte Ergebnis zu kommen, individuelle Lösungen können wir aus Gründen der Übersichtlichkeit leider nicht berücksichtigen.

Du kannst bis auf weiteres auch unser Entwicklungssystem nutzen, werden aber in naher Zukunft ein komplett neues System zur Verfügung stellen. Das Entwicklungssystem wird aber weiter online bleiben, du kannst es bedenkenlos nutzen.
→ https://www.fupa.net/widget_test.html

Kann man die Größe des Widgets ändern, so dass man sie auf seiner Homepage individuell einbauen kann?

Die Breite des Widgets ist immer dynamisch, die Höhe nur in der NICHT Iframe-Version. Sie richtet sich nach dem Container in der das Widget eingebaut ist.




Eigene Styles einfügen (Custom CSS)

JOOMLA

https://www.joomla-monster.com/documentation/template-tutorials/how-to-add-custom-css-styles-to-joomla-template-based-on-ef3-framework