User Tools
2013_2014:s1:docweb:placements
Differences
This shows you the differences between two versions of the page.
| Both sides previous revision Previous revision Next revision | Previous revision Next revision Both sides next revision | ||
|
2013_2014:s1:docweb:placements [2013/12/09 15:34] rey [Structure] |
2013_2014:s1:docweb:placements [2013/12/09 16:27] rey [Les transformations en css] |
||
|---|---|---|---|
| Line 42: | Line 42: | ||
| <box round rgb(185,211,238) rgb(220,226,255) 95%|A Faire : > | <box round rgb(185,211,238) rgb(220,226,255) 95%|A Faire : > | ||
| - | Maintenant que le positionnement n'a plus de secret pour vous, ajoutez 3 paragraphes de texte (par exemple ceux-ci http://www.faux-texte.com/lorem-ipsum-3.htm dans votre zone aside. Celle-ci doit s'afficher à droite de la page. | + | Maintenant que le positionnement n'a plus de secret pour vous, ajoutez 3 paragraphes de texte (par exemple ceux-ci http://www.faux-texte.com/lorem-ipsum-3.htm dans votre zone aside. Celle-ci doit s'afficher à droite de la page. Chacun des paragraphes sera contenu dans une balise <p></p> (balise de paragraphe). |
| </box> | </box> | ||
| Line 80: | Line 80: | ||
| <box round rgb(185,211,238) rgb(220,226,255) 95%|A Faire : > | <box round rgb(185,211,238) rgb(220,226,255) 95%|A Faire : > | ||
| Ajoutez les couleurs via css et appliquez les transformations suivantes : | Ajoutez les couleurs via css et appliquez les transformations suivantes : | ||
| - | * les cases impaires sont **inclinées** de 15deg (''skewX'') et ont des bords arrondis (''border-radius'') de 10px | + | * les cases/cellules impaires sont **inclinées** de 15deg (''skewX'') et ont des bords arrondis (''border-radius'') de 10px |
| - | * les cases paires sont **tournées** de 5deg (''rotate'') et ont des bords arrondis de 20px | + | * les cases/cellules paires sont **tournées** de 5deg (''rotate'') et ont des bords arrondis de 20px |
| </box> | </box> | ||
| - | <note tip>Attention, pour les "transform", vous devez les spécifier 5 fois, 1 fois normalement et une fois avec chacun des préfixes des navigateurs</notes> | + | <note tip>Attention, pour les "transform", vous devez les spécifier 5 fois. 1 fois normalement et une fois avec chacun des préfixes des navigateurs. SI vous ne faites pas cela, il y a de fortes chances que ça me fonctionne pas sur votre navigateur ou celui de votre encadrant lors de la correction de votre TP.</note> |
| * Si vous avez besoin d'aide pour les selecteurs css, reportez vous sur cette page : http://debray-jerome.developpez.com/articles/les-selecteurs-en-css3/. Pour le moment nous n'utiliserons que la pseudo-classe **:nth-child(expression)** | * Si vous avez besoin d'aide pour les selecteurs css, reportez vous sur cette page : http://debray-jerome.developpez.com/articles/les-selecteurs-en-css3/. Pour le moment nous n'utiliserons que la pseudo-classe **:nth-child(expression)** | ||
2013_2014/s1/docweb/placements.txt · Last modified: 2014/02/04 14:51 by blay
Page Tools
Except where otherwise noted, content on this wiki is licensed under the following license: CC Attribution-Noncommercial-Share Alike 4.0 International
