Ci-dessous, les différences entre deux révisions de la page.
Les deux révisions précédentes Révision précédente Prochaine révision | Révision précédente Prochaine révision Les deux révisions suivantes | ||
design_slider [29/04/2019 15:57] ilyes0537 |
design_slider [29/04/2019 16:07] ilyes0537 |
||
---|---|---|---|
Ligne 1: | Ligne 1: | ||
- | Design slide | + | |
====! Conception des Mockups avec inkscape ! ==== | ====! Conception des Mockups avec inkscape ! ==== | ||
- | 1 - Mockup slide événement V1 (svg): | + | ====1 - Mockup slide événement V1 (svg):==== |
https:// | https:// | ||
{{: | {{: | ||
- | ________________________________________________________________________________________________________________ | ||
- | 2 - Mockup slide article V1 (svg): | + | ====2 - Mockup slide article V1 (svg):==== |
https:// | https:// | ||
{{: | {{: | ||
- | 3 - Mockup image Actu-Agenda-radio (svg): | + | ====3 - Mockup image Actu-Agenda-radio (svg):==== |
https:// | https:// | ||
{{: | {{: | ||
- | 4 - Mockup image Avis-Agenda-palais-des-sports (svg) : | + | ====4 - Mockup image Avis-Agenda-palais-des-sports (svg) :==== |
https:// | https:// | ||
{{: | {{: | ||
- | 5 - Mockup image événement-concert (svg) : | + | ====5 - Mockup image événement-concert (svg) :==== |
https:// | https:// | ||
{{: | {{: | ||
- | 6 - Mockup image Support-existant (svg) : | + | ====6 - Mockup image Support-existant (svg) :==== |
https:// | https:// | ||
Ligne 81: | Ligne 80: | ||
====Code CSS==== | ====Code CSS==== | ||
- | html{ height: | + | html{ |
- | body{ min-height: | + | |
- | header{height: | + | |
- | header img{width: | + | body{ |
- | body {background-image: | + | |
- | size: 70%; | + | |
- | body::after {content: ''; | + | |
- | footer {background: | + | header{ |
- | | + | |
- | footer img {width: 42%; | + | |
- | footer p{padding: 25px 0px 0px 5px; | + | |
- | footer a, footer a:hover{ color:#fff; text-decoration: | + | |
- | article{margin: | + | |
- | .container{display: | + | header img{ |
- | .gauche, .droite{ max-width: 50%; width:50%; } | + | |
- | .gauche{background: | + | |
- | .droite img{max-height: | + | |
- | .gauche h1{ color:# | + | |
- | .gauche h2{ padding: 18px; } | + | |
- | .gauche h3{padding-bottom: | + | body { |
- | .date h1{ color:# | + | |
- | h1{text-align: | + | |
+ | | ||
+ | | ||
+ | | ||
+ | | ||
+ | body::after { | ||
+ | | ||
+ | | ||
+ | | ||
+ | | ||
+ | footer { | ||
+ | | ||
+ | | ||
+ | | ||
+ | | ||
+ | | ||
+ | | ||
+ | | ||
+ | | ||
+ | | ||
+ | footer img { | ||
+ | | ||
+ | | ||
+ | | ||
+ | | ||
+ | | ||
+ | | ||
+ | footer p{ | ||
+ | | ||
+ | | ||
+ | | ||
+ | | ||
+ | | ||
+ | footer a, footer a: | ||
+ | | ||
+ | | ||
+ | | ||
+ | article{ | ||
+ | | ||
+ | | ||
+ | | ||
+ | | ||
+ | .container{ | ||
+ | | ||
+ | | ||
+ | | ||
+ | | ||
+ | | ||
+ | | ||
+ | | ||
+ | | ||
+ | .gauche, .droite{ | ||
+ | | ||
+ | | ||
+ | | ||
+ | .gauche{ | ||
+ | | ||
+ | | ||
+ | | ||
+ | | ||
+ | | ||
+ | | ||
+ | | ||
+ | .droite img{ | ||
+ | | ||
+ | | ||
+ | | ||
+ | | ||
+ | .gauche h1{ | ||
+ | | ||
+ | | ||
+ | .gauche h2{ | ||
+ | | ||
+ | | ||
+ | .gauche h3{ | ||
+ | | ||
+ | | ||
+ | .date h1{ | ||
+ | | ||
+ | | ||
+ | h1{ | ||
+ | | ||
+ | | ||
+ | | ||
+ | | ||
+ | | ||
+ | | ||
| | ||
====Slider Article HTML-CSS==== | ====Slider Article HTML-CSS==== |