[RÉGLÉ] Onglet

[joyassin]

Bonjour,

je cherche désespérément un module pour mettre sur mon site des onglets genre étiquettes simple avec à l'intérieur
des liens de menus le menu dans l'entête de l'onglet et si possible une petite image ou icône.

dans ce genre là (site pole emploi)

cordialement.

[jisse03]

Re : Onglet

Bonjour,

Suivant le template, un module menu avec CSS personnalisé ou une extension du chrome du template.

[joyassin]

Re : Onglet

Salut,

en faite je connais peu de chose en matière de CSS donc si il y'à un module à peu près complet ca serait bien j'ai essayé
maximenuCK mais il y à un seul thème d'onglet qui ne correspond pas à moins de le modifier au niveau du CSS mais je ne connais pas grand chose dans le codage je prend des composant, module.. à la volée sur joomla extension

merci.

[jisse03]

Re : Onglet

Quel que soit le module, il serait étonnant que tu trouves exactement ce look spécifique, tu devras donc apprendre le minimum vital en CSS.

[joyassin]

Re : Onglet

OK,
donc je vais essayer de m'y mettre, au CSS
merci,
à bientôt.

[PhilJ]

Re : Onglet

Bonjour,

OK, donc je vais essayer de m'y mettre, au CSS.

Sage décision.

Ensuite, vous pourrez regarder « par dessus l'épaule » du concepteur du site modèle, cela grâce à Firebug (addon pour Firefox, installable depuis ici : https://addons.mozilla.org/fr/firefox/addon/firebug). Cette inspection vous donnera une idée plus précise de la façon dont est construite cette zone.

Voilà déjà le code HTML visible avec Firebug pour toute cette zone :

<div class="BLOC-veux-employeur-02" id="bloc_haut_empl" xtcz="bloc_espace_employeur">[INDENT]<div class="BULLE">[/INDENT][INDENT=2] <h2>
[/INDENT][INDENT=3] <a target="" title="Employeur" href="../employeur/">Employeur</a>[/INDENT][INDENT=2]</h2>[/INDENT][INDENT]</div>[/INDENT][INDENT]<h3>[/INDENT][INDENT=2]<a xtclib="Espace employeur-HP" target="" title="Employeur" href="../employeur/">Services Employeur</a>[/INDENT][INDENT]</h3>[/INDENT][INDENT]<ul>[/INDENT][INDENT=2]<li><a target="" href="https://recrutement.pole-emploi.fr/votre-espace/authentification">Accéder à mon espace recrutement</a></li>[/INDENT][INDENT=2]<li><a target="" href="https://gestion.pole-emploi.fr/espaceemployeur/espaceemployeur/authentification/authentification">Accéder à mon compte déclarations et cotisations</a></li>[/INDENT][INDENT]</ul>[/INDENT][INDENT]<div class="CLEAR-both"></div>
[/INDENT]
 </div>

En utilisant Firebug, vous pourrez voir, dans le volet droit, toutes les directives CSS utilisées pour obtenir le rendu que vous cherchez à reproduire :-)



Cordialement,


PhilJ

[joyassin]

Re : Onglet

Très bien et merci.
cordialement.

[Visiteur]

Re : Onglet

Pour info, il y a un cour sur le css et le html qui est tres bien fait sur le site Openclassrooms. Tu y trouvera aussi un memento sur les balises html et proprietes css.

[joyassin]

Re : Onglet

merci,
merci !

[lesoutier]

Re : Onglet

Si c'est réglé merci de l'indiquer :

http://forum.joomla.fr/announcement.php?f=230