S'identifier - S'inscrire - Ecrire un article - Contact

Bloc HTML pour onglets avec menu déroulant

Par Lilooditnous • Aide • Dimanche 09/01/2011 • 15 commentaires  • Lu 3696 fois • Version imprimable

Mots-clés :


 Bonjour à tous !

Je viens de créer un bloc HTML pour onglets avec menu déroulant suivant les indications trouvées sur le site. Ce qui donne :

<ul>

    <li><a href="http://esquissesdevie.viabloga.com/actualites.shtml">AQUARELLE</a><li>

<li><a href="http://esquissesdevie.viabloga.com/news/mon-atelier">Mon atelier</a><li>

<li><a href="http://esquissesdevie.viabloga.com/news/les-couleurs">Les couleurs</a><li>

<li><a href="http://esquissesdevie.viabloga.com/news/composition">Composition</a><li>

<li><a href="http://esquissesdevie.viabloga.com/news/les-differentes-etapes">Les différentes étapes</a><li>

<li><a href="http://esquissesdevie.viabloga.com/news/techniques-et-astuces">Techniques et astuces</a><li></ul>

Un bloc est crée à gauche dans la liste des blocs mais la rubrique Aquarelle située dans le bandeau des rubriques ne fait pas apparaître de sous onglets cliquables.

Est ce le modèle Mystique qui ne l'autorise pas ? Pourtant la démo d'Isabelle dans ce modèle laisse apparaître des rubriques avec sous onglets !!!. http://wptheme.viabloga.com/

 


J'en déduis que c'est moi qui ai mal paramétré le bloc ? J'ai intitulé ce bloc Aquarelle Sous onglets et dans Modifier les blocs du modèle global le MENU est l'INDEX des rubriques.
http://esquissesdevie.viabloga.com/presentation.shtml

Merci beaucoup d'éclairer ma lanterne, sinon je verrais à opter pour un modèle autorisant les sous onglets.

D'autres articles sur des thèmes similaires :


Commentaires

Bloc HTML pour onglets avec menu déroulant par Liloo le Dimanche 16/01/2011 à 00:16

 Bonjour,

Solution 1 :

  1. Créer un texte onglets
  2. Y mettre une liste de liens (sans chiffres, juste avec des puces) vers ce que tu veux. Par exemple, les rubriques de ton site dans l'ordre que tu veux.
  3. Choisir d'afficher ce texte dans le bloc "Onglets"


Solution 2 :

  1. Créer une liste de liens onglets
  2. Y ajouter les liens que tu veux.
  3. Choisir d'afficher cette liste dans le bloc "Onglets"


Solution 3 :

  1. Editer un bloc libre pour y mettre une liste de liens.
  2. Choisir d'afficher ce bloc libre dans le bloc "Onglets"

J'ai essayé les 3 solutions sans résultat.
Je veux juste savoir si cela est possible dans le modèle Mystique, peut on me répondre car je me sens un peu seule ? Merci pour votre réponse.


Re: Bloc HTML pour onglets avec menu déroulant par tgtg le Dimanche 16/01/2011 à 12:24

tgtg

Si rien n'a changé depuis mon article, alors , ce n'est pas possible...malheureusement !


Re: Bloc HTML pour onglets avec menu déroulant par Liloo le Dimanche 16/01/2011 à 23:21

 Merci de ta réponse, ça fait plaisir de te lire même si tu n'as pas la solution. Pourtant vois tu, je sais que c'est possible : http://wptheme.viabloga.com/ les onglets ici sont bien actifs sur le thème Mystique. Du coup, j'y ai consacré pas mal de temps depuis 15 jours après avoir lu tous vos échanges à ce propos. Soit c'est un bug du thème, soit je m'y prends mal ce qui est probable.
 
L'as tu testé ce thème ? J'ai vu que tu as plusieurs blogs et que tu utilises principalement le modèle Mimbo. Je pense que c'est le plus abouti dans la mesure où vous avez plus travaillé sur ce modèle et au vu du grand nombre d'utilisateurs.

Sur les conseils de ma fille qui a fait ses débuts sur Joueb.com, nous avons choisi le modèle Mystique entre autres pour cette présentation avec onglets. Je ne sais pas si je pourrais adapter mon bandeau sur le modèle Mimbo. Je vais voir ce qu'il est possible de faire.
Encore merci à toi d'avoir pris de ton temps pour me répondre, c'est sympa. 


Re: Bloc HTML pour onglets avec menu déroulant par tgtg le Lundi 17/01/2011 à 11:29

tgtg J'ai voulu adopter cette mise en page.
C'est pourquoi, j'ai indiqué les différents problèmes rencontrés lors de l'installation des blocs, des onglets etc....
C'est fort dommage parce que c'est un très très beau thème, un des plus beaux !

Du coup, j'ai repris "Mimbo" parce qu'effectivement, c'est un modèle de mise en page qui présente beaucoup de possibilités [ choix de l'image de titre, choix de la largeur de mise en page, choix des blocs centraux au-dessus et en-dessous des colonnes et de leur largeur, choix du fond sur les cotés : couleur ou image ] et qui peut être manipulé d'une infinité de manières...

[ j'ai fait mes débuts, il y a plus de 8 ans, sur joueb.com aussi ;-) ]

tgtg a donné 20 pépites à Liloo


Re: Bloc HTML pour onglets avec menu déroulant par Liloo le Lundi 17/01/2011 à 12:44

Tgtg : J'ai voulu adopter cette mise en page. 
 
Oui je t'ai lu et relu. Lol ! En fait, j'ai fouillé partout dans tous les tuto, les échanges, l'aide afin de voir si cela avait évolué depuis. Je trouve également que c'est un très beau modèle qui ne fait pas blog justement, et qui me correspondait mieux dans le cadre de ce que je voulais mettre en place. Mais il n'y a pas que pour les onglets effectivement  qu'il y a des bugs, d'autres fonctionnalités apparaissant sur Mimbo ne sont pas exploitables sur Mystique. 

J'ai fait une copie du modèle (modifier le modèle mise en page HTML) et je vais voir si je ne peux pas modifier certaines options. Ils appellent cela mettre les mains dans la gadoue je crois. En espérant que je ne vais pas faire de conneries. Mais c'est en forgeant que l'on devient forgeron. Un je suis pugnace et deux mon père était forgeron. Donc à bonne école la fille. En même temps j'ai également fait une sauvegarde. Quand on voit le nombre d'heures que l'on y passe, vaut mieux être prudente.

En parallèle je vais essayer de reconfigurer mon modèle sous Mimbo pour voir ce que cela donne. Une petite question de novice : le fait de télécharger un nouveau modèle ne va pas écraser celui en cours. J'aurais mon modèle de mise en page Mystique et en parallèle le Mimbo ? J'ai des doutes à ce sujet.
  tester - essayer - faire et défaire - oser
Tgtg : [ j'ai fait mes débuts, il y a plus de 8 ans, sur joueb.com aussi ;-) ]
Idem pour ma fille, elle était là aux débuts, je m'en souviens à l'époque il n'y avait qu'un ordi à la maison...

 

Liloo a donné 30 pépites à tgtg


Re: Bloc HTML pour onglets avec menu déroulant par Stephane le Lundi 17/01/2011 à 21:18

Stephane Je viens de faire quelques corrections sur Mystique, en particulier les onglets marchent maintenant.
Exemple :

http://utilisateurs.viabloga.com/cgi-bin/display_index.pl?site_id=utilisateurs&skin_file=public/mystique2.html

Désolé pour le délai, je me suis lancé dans la création d'entreprise et je manque de temps.


Re: Bloc HTML pour onglets avec menu déroulant par tgtg le Lundi 17/01/2011 à 21:21

tgtg Magnifique !!!

tgtg a donné 50 pépites à Stephane


Re: Bloc HTML pour onglets avec menu déroulant par Liloo le Lundi 17/01/2011 à 21:32

 Trop super Stéphane ! Je file voir ça de suite... je testais Mimbo en parallèle.

"Désolé pour le délai, je me suis lancé dans la création d'entreprise et je manque de temps."

Je comprends et te remercie pour le temps que tu nous accordes. 
Bon courage

Liloo a donné 50 pépites à Stephane


Re: Bloc HTML pour onglets avec menu déroulant par Liloo le Mercredi 19/01/2011 à 10:42

 Bonjour Stéphane et vous tous !

Sorry mais les onglets ne fonctionnent toujours pas.
Quelqu'un peut il venir sur mon blog, il y a peut être un problème de configuration de mon modèle....

J'ai crée un bloc onglets dans un bloc HTML 

que j'ai placé 

J'ai bien nettoyé le cache puis F5

J'ai testé mes liens sur un bloc texte en mode source pour voir l'arborescence et celui ci s'affiche correctement sur la page.

Je FUME !!!! 


Petit rajout : sur le modèle Mimbo téléchargé mes onglets s'affichent correctement donc mon Hteumeuleu est bon.  





Re: Bloc HTML pour onglets avec menu déroulant par Stephane le Mercredi 19/01/2011 à 11:26

Stephane Tu ne fumes pas, tu brûles, tu y étais presque.

J'ai créé un nouveau bloc HTML "Onglets - OK" avec quelques corrections (j'ai juste enlevé des </ul><ul> qui étaient en trop entre les <li></li> de premier niveau.

J'ai aussi remis le modèle public Mystique. C'est dans le modèle public que j'ai fait les corrections pour qu'il marche avant-hier. Ca ne change pas les copies personnelles malheureusement. Tu avais fait beaucoup de changements dans ton modèle perso ?

En passant : il y a beaucoup de scripts / widgets etc. externes sur ton blog, du coup le chargement de la page est un peu lent.

Pour référence, voici le bloc HTML corrigé :

 
<ul>
    <li><a href="http://esquissesdevie.viabloga.com/presentation.shtml">ACCUEIL</a></li>

    <li><a href="http://esquissesdevie.viabloga.com/actualites.shtml">AQUARELLE</a>
    <ul>
        <li><a href="http://esquissesdevie.viabloga.com/news/mon-atelier">Mon atelier</a></li>
        <li><a href="http://esquissesdevie.viabloga.com/news/les-couleurs">Les couleurs</a></li>
        <li><a href="http://esquissesdevie.viabloga.com/news/composition">Composition</a></li>
        <li><a href="http://esquissesdevie.viabloga.com/news/les-differentes-etapes">Les différentes étapes</a></li>
        <li><a href="http://esquissesdevie.viabloga.com/news/techniques-et-astuces">Techniques et astuces</a></li>
    </ul>
    </li>
    <li><a href="http://esquissesdevie.viabloga.com/crayons.shtml">CRAYONS DE COULEUR</a>
    <ul>
        <li><a href="http://esquissesdevie.viabloga.com/news/les-crayons">Les crayons</a></li>
        <li><a href="http://esquissesdevie.viabloga.com/news/les-couleurs-2">Les couleurs</a></li>
        <li><a href="http://esquissesdevie.viabloga.com/news/fabriquer-son-nuancier">Fabriquer son nuancier</a></li>
        <li><a href="http://esquissesdevie.viabloga.com/news/les-papiers">Les différents papiers</a></li>
        <li><a href="http://esquissesdevie.viabloga.com/news/les-accessoires">Les accessoires</a></li>
        <li><a href="http://esquissesdevie.viabloga.com/news/les-methodes">Les méthodes</a></li>
    </ul>
    </li>
    <li><a href="http://esquissesdevie.viabloga.com/graphite.shtml">CRAYONS ET GRAPHITE</a></li>

    <li><a href="http://esquissesdevie.viabloga.com/pas_a_pas.shtml">PAS A PAS</a></li>

    <li><a href="http://esquissesdevie.viabloga.com/lexique.shtml">LEXIQUE</a></li>

    <li><a href="http://esquissesdevie.viabloga.com/ouvrages.shtml">OUVRAGES</a>
    <ul>
        <li><a href="http://esquissesdevie.viabloga.com/lists/books/1.shtml">Dessin</a></li>
        <li><a href="http://esquissesdevie.viabloga.com/lists/books/2.shtml">Crayons de couleur</a></li>
        <li><a href="http://esquissesdevie.viabloga.com/lists/books/3.shtml">Aquarelle</a></li>
        <li><a href="http://esquissesdevie.viabloga.com/lists/books/4.shtml">Acrylique</a></li>
        <li><a href="http://esquissesdevie.viabloga.com/lists/books/8.shtml">Peinture à l'huile</a></li>
        <li><a href="http://esquissesdevie.viabloga.com/lists/books/9.shtml">Encre</a></li>
        <li><a href="http://esquissesdevie.viabloga.com/lists/books/6.shtml">Pastel</a></li>
        <li><a href="http://esquissesdevie.viabloga.com/lists/books/9.shtml">Autres techniques</a></li>
    </ul>
    </li>
    <li><a href="http://esquissesdevie.viabloga.com/generateur_de_couleurs.shtml">GENERATEUR DE COULEUR</a></li>

    <li><a href="http://esquissesdevie.viabloga.com/mots_cles.shtml">PLUS</a></li>
</ul>


Re: Bloc HTML pour onglets avec menu déroulant par Liloo le Mercredi 19/01/2011 à 11:52

 Super Stephane MERCI !!!!

Tu as raison j'ai mis plein de widgets, curseurs, etc... ce qui m'a permis d'apprendre un peu le fonctionnement de tout ça puisque c'est mon 1er blog. Je vais en virer maintenant.
Comme quoi y a pas d'âge pour s'y mettre ! Lol !
Ceci dit pour ne pas mourir idiote (est ce possible ?) il faudra un jour m'expliquer à quoi servent les screugneugneus suivants : &gt;&lt;/li&gt ou que je fasse une formation dans ce langage après tout.

Quant aux changements, ma Rosalie ti ti pan pan de fille qui a oeuvré à ses débuts sur ton célèbre Joueb.com, m'a crée un bandeau et puis c'est tout je crois, si ce n'est les couleurs.

Si c'est pas trop long et quand tu auras un autre petit moment, tu pourras regarder les enroulé déroulé bloqué sur ce modèle ainsi que le nombre de lectures qui ne s'affichent pas. 

Voilou, je te donne mes 40 pépites restantes, et je vais faire un crédit maintenant.
Encore merci.

Liloo a donné 40 pépites à Stephane


Re: Bloc HTML pour onglets avec menu déroulant par Liloo le Mercredi 19/01/2011 à 14:52

 Dernière intervention pour la journée en ce qui me concerne car je m'en retourne à ma peinture et au dessin, je les avais presque oublié tant j'ai oeuvré comme une forcenée à la création de ce site.
Mais on n'a rien sans rien n'est ce pas ? J'ai beaucoup appris en peu de temps, et le résultat me convient parfaitement.
Venez donc me rendre une petite visite et n'hésitez pas à me laisser un commentaire http://esquissesdevie.viabloga.com/presentation.shtml

Mystique est un beau thème mais nécessite encore beaucoup de modifications que je ne suis pas en capacité d'apporter dans l'immédiat. L'expérience et le temps viendront... 

De ce fait, j'ai opté pour le thème Mimbo et là SURPRISE ! le résultat est à la hauteur de mes attentes. Tout ce que je souhaitais en terme de positionnement, de police, d'onglets, de couleurs, de blocs qui s'enroulent, le nombre de lectures, et d'autres possibilités que je n'ai bien évidemment pas encore exploitées.

Je souhaite remercier ceux et celles qui sont intervenus pour m'aider à me dépêtrer dans mes élucubrations de novice et notamment Stéphane qui bien qu'en création d'entreprise, s'est disponibilisé pour accéder à mes requêtes. Chapeau et merci !

Le banquier n'a pas voulu m'accorder d'autres pépites mais au final je vous aurais tout donné. 



 


Re: Bloc HTML pour onglets avec menu déroulant par Fix le Samedi 22/01/2011 à 12:31

Fix  Je te donne quelques pépites (on devrait changer de monnaie, par ex., pour pouvoir donner des couleurs) pour que tu puisses en passer au banquier-gourou.

Bravo pour la persévérance à fouiller dans les tréfonds des modèles Viabloga :-)

Fix a donné 65 pépites à Liloo


Re: Bloc HTML pour onglets avec menu déroulant par Liloo le Dimanche 23/01/2011 à 21:49

Liloo  Merci Fix de ta générosité. J'espère que cela ne te place pas en difficulté.
 pour que tu puisses en passer au banquier-gourou
Changer les pépites en couleurs, tout un programme !
Le banquier Gourou est trop pâle ou sous-entends tu qu'il est radin ? :-)

J'allais oublier : 







Lien croisé par Visiteur le Jeudi 23/02/2012 à 12:14

Sketchbook - Mon Atelier : "Bloc HTML pour onglets avec menu déroulant : "<li><a href="http://esquissesdevie.viabloga.com/news/mon-atelier">Mon atelier</a><li>" "



Session

Pour participer plus facilement, ouvrez une session :

Identifiant de
mon blog
Nom d'utilisateur
Mot de passe

Si vous avez déjà un blog sur ViaBloga ou si vous avez ouvert un compte sur l'un d'entre eux, vous pouvez vous identifier avec votre nom d'utilisateur et mot de passe en précisant d'abord l'identifiant de votre blog.

S'inscrire

Ailleurs sur ViaBloga


Archives par mois