[WP.org] Barre sociale horizontale

  • Auteur
    Articles
  • #64251

    gregoryens
    Membre

    Bonjour,

    J’ai un menu social en bas de page, il m’affiche une icône Facebook, Twitter, ainsi que Youtube.

    Sauf que les icônes s’affichent de bas en haut, et j’aimerais les mettre de gauche à droite.

    Voici mon code, que faut-il rajouter ?

    /*  social-nav menu */
    .screen-reader-text {
    	position: left;
    	top:      -9999em;
    	left:     -9999em;
    }
    #menu-social-items {
    	position: block;
    	float: left;
      margin: 0 3em 0 0;
      text-align: center;
    	list-style: none;
    }
    #menu-social-items ul li {
      display:  inline-block;
      position: relative;
    }
    #menu-social-items li a::before {
    	display:        inline-block;
    	padding:        0 5px;
      vertical-align: top;
    	font-family:    'Genericons';
    	font-size:      1.5em;
    	-webkit-font-smoothing: antialiased;
      content:        '\f408';
    }
    #menu-social-items li a[href*="wordpress.org"]::before,
    #menu-social-items li a[href*="wordpress.com"]::before {
    	color:   #21759b;
    	content: '\f205';
    }
    #menu-social-items li a[href*="facebook.com"]::before {
    	content: '\f203';
    	color:   #3b5998;
    }
    #menu-social-items li a[href*="twitter.com"]::before {
    	content: '\f202';
    	color:   #33ccff;
    }
    #menu-social-items li a[href*="dribbble.com"]::before {
    	content: '\f201';
    	color:   #ea4c89;
    }
    #menu-social-items li a[href*="plus.google.com"]::before {
    	content: '\f206';
    	color: #dd4b39;
    }
    #menu-social-items li a[href*="pinterest.com"]::before {
    	content: '\f210';
    	color:   #c8232c;
    }
    #menu-social-items li a[href*="github.com"]::before {
    	content: '\f200';
    	color:   #171515;
    }
    #menu-social-items li a[href*="tumblr.com"]::before {
    	content: '\f214';
    	color:   #34526f;
    }
    #menu-social-items li a[href*="youtube.com"]::before {
    	content: '\f213';
    	color:   #c4302b;
    }
    #menu-social-items li a[href*="flickr.com"]::before {
    	content: '\f211';
    	color:   #ff0084;
    }
    #menu-social-items li a[href*="vimeo.com"]::before {
    	content: '\f212';
    	color:   #1AB7EA;
    }
    #menu-social-items li a[href*="instagram.com"]::before {
    	content: '\f215';
    	color:   #3f729b;
    }
    #menu-social-items li a[href*="codepen.io"]::before {
    	content: '\f216';
    	color:   #000;
    }
    #menu-social-items li a[href*="linkedin.com"]::before {
    	content: '\f208';
    	color:   #0e76a8;
    }
    #64408

    supportbot
    Membre

    En ouvrant ce sujet vous n’avez pas précisé l’adresse du blog
    ou la raison liée à l’usage de la plateforme.

    Vous êtes sur le forum de soutien pour sites hébergés par WordPress.com. Si votre question porte sur un blog WordPress auto-hébergé, veuillez vous adresser aux forums WordPress.org pour obtenir de l’aide.

    Pour en savoir plus sur la différence entre WordPress.com et WordPress.org, veuillez consulter cet article.

    Si vous aviez oublié d’inclure l’adresse de votre site dans votre question, vous pouvez l’inclure dans votre réponse ci-dessous. Cette information nous permettra de mieux vous aider.

    Ceci est un message automatisé.

    #64536

    regamefr
    Membre

    Bonjour je n’ai toujours pas trouvé de solution si quelqu’un sait ;) Merci

    #64537

    airodyssey
    Modérateur

    @regamefr : Si vous êtes la même personne que gregoryens, merci de répondre à la question que Support Bot vous a posé il y a quelques jours et que revoici :

    En ouvrant ce sujet vous n’avez pas précisé l’adresse du blog ou la raison liée à l’usage de la plateforme. […]
    Si vous aviez oublié d’inclure l’adresse de votre site dans votre question, vous pouvez l’inclure dans votre réponse ci-dessous. Cette information nous permettra de mieux vous aider.

    #64539

    gregoryens
    Membre

    Excusez moi, safari s’est connecté depuis un autre compte ( j’avais même pas remarqué que j’avais deux comptes ).

    Le site c’est « www.moneybox.fr » mais je l’ai mis en maintenance car pour l’instant je ne veux pas trop dévoiler les informations, mais si quelqu’un veux accéder je peux créer un compte test.

    #64542

    airodyssey
    Modérateur

    Votre site fonctionne sous WordPress, mais n’est pas hébergé par WordPress.com. C’est donc un site autohébergé WordPress (appelé également WordPress.org) et vous n’êtes pas au bon endroit.

    Merci de lire attentivement le reste du message de Support Bot (ci-dessus) pour savoir où poser votre question.

The topic ‘[WP.org] Barre sociale horizontale’ is closed to new replies.