Le Deal du moment : -49%
Promotion sur ce lot de goodies The Legend Of Zelda
Voir le deal
32.99 €
Le deal à ne pas rater :
Borderlands 3 pour PS4
6.99 €
Voir le deal

[INTERMEDIAIRE] Page d'Accueil #9 - Helper Hand - Ayfoth


Aller en bas

Ayfoth
Newbie

Bonjour à tous, je vous propose ce petit exercice pratique de page d'accueil basée sur une maquette libre (donc le code pourra tout à fait être en LS).
Ce premier exercice sera suivit de tous les autres éléments de la maquette si ça vous tente.

[INTERMEDIAIRE] Page d'Accueil #9 - Helper Hand - Ayfoth PA_Helper_Hand

Voici donc les petites indications :
Le fond que vous pouvez voir est une image de bannière donc la PA est transparente et superposée à la bannière.
Lorsque l'on met le souris sur une news la main correspondante doit tourner.

Eléments utiles :
La bannière
Icone de la main en opacité à 50%
Police

Couleurs :
News 1 et News 4 : #fd4510
News 2 et News 5 : #3ba4e3
News 3 et News 6 : 1bb211

Tutos et Techniques utiles :

Overflow
Positionnement
Transitions
Transformations

Petit +
Vous pouvez essayer d'aller plus loin avec la barre de navigations en modifiant la template correspondante (le profil est en lien sur l'image de l'avatar)

Bonne chance à tous.


Ayfoth
Date d'inscription : 27/10/2020
Messages : 47

Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum