Menu Bouton CSS

Réduire
X
 
  • Filtrer
  • Heure
  • Afficher
Tout effacer
nouveaux messages

  • Menu Bouton CSS

    Bonjour,
    Je suis en train de faire une nouvelle présentation de mon site.
    J’utilise helix ultimate. je souhaite mettre un menu avec des boutons (image) en CSS
    Cela fait plusieurs jours que je cherche et je ne trouve pas les bonnes informations.
    Qui peut me donner les informations ? Attention je ne suis pas du métier
    Pour la création des boutons j’utilise best css button generator. j'ai créé un fichier custom.css dans le template.

    Merci pour votre aide. Pascal

  • #2
    Bonsoir,

    Pour la création des boutons j’utilise best css button generator. j'ai créé un fichier custom.css dans le template.
    Un exemple du code CSS à utiliser serait le bienvenu ainsi qu'une URL vers le site

    [modo]Vous avez le droit de donner l'url du site? Cela évite une recherche pour le trouver avec les risques de confusion toujours possible [/modo]
    UP, le plugin universel à découvrir sur https//up.lomart.fr
    bgMax
    , AdminOrder, MetaData, Zoom, ArtPlug, Custom, Memo, Filter, ... sur http://lomart.fr/extensions

    Commentaire


    • #3
      Bonjour, voici le code qui a été généré par best css button generator:

      mon site perso vtt-hautsdefrance.fr

      <a href="#" class="myButton">VTT Nord</a>

      Code:
      .myButton { -moz-box-shadow: 3px 4px 0px 0px #1564ad; -webkit-box-shadow: 3px 4px 0px 0px #1564ad; box-shadow: 3px 4px 0px 0px #1564ad; background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #79bbff), color-stop(1, #378de5)); background:-moz-linear-gradient(top, #79bbff 5%, #378de5 100%); background:-webkit-linear-gradient(top, #79bbff 5%, #378de5 100%); background:-o-linear-gradient(top, #79bbff 5%, #378de5 100%); background:-ms-linear-gradient(top, #79bbff 5%, #378de5 100%); background:linear-gradient(to bottom, #79bbff 5%, #378de5 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=' #79bbff', endColorstr='#378de5',GradientType=0); background-color:#79bbff; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; border:1px solid #337bc4; display:inline-block; cursor:pointer; color:#ffffff; font-family:Arial; font-size:17px; font-weight:bold; padding:12px 6px; text-decoration:none; text-shadow:0px 1px 0px #528ecc; } .myButton:hover { background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #378de5), color-stop(1, #79bbff)); background:-moz-linear-gradient(top, #378de5 5%, #79bbff 100%); background:-webkit-linear-gradient(top, #378de5 5%, #79bbff 100%); background:-o-linear-gradient(top, #378de5 5%, #79bbff 100%); background:-ms-linear-gradient(top, #378de5 5%, #79bbff 100%); background:linear-gradient(to bottom, #378de5 5%, #79bbff 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=' #378de5', endColorstr='#79bbff',GradientType=0); background-color:#378de5; } .myButton:active { position:relative; top:1px; }
      cordialement pascal.
      Dernière édition par lomart à 06/06/2018, 07h34

      Commentaire


      • #4
        Le site pour la création des boutons https://www.bestcssbuttongenerator.com/
        ZerooCool aime ceci.

        Commentaire


        • #5
          Bonjour,

          Votre site n'utilise pas helix ultimate. Il est en bootstrap2
          les règles css pour mybutton ne sont pas en place. Elles n'utilisent pas d'images comme indiqué dans le post #1
          JCHOptimize est a activer sur un site en production, pas avant !


          Sur quel point voulez-vous de l'aide ?
          UP, le plugin universel à découvrir sur https//up.lomart.fr
          bgMax
          , AdminOrder, MetaData, Zoom, ArtPlug, Custom, Memo, Filter, ... sur http://lomart.fr/extensions

          Commentaire


          • #6
            Voici le lien avec hélix ultimate toujours en test https://www.vtt-hautsdefrance.fr/event

            Commentaire


            • #7
              Bonsoir, pour le 4menu comment faire pour les avoir en CSS ? https://www.vtt-hautsdefrance.fr/event

              Cordialement pascal.

              Commentaire

              Annonce

              Réduire
              Aucune annonce pour le moment.

              Partenaire de l'association

              Réduire

              Hébergeur Web PlanetHoster
              Travaille ...
              X