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

Utiliser l'éditeur CSS de Prezi

No description
by

Pierre-Marie Gestas

on 9 May 2016

Comments (0)

Please log in to add your comment.

Report abuse

Transcript of Utiliser l'éditeur CSS de Prezi

CHANGER
LA COULEUR DE FOND DU TEXTE
CHANGER
LA COULEUR
DES FORMES
CHANGER
LA COULEUR DES LIGNES/FLÈCHES
CHANGER
LA COULEUR
DES CADRES
MODIFIER LA TRANSPARENCE
DES FORMES
Utiliser l'éditeur
CSS

ASTUCES
Recherchez les sections qui contrôlent les paramètres des cadres.
{Elles débutent par
frame.
}
Ensuite, trouvez ces deux lignes :
gradStartColor: #number;
gradeEndColor: #number;
Le nombre est le code hex de la couleur associée au cadre. Pour modifier la couleur vous devez changer ce nombre.
gradStartColor: #
number
;

Cliquez sur
Apply.
Astuce!
Essayez d'utiliser une couleur différente pour les start et end colors.
Lignes et flèches seront toujours de la même couleur.
{Elles débutent par
line-arrow.style
}
Recherchez ces sections et changez le
nombre pour le code hex souhaité.
gradStartColor: #
number
;
gradEndColor: #
number
;
Changez aussi le code hex à la ligne :
color: #
number
;
Vous pouvez utiliser jusqu'à 5 styles !
Pour les formes, suivez les mêmes étapes que pour les lignes et flèches.
{Ces sections débutent par
shape.style
}
Cliquez sur
apply.
CHANGER LA COULEUR DES BORDURES
RAPPELEZ-VOUS
Une bordure ne sera pas visible sur une ligne mais sera visible sur une flèche.
En fonction de sa finesse, la bordure pourra arrondir les angles d'un rectangle.
Les bordures s'adaptent lorsque vous redimensionnez un objet.
La transparence ne sera pas visible sur une ligne mais sera visible sur une flèche
Rendez-vous dans les sections qui contrôlent les paramètres des formes
{vous savez quoi faire}
Cette fois-ci, ajoutez les lignes suivantes :
gradStartAlpha: number between 0-1;
gradEndAlpha: number between 0-1;
Pour cette section, vous allez utiliser des décimales pour définir le niveau de transparence :
{
.5
=
50%
transparent,
.6
=
60%
, etc...}

Suivez les mêmes étapes pour les cadres et les flèches.
Essayez différents niveaux de transparence pour gradStartAlpha & gradEndAlpha pour plus d'effets.
N'oubliez pas de cliquer sur
Apply.
MODIFIER L'ÉPAISSEUR DES BORDURES
Allez dans la section du type d'objet que vous souhaitez éditer
{shapes, frames, ou arrows}
Trouvez la ligne suivante :
borderColor: #number;

Remplacer le nombre du code hex par le nombre de la couleur désirée.
{Si elle n'apparaît pas,
ajoutez-la
}
borderColor: #
number
;

{shapes, frames, or arrows}
Allez dans la section du type d'objet que vous souhaitez éditer
Trouvez la ligne suivante :
borderThickness: number;

{Si elle n'apparaît pas,
ajoutez-la
}
Ajustez le nombre afin d'obtenir l'épaisseur de bordure désirée.
borderThickness:
number
;

{larger number = thicker border}
Cliquez sur
Apply.
Cliquez sur
Apply.
Cliquez sur
Apply.
Fous pouvez supprimer la transparence d'un cadre en saisissant 1 pour gradStartAlpha & gradEndAlpha.
BASES DE DONNÉES DE CODES HEX UTILES
http://color.hailpixel.com/
http://www.colorpicker.com/
http://cloford.com/resources/colours/500col.htm
Pour la couleur de fond, suivez les mêmes étapes que pour les lignes et flèches.
{Ces sections sont nommées
text.title-background
text.subtitle-background
text.body-background
}
Cliquez sur
apply.
Full transcript