Layout

Basis-Stil, Schriftart, CSS

Thomas Klein

#Layout
##Basis-Stil, Schriftart, CSS

Thomas Klein

Basis-Stil anpassen

  • Klicke Aussehen anpassen
  • Es öffnet sich eine neue Ansicht
  • Oben links gibt es eine Auswahlbox in der Art
  • Hier hast du mehrere Stile für deine Präsentation zur Auswahl.
  • Wenn du diesen Stil anpassen willst, musst du CSS-Code schreiben.
##Basis-Stil anpassen

-Klicke *Aussehen anpassen*
-Es öffnet sich eine neue Ansicht
-Oben links gibt es eine Auswahlbox in der Art <select><option>black</option><option>beige</option></select>
-Hier hast du mehrere Stile für deine Präsentation zur Auswahl.
-Wenn du diesen Stil anpassen willst, musst du CSS-Code schreiben.

Schriftart anpassen

  • Öffne die Aussehen-Ansicht
  • Im Textbereich rechts siehst du sog. CSS-Code.
  • Sehr weit oben findet du etwa folgenden Code:
.reveal {
  font-family: sans-serif;
  font-size: 38px;
  font-weight: normal;
  color: #93a1a1; }
##Schriftart anpassen

-Öffne die *Aussehen*-Ansicht
-Im Textbereich rechts siehst du sog. *CSS-Code*.
-Sehr weit oben findet du etwa folgenden Code:

`.reveal {
  font-family: sans-serif;
  font-size: 38px;
  font-weight: normal;
  color: #93a1a1; }`
-Ändere den Wert von *font-family* in eine andere Schriftart (z.B. *'Times new Roman'*).
-Du kannst nur Schriftarten wählen, die in deinem System installiert sind (siehe aber nächste Folie).
-Du kannst auch die Schriftgröße und -farbe anpassen. Probier' es aus!
  • Ändere den Wert von font-family in eine andere Schriftart (z.B. 'Times new Roman').
  • Du kannst nur Schriftarten wählen, die in deinem System installiert sind (siehe aber nächste Folie).
  • Du kannst auch die Schriftgröße und -farbe anpassen. Probier' es aus!

Schriftart importieren

  • Du kannst Schriftarten direkt in die Präsentation einbinden.
  • Vorteil: Du kannst die Präsentation überall mit der korrekten Schriftart abspielen.
  • Lade dazu eine Schriftart (.ttf-Datei) als Ressorce hoch.
  • Als Wert für font-family gibst du nun den Namen der Ressource an.

Z.B. ist in diese Präsentation die Schriftart onedirection.ttf eingebunden (von www.daFont.de)

##Schriftart importieren

-Du kannst Schriftarten direkt in die Präsentation einbinden.
-Vorteil: Du kannst die Präsentation überall mit der korrekten Schriftart abspielen.
-Lade dazu eine Schriftart (.ttf-Datei) als Ressorce hoch.
-Als Wert für *font-family* gibst du nun den Namen der Ressource an.

Z.B. ist in diese Präsentation die Schriftart *onedirection.ttf* eingebunden (von =>"www.daFont.de" "http://www.dafont.com/de/onedirection.font" *<=)

Schriftart wechseln

Du kannst mitten in einer Folie die Schriftart wechseln.

Jetzt ist die Schriftart anders.

Und jetzt wieder anders!

##Schriftart wechseln

Du kannst mitten in einer Folie die Schriftart wechseln.

{f "onedirection.ttf"}

Jetzt ist die Schriftart anders.

{f serif i 60px}

Und jetzt wieder anders!

CSS anpassen

  • Du kannst die CSS-Regeln deiner Präsentation beliebig anpassen.
  • Informationen zu CSS findest du z.B. unter CSS4you.de
  • Du kannst deine Anpassungen jederzeit rückgängig machen.
##CSS anpassen

-Du kannst die CSS-Regeln deiner Präsentation beliebig anpassen.
-Informationen zu CSS findest du z.B. unter =>"CSS4you.de" "http://www.css4you.de/" *<=
-Du kannst deine Anpassungen jederzeit rückgängig machen.

CSS einer Folie anpassen

Du kannst die CSS-Regeln einer einzelnen Folie anpassen, indem du CSS in das Style-Attribut der Folie anpasst (ganz oben):

<section style="text-align: left; font-family: monospace; color: yellow;">
##CSS einer Folie anpassen

Du kannst die CSS-Regeln einer einzelnen Folie anpassen, indem du CSS in das Style-Attribut der Folie anpasst (ganz oben):

`<section style="text-align: left; font-family: monospace; color: yellow;">`