web-dev-qa-db-fra.com

Comment aligner les boutons sociaux sans perdre d'espace vertical?

J'ai ajouté quelques boutons sociaux à l'une de nos pages. Je ne veux pas avoir à les mettre dans une rangée horizontale car cela poussera plus de produits sous le pli.

Voici mon idée jusqu'à présent:

Fermer:
enter image description here

J'ai poussé un peu la table au-dessus des produits vers la droite et je les ai serrés.
Mais sûrement c'est une mauvaise idée non? Existe-t-il de meilleures façons de mettre en œuvre cela?


REMARQUES:

  • Je sais que la conception du site est horrible. Ignore ça.
  • Pourquoi ne puis-je pas simplement les mettre sur le côté droit? Ce n'est pas fini. Notre propre boîte à J'aime Facebook, notre fil Twitter et bien plus seront à droite. Alors que les boutons à gauche permettent de partager la page/le groupe de produits actuel. C'est un site d'entreprise, mais pensez aux boutons sociaux à gauche comme aimer le billet de blog actuel et les choses à droite sont liées au blog dans son ensemble. Les boutons sociaux ne sont pas sur le côté droit ou même sur le côté droit de la table (au-dessus des produits) juste pour éviter la confusion.
3
Adam Lynch

Oh, cette question est si injuste :)

"Notre propre boîte Facebook, notre fil Twitter et bien plus seront à droite"

Jusqu'à ce que vous connaissiez la taille/forme de cela, nous ne savons pas quel autre espace est/n'est pas disponible. Aussi avec le titre et bien d'autres choses floues, nous devons beaucoup deviner quelles sont les options pour changer les choses.

Donc trois options:

SI les boutons sociaux sont la priorité absolue

Gardez-les exactement où ils se trouvent afin qu'ils aient la place prioritaire. Utilisez Photoshop pour faire en sorte que les trois boutons aient la même hauteur et étendez la largeur de certains de sorte que, à l'aide de tableaux et de pixels, vous les ayez entièrement alignés à gauche/à droite et en haut et en bas.

DEUX: Les boutons sociaux sont de priorité MOYENNE

Déplacez-les dans votre propre flux Twitter personnalisé Facebook comme sur la droite, et faites quelque chose de fantaisiste afin que les utilisateurs puissent d'abord sélectionner leurs médias sociaux préférés, puis s'abonner aux flux, partager cette page, etc. en utilisant ce service. J'imagine que vous serez bondé là-bas, alors vous adopterez une solution d'un seul média social à la fois. Une fois que vous faites cela, vous avez l'espace pour ajouter les mots `` partager cette page '' - vous transformez donc le problème de la confusion au sujet de l'action en atout - tout ce qui a trait à ce média social est en un seul endroit. Je suppose qu'il est probable que chaque visiteur qui utilise les médias sociaux utilisera principalement un service.

TROIS: Les boutons sociaux sont de faible priorité

Après le titre, ajoutez un lien "partager ceci" , qui affiche les boutons de médias sociaux sous forme de survol. C'est si vous voulez un indice pour pointer les gens vers une façon de partager, mais il est plus important de gagner de l'espace - et de ne pas perturber l'apparence sobre avec ces nouveaux intrus entrelacés. Ne me tire pas dessus. J'ai dit "si faible priorité".

3
James Crook

De l'image floue, cela ressemble à une page de présentation. Est-ce exact?

Si c'est le cas, je ne les mettrais pas ici et je ne les mettrais pas sur une page plus détaillée et plus spécifique avec des informations uniques et inchangées. Pourquoi tweeteraient-ils cette page? est-ce la page principale?

Si c'est la page principale et que vous voulez vraiment qu'ils créent un lien vers votre site, vous pouvez peut-être mettre la boîte bleue à gauche et les boutons à droite.

Ainsi:

switched around

1
jonshariat

En bas à gauche dans une colonne à fichier unique, comme sur les pages de questions SE?

0
Monica Cellio