Added default font size for better legibility and appended README.
Be sure to reread the README since modification in OBS is necessary.
This commit is contained in:
parent
036e036ab4
commit
18949f07f2
2 changed files with 39 additions and 3 deletions
37
README.md
37
README.md
|
@ -4,5 +4,40 @@ Nützlich für Stream Overlay.
|
||||||
|
|
||||||
## Benutzung
|
## Benutzung
|
||||||
Als Browser Quelle im Streaming Programm der Wahl einbinden und Größe
|
Als Browser Quelle im Streaming Programm der Wahl einbinden und Größe
|
||||||
einstellen.
|
einstellen.
|
||||||
|
Fragen Box wächst nach oben auf maximale Größe und schneidet bei erreichen
|
||||||
|
den Text ab.
|
||||||
|
Fragen Box erscheint erst nach erfolgreichem fetchen der aktellen frage in
|
||||||
|
`getQuestion()`.
|
||||||
|
|
||||||
|
### Empfohlene OBS Einstellungen
|
||||||
|
Bei Größe: 1920x1080
|
||||||
|
|
||||||
|
| Einstellung | Wert |
|
||||||
|
| -------------------------------- | ---- |
|
||||||
|
| Width | 1920 |
|
||||||
|
| Height | 200 |
|
||||||
|
| Shutdown source when not visible | true |
|
||||||
|
|
||||||
|
#### Empfohlenes custom CSS für OBS
|
||||||
|
```css
|
||||||
|
body {
|
||||||
|
background-color: rgba(0, 0, 0, 0);
|
||||||
|
margin: 0px auto;
|
||||||
|
overflow: hidden;
|
||||||
|
/* size
|
||||||
|
default-wert: 100%
|
||||||
|
modifiziert die allgemeine Größe.
|
||||||
|
je höher desto größer
|
||||||
|
*/
|
||||||
|
size: 100%;
|
||||||
|
/* font
|
||||||
|
default-wert: sans;
|
||||||
|
ändert die Schriftart.
|
||||||
|
Achtung:
|
||||||
|
Eine andere Schriftart kann zur Änderung der Größe führen.
|
||||||
|
*/
|
||||||
|
font: sans;
|
||||||
|
}
|
||||||
|
```
|
||||||
|
|
||||||
|
|
|
@ -5,11 +5,11 @@ body {
|
||||||
#questionBox {
|
#questionBox {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
min-height: 30pt;
|
min-height: 30pt;
|
||||||
left: 2.3%;
|
left: 2.15%;
|
||||||
bottom: 5px;
|
bottom: 5px;
|
||||||
width: 95%;
|
width: 95%;
|
||||||
border-style: solid;
|
border-style: solid;
|
||||||
border-width: 2pt;
|
border-width: 3pt;
|
||||||
border-color: transparent;
|
border-color: transparent;
|
||||||
border-radius: 25px;
|
border-radius: 25px;
|
||||||
max-height: 98%;
|
max-height: 98%;
|
||||||
|
@ -19,6 +19,7 @@ body {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
font-family: sans;
|
font-family: sans;
|
||||||
|
font-size: 23pt;
|
||||||
color: white;
|
color: white;
|
||||||
text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
|
text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in a new issue