Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

Publications (X)HTML et CSS Discussion :

Créer un menu avec des boites animées grâce au CSS3


Sujet :

Publications (X)HTML et CSS

  1. #1
    Expert éminent sénior

    Avatar de FirePrawn
    Homme Profil pro
    Consultant technique
    Inscrit en
    mars 2011
    Messages
    3 180
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 31
    Localisation : France, Haut Rhin (Alsace)

    Informations professionnelles :
    Activité : Consultant technique

    Informations forums :
    Inscription : mars 2011
    Messages : 3 180
    Points : 19 997
    Points
    19 997
    Par défaut Créer un menu avec des boites animées grâce au CSS3


    Je vous propose une traduction de l'article anglophone Create An Animated CSS Box Menu par Paul Underwood : Créer un menu animé en CSS.

    N'hésitez pas à faire part de vos remarques, commentaires ou propositions d'améliorations !

    Créer un menu animé en CSS.

    Avant toute chose : lire le mode d'emploi du forum et ses règles.
    Je ne réponds pas aux questions techniques en MP.

  2. #2
    Invité
    Invité(e)
    Par défaut
    Très intéressant de retrouver ce classique (en tant que menu) sans Javascript bravo pour cette simplicité

  3. #3
    Futur Membre du Club
    Femme Profil pro
    ???????????????
    Inscrit en
    janvier 2008
    Messages
    13
    Détails du profil
    Informations personnelles :
    Sexe : Femme

    Informations professionnelles :
    Activité : ???????????????
    Secteur : High Tech - Multimédia et Internet

    Informations forums :
    Inscription : janvier 2008
    Messages : 13
    Points : 9
    Points
    9
    Par défaut

  4. #4
    Membre actif
    Avatar de friendofweb
    Homme Profil pro
    Amateur en informatique
    Inscrit en
    mai 2015
    Messages
    153
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Belgique

    Informations professionnelles :
    Activité : Amateur en informatique
    Secteur : Santé

    Informations forums :
    Inscription : mai 2015
    Messages : 153
    Points : 243
    Points
    243
    Par défaut Le hr est caché derrière le menu..
    Le hr est caché derrière le menu.. comment l'éviter ?
    Faut-il interrompre un héritage ? comment ?
    N'oubliez pas la documentation... - Initiation à HTML5 - Tutos CSS

  5. #5
    Membre actif
    Avatar de friendofweb
    Homme Profil pro
    Amateur en informatique
    Inscrit en
    mai 2015
    Messages
    153
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Belgique

    Informations professionnelles :
    Activité : Amateur en informatique
    Secteur : Santé

    Informations forums :
    Inscription : mai 2015
    Messages : 153
    Points : 243
    Points
    243
    Par défaut position absolute..
    Citation Envoyé par friendofweb Voir le message
    Le hr est caché derrière le menu.. comment l'éviter ?
    Faut-il interrompre un héritage ? comment ?
    réponse à ma question :

    exemple de contenu :
    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
     
    		<table width="100%" border="0" align="center" role="presentation" id="test">
    			<tbody>
    				<tr>
    					<td>
    						<hr />
    						blabla blabla
    					</td>
    				</tr>
    			</tbody>
    		</table>

    avec comme css :

    Code css : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
     
    #test { position: absolute ; top: 40%; left: 0px ;}

    Si vous avez mieux, merci de me reprendre
    N'oubliez pas la documentation... - Initiation à HTML5 - Tutos CSS

  6. #6
    Membre actif
    Avatar de friendofweb
    Homme Profil pro
    Amateur en informatique
    Inscrit en
    mai 2015
    Messages
    153
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Belgique

    Informations professionnelles :
    Activité : Amateur en informatique
    Secteur : Santé

    Informations forums :
    Inscription : mai 2015
    Messages : 153
    Points : 243
    Points
    243
    Par défaut OK j'ai compris
    Pour ceux qui ne comprennent pas non plus, les indispensables :

    Indispensable 1

    Indispensable 2 (plusieurs styles à un élément)

    Explications (classes) :

    Question posée sur le forum css

    Autre exemple intéressant :

    Autre exemple

    Merci pour le tuto !
    N'oubliez pas la documentation... - Initiation à HTML5 - Tutos CSS

Discussions similaires

  1. [Drupal] [Drupal 7] Créer un menu avec les images des nodes
    Par mastiflux dans le forum EDI, CMS, Outils, Scripts et API
    Réponses: 4
    Dernier message: 31/12/2014, 16h25
  2. Réponses: 4
    Dernier message: 16/11/2009, 22h39
  3. Créer un menu avec des sous menus
    Par unix27 dans le forum Balisage (X)HTML et validation W3C
    Réponses: 2
    Dernier message: 22/07/2009, 10h32
  4. Réponses: 9
    Dernier message: 24/03/2007, 22h37
  5. créer un noeuds avec des paramétres
    Par Toxine77 dans le forum XMLRAD
    Réponses: 5
    Dernier message: 21/01/2003, 16h11

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo