Loading presentation...

Present Remotely

Send the link below via email or IM

Copy

Present to your audience

Start remote presentation

  • Invited audience members will follow you as you navigate and present
  • People invited to a presentation do not need a Prezi account
  • This link expires 10 minutes after you close the presentation
  • A maximum of 30 users can follow your presentation
  • Learn more about this feature in our knowledge base article

Do you really want to delete this prezi?

Neither you, nor the coeditors you shared it with will be able to recover it again.

DeleteCancel

Make your likes visible on Facebook?

Connect your Facebook account to Prezi and let your likes appear on your timeline.
You can change this under Settings & Account at any time.

No, thanks

Wie Sie den CSS-Editor bändigen

Offizielles Prezi-Tutorial (Deutsch)
by

Prezi auf Deutsch

on 15 October 2015

Comments (0)

Please log in to add your comment.

Report abuse

Transcript of Wie Sie den CSS-Editor bändigen

Neue Farbe für Formen & Symbole
Ändern Sie den
Texthintergrund
Ändern der Farbe
von Linien & Pfeilen
Ändern der
Rahmen-Farbe

Transparenz für
Formen und Symbole
Wie Sie den CSS-Editor bändigen
Hilfreiche
Hinweise

Suchen Sie nach dem Abschnitt, der
den Rahmen-Stil definiert.
{Sie beginnen mit
frame.
}
Suchen Sie nach den folgenden Zeilen:
gradStartColor: #Nummer;
gradeEndColor: #Nummer;
Die Nummer ist der Hex-Code der für den Rahmen definierten Farbe. Um die Farbe zu ändern, ändern Sie die Nummer.
gradStartColor: #
Nummer
;

Klicken Sie
Apply.
.
Tipp!
Probieren Sie es mit unterschiedlichen Farben für Anfang und Ende des Rahmens
Linien und Pfeile haben immer eine
gemeinsame Farbe.
{Sie beginnen mit
line-arrow.style
}
Suchen Sie nach dem entsprechenden Abschnitt und ändern Sie den Hex-Code.
gradStartColor: #
Nummer
;
gradEndColor: #
Nummer
;
Ändern Sie auch den Hex-Code der Linie:
color: #
Nummer
;
Sie können bis zu fünf verschiedene Stile definieren!
Für Formen & Symbole gelten die gleichen Schritte wie für Linien & Pfeile.
{Der Abschnitt beginnt mit
shape.style
}
Klicken Sie wieder
Apply.
Farbe von
Rändern anpassen
Stärke der
Ränder anpassen
Was Sie
beachten sollten
Auch wenn Sie beim Pfeil einen andersfarbigen Rand einstellen, wird dieser bei den Linien nicht erscheinen.
Je nach Randstärke werden Rechtecke
abgerundete Ecken haben.
Die Ränder passen sich an, wenn
Sie ein Objekt vergrößern
oder verkleinern
Eine Linie wird nicht transparent, auch wenn der Pfeil transparent ist.
Diesmal fügen Sie die folgenden Zeilen hinzu:
gradStartAlpha: Wert zwischen 0-1;
gradEndAlpha: Wert zwischen 0-1;
Um den Grad der Transparenz zu definieren, nutzen Sie bitte Nachkommastellen mit Punkt davor.
{
.5
=
50%
transparent,
.6
=
60%
, usw.}

Folgen Sie denselben Schritten für Rahmen oder Pfeile
Experimentieren Sie mit verschiedenen Transparenzwerten für
gradStartAlpha
&
gradEndAlpha
, um einen Verlauf zu erzeugen.
Vergessen Sie nicht:
Apply.
Gehen Sie zum Abschnitt des gewünschten Objekts
{
Formen & Symbole
;
Rahmen
oder Linien
&
Pfeile
}
Finden Sie diese Zeile:
borderColor: #Nummer;

Ersetzen Sie die Nummer im Hex-Code
mit dem gewünschten Farbcode.
{Wenn die Zeile fehlt,
fügen Sie sie ein
}
borderColor: #
Nummer
;

{
Formen & Symbole
;
Rahmen
oder Linien
&
Pfeile
}
Gehen Sie zum Abschnitt des gewünschten Objekts
Finden Sie diese Zeile:
borderThickness: Wert;

{Wenn die Zeile fehlt,
fügen Sie sie ein
}
Ändern Sie den Wert, um die gewünschte Särke einzustellen.
borderThickness:
Wert
;

{höherer Wert = dickerer Rand}
Klicken Sie
Apply.

Klicken Sie
Apply.

Klicken Sie
Apply.
Sie können die Transparenz für Rahmen abstellen, indem Sie gradStartAlpha & gradEndAlpha mit 1 definieren.
Hilfreiche
Links für Hex-Codes
http://color.hailpixel.com/
http://www.colorpicker.com/
Folgen Sie den gleichen Schritten wie für Linien & Pfeile
{Die Abschnitte heißen

text.title-background
text.subtitle-background
text.body-background
}
Vergessen Sie nich
Apply.
Gehen Sie zum Abschnitt für Formen
und Symbole
{Sie haben den Dreh ja schon 'raus}
Full transcript