Un menu déroulant [Réglé]
est-ce possible?
Créations de Thèmes
Visiteur
Boosteur Inactif
Ayant souvent des images à afficher, j'ai besoin de place, et je me demandais si il est possible de faire un menu déroulant en haut à gauche au dessus du header: un peu dans ce genre.
(c'est un montage évidement)
<p style="text-align:center"><img src="http://i86.servimg.com/u/f86/19/04/92/88/model_10.jpg" alt="" />[/p]
Et qui me permet d'utiliser toute la largeur de page .
J'ai récupéré un code (html), la css et les .js... ici: <a href="http://www.outils-web.com/script-jquery-menu/depliant-slide-vertical/">http://www.outils-web.com/script-jquery-menu/depliant-slide-vertical/</a>
<span style="font-size: 10px;">au passage pleins de choses sympathiques sur ce site ...</span>
Mais , découvrant le CMS je cherche depuis un petit moment comment insérer le code dans le -menu connect- volé <img src="/images/smileys/wink.png" alt=";)" class="smiley" /> sur votre site.
En test : L'image s'affiche bien à gauche dans la commande -bar/sub-header/connect menu seulement elle est inactive.
Je pense à un problème de position z-index ou dans ce genre là .Franchement je sais pas !
je ne suis pas trop patient et là ça commence à ....
<img src="/images/smileys/bomb.png" alt=":bomb" class="smiley" />
Non je plaisante, je ne sais même pas si c'est faisable ?
Un avis ?
PaperToss Membre non connecté
Booster Bazooka
-
Booster Bazooka
- Voir le profil du membre PaperToss
- Inscrit le : 25/03/2016
As-tu des erreurs Javascript sur ta page lorsque tu cliques sur ton image ?
As-tu donné le même ID à ton image que dans ton code jQuery ?
Sinon, sans code ou sans lien ça va être difficile de t'aider plus que ça.
Cordialement.
MickaelFR Membre non connecté
Booster Fusée
-
Booster Fusée
- Voir le profil du membre MickaelFR
- Inscrit le : 20/01/2014
- Site internet
- Groupes :
Regarde ce que j'ai pu faire sur mon site : <a href="http://planet-truck.fr/site">http://planet-truck.fr/site</a> .. J'ai aussi un petit menu d'accès rapide sur la même barre du haut <img src="/images/smileys/smile.png" alt=":)" class="smiley" />
Visiteur
Boosteur Inactif
Paper Toss:
As-tu des erreurs Javascript sur ta page lorsque tu cliques sur ton image ?
As-tu donné le même ID à ton image que dans ton code jQuery ?
Sinon, sans code ou sans lien ça va être difficile de t'aider plus que ça.
As-tu donné le même ID à ton image que dans ton code jQuery ?
Sinon, sans code ou sans lien ça va être difficile de t'aider plus que ça.
- Je fais des essais en local, ce qui engendre un autre soucis mais j'en parlerais plus tard.
Pour ce qui est des erreurs je n'en ai pas puisque elle est inactive, et oui j'ai donné le même nom et tout et tout.
Cela dit j'ai fait çà un peu à l'arrache hier soir, histoire de () du coups : je me posais la question de la faisabilité.
@ MickaelFR. Joli, ton truc (truck)
: donc c'est faisable !Tu peux me donner une piste ? c'est quoi ton: ump-bar / ump-toggle ? je n'ai pas trouvé sur le web : >> (à part à droite)

Tu l'as téléchargé ou tu as créé de toutes pièces ?
Dés que j'ai du temps libre je m'y remet, et, je le mettrais en ligne si j'ai des soucis.
MickaelFR Membre non connecté
Booster Fusée
-
Booster Fusée
- Voir le profil du membre MickaelFR
- Inscrit le : 20/01/2014
- Site internet
- Groupes :
Etant donné que je l'ai payé, il est sous contribution (Les revenus ne sont pas pour moi). Tu peux en trouver (des bases) sur le net assez facilement
Édité par MickaelFR Le 17/05/2016 à 18h35
Visiteur
Boosteur Inactif
je suis allais : "du côté de chez Swan" (air connu) - mais pour le moment je bidouille mon site "à ma façon" comme on dit en cuisine.
Ma question était plus de savoir si c'était envisageable, pour le reste je ne suis absolument pas pressé, donc je personnalise tranquillement et après je verrais ce que je fais.
Un poil plus tard: voir en ligne >> http://bidouille.esy.es/
Bon çà marche !
reste à faire les liens: no soucis.
Et à mettre l'ensemble sur une seul ligne.. et çà je verrais car là je vais au taf !
Édité par Visiteur Le 18/05/2016 à 06h43
MickaelFR Membre non connecté
Booster Fusée
-
Booster Fusée
- Voir le profil du membre MickaelFR
- Inscrit le : 20/01/2014
- Site internet
- Groupes :

Tu devrais le mettre en position fixe pour que ça suive la page. Pas pratique sinon
Courage
Visiteur
Boosteur Inactif
Au pire je ferais en partant d'autre chose...
merci pour vos réponses.
-Ps: encore que le menu à la google-nexus ressemble étrangement.
Édité par Visiteur Le 19/05/2016 à 06h33
MickaelFR Membre non connecté
Booster Fusée
-
Booster Fusée
- Voir le profil du membre MickaelFR
- Inscrit le : 20/01/2014
- Site internet
- Groupes :
Visiteur
Boosteur Inactif
Mais un déroulant avec la petite image remplacée par un fontawesome différent pour chaque ligne du genre:
- "1-fontawesome" Forum
- "2-fontawesome" Wiki
- "3-fontawesome" News
- "4-fontawesome"Contact ->>> et ainsi de suite.
Je pense que c'est dans le css qu'il faut faire la modification, mais je cale sur le fontawesome.
J'ai çà en css:
Code CSS :
body {font-family:Arial, Helvetica, sans-serif;font-size:12px;background-color: #FFFFFF;} #container {width: 490px;} #header {height: 40px;margin-bottom: 20px;} #button {height: 32px;width: 184px;margin: auto;} ul, li {margin:0; padding:0; list-style:none;} .menu_class {border:1px solid #2D406F;} .the_menu {display:none;width:181px;border: 3px solid #000000;} .the_menu li {background-color: #FFFFFF;} .the_menu li a {color:#000000; text-decoration:none; padding:10px; display:block;} .the_menu li a:hover {padding: 10px; font-weight: bold; color: #FFCC00; background: #60B0FF}
Et en html ceci:
je pense avoir trouvé pour le html mais la css c'est moins ma tasse de thé.Hier j'ai torturé tout çà avec des solutions que je pensais être bonnes mais pas moyen !
Je me tourne vers vous, mieux vaut un qui sait que dix qui cherchent !
Ce doit-être tout bête mais je trouve pas.
Édité par Visiteur Le 20/05/2016 à 06h50
babsolune Membre non connecté
-
Administrateur
- Voir le profil du membre babsolune
- Inscrit le : 16/05/2008
- Site internet
- Groupes :
-
Equipe Développement
remplace icon dans fa fa-icon par le nom de l'icône que tu veux mettre - liste des icônes => <a href="http://fontawesome.io/icons/">http://fontawesome.io/icons/</a>
par exemple :
Visiteur
Boosteur Inactif
J'avais pas percuté comme çà ! je cherchais à tout prix dans CSS...
Bon c'est cool, merci je me fais çà se week'
Encore Merci !
Visiteur
Boosteur Inactif
j'ai une anomalie! en local:
Tout fonctionne et c'est bon sur le thème -base-
Quand je me rends dans l'administration c'est bon sauf si je vais dans: -CONTENU >Menu >Gestion
La "command bar' apparaît en haut, inactive pour le menu mais présente (??) mais reste à partir de là constamment affiché dans le tableau d'administration. Je le redit seulement si je vais dans: Contenu>Menu>Thème sinon tout va pour le mieux.
C'est pas bien grave mais j'avoue que je ne pige pas les deux -thèmes- sont bien séparés je pense ??
Y a-t-il interaction entre les deux mais dans ce cas où ??
Pas d'erreur enregistrée ni quoi que ce soit !
Demain je réinstalle en ligne pour voir.
janus57 Membre non connecté
-
Booster Fusée
- Voir le profil du membre janus57
- Inscrit le : 07/12/2007
- Groupes :
-
Equipe Assistance
vous parlez de quoi ? un menu créer via l'administration ?
Si oui les menus créer via le panel admin sont commun à tous les thèmes.
Cordialement, janus57
babsolune Membre non connecté
-
Administrateur
- Voir le profil du membre babsolune
- Inscrit le : 16/05/2008
- Site internet
- Groupes :
-
Equipe Développement
Répondre
Vous n'êtes pas autorisé à écrire dans cette catégorie
