Menu Bouton CSS

[pascal-59]

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

[lomart]

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]

[pascal-59]

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>

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

[pascal-59]

Le site pour la création des boutons https://www.bestcssbuttongenerator.com/

[lomart]

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 ?

[pascal-59]

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

[pascal-59]

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

Cordialement pascal.