CONNEXION
  • RetourJeux
    • Sorties
    • Hit Parade
    • Les + populaires
    • Les + attendus
    • Soluces
    • Tous les Jeux
    • Gaming
  • RetourActu Gaming
    • News
    • Astuces
    • Tests
    • Previews
    • Toute l'actu gaming
  • RetourBons plans
    • Bons plans
    • Bons plans Smartphone
    • Bons plans Hardware
    • Bons plans Image et Son
    • Bons plans Amazon
    • Bons plans Cdiscount
    • Bons plans Decathlon
    • Bons plans Fnac
    • Tous les Bons plans
  • RetourJVTech
    • Actus High-Tech
    • Intelligence Artificielle
    • Smartphones
    • Mobilité urbaine
    • Hardware
    • Image et son
    • Tutoriels
    • Tests produits High-Tech
    • Guides d'achat High-Tech
    • JVTech
  • RetourCulture
    • Actus Culture
    • Culture
  • RetourVidéos
    • A la une
    • Gaming Live
    • Vidéos Tests
    • Vidéos Previews
    • Gameplay
    • Trailers
    • Chroniques
    • Replay Web TV
    • Toutes les vidéos
  • RetourForums
    • Hardware PC
    • PS5
    • Switch 2
    • Xbox Series
    • Switch
    • Pokemon pocket
    • FC 25 Ultimate Team
    • League of Legends
    • Tous les Forums
  • PC
  • PS5
  • Xbox Series
  • Switch 2
  • PS4
  • One
  • Switch
  • iOS
  • Android
  • MMO
  • RPG
  • FPS
En ce moment Genshin Impact Valhalla Breath of the wild Animal Crossing GTA 5 Red dead 2
Liste des sujets

Code source gratuit | Vertical menu share options

PriMerZ-LeGacY
PriMerZ-LeGacY
Niveau 6
07 février 2015 à 15:25:10

Bonjour,

Je suis en train de créer un petit menu vertical permettant au visiteur de vous suivre sur les réseaux sociaux, de s'inscrire, d'ajouter le site en favoris etc...

Je débute en HTML/CSS mais je suis assez content de mon petit menu.

Malheureusement mon code n'est pas très fiable, en effet je n'arrive pas à l’intégré sur mon site web, de plus la position fonctionne en px ce qui est assez gênant pour les personnes avec un petit ecran.

Je mets à disposition le code source du projet !
Toute modification et/ou amélioration sera la bienvenue !
http://codepen.io/anon/pen/XJzVgG

Bonne journée !

gromouton
gromouton
Niveau 6
07 février 2015 à 16:47:28

tu devrais mettre ton menu dans une div ou un nav
<nav id="social-nav">
<a class="face_tweet'></a>
</nav>

ensuite évite d'utiliser des id pour chaque élément, utilise une id pour un bloc puis utilise les classes pour les éléments internes

du genre :
#social-nav .face_tweet{ box-shadow: 7px 0px #DD4B39 inset; border-right: 6px solid #DD4B39 ; margin-top: 330px; }

Message édité le 07 février 2015 à 16:47:59 par gromouton
Sous forums
  • Aide à l'achat Mac
  • Internet
  • Macintosh
  • Création de sites web
  • Création de Jeux
  • Linux
  • Programmation
  • Steam Deck
  • Hardware
La vidéo du moment