[WP.org] Barre sociale horizontale

• 

  gregoryens · Membre · février 14, 2017 at 11:58

  • Copier le lien
  • Ajouter le thème aux favoris

  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;
  }

• 

  supportbot · Membre · février 14, 2017 at 11:58

  • Copier le lien

  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é.

• 

  regamefr · Membre · février 17, 2017 at 4:29

  • Copier le lien

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

• 

  airodyssey · Modérateur · février 17, 2017 at 4:30

  • Copier le lien

  @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.

• 

  gregoryens · Membre · février 17, 2017 at 4:34

  • Copier le lien

  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.

• 

  airodyssey · Modérateur · février 17, 2017 at 4:42

  • Copier le lien

  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.