[Problème] Menu principal non standart à Joomla en surimpression d'un slideshow

[Emmanuel_Constant]

Bonjour,

Voila, je suis confronté à un problème de taille étant donné que je suis un piètre "codeur". Je pense que mon problème pourrait certainement être géré avec du CSS mais j'avoue que je sèche.
Je joins une image du visuel que je dois réaliser. En fait je dois créer un menu dont les différents items (accueil, le cabinet, la 1ère consult, comment venir, en cas d'urgence, nous contacter) se trouvent à différentes hauteurs d'une zone que j'appelerai header. Ce menu situé en "hader" doit venir, en plus, en surimpression d'une image (ici un fauteuil médical) qui devra être dynamique (genre slideshow).

Peut-être une solution autre qu'en utilisant un "mainmenu" est envisageable (par exemple un tableau mais au niveau de la rigueur du code cela semble franchement à proscrire). Et, de plus, comment gérer la sur-impression par rapport au slideshow ??
Brefs beaucoup d'interrogation face à ma problématique.
Quelqu'un dans la communauté aurait-il eu déjà ce genre de chose à faire ? Peut-être une idée tout simple à laquelle je n'aurai pas pensé ??

Merci en tout cas de vos suggestions ou éventuelles solutions qui me seraient salutaires.

Emmanuel

[toffffe]

Re : Menu principal non standart à Joomla en surimpression d'un slideshow

Salut
en fait il faut placer une image au dessus du slideshow en png24 pour avoir de la transparence.
Tu vas donc placer ton slideshow et en dessous dans le code tu vas mettre une autre div que tu mettras en position: absolute; top:-xxpx; pour la placer au bonne endroit et la faire sortir du flux.
Pour les menu c'est pareil tu prends ton main menu, tu le places ou il faut et ensuite tu vas le caler onglet par onglet en te servant du numéro d'item de menu
Donc pour ton problème il va se gérer comme ça de tête avec une position: relative; pour le slideshow
et des position:absolute pour l'image au dessus du slideshow et pour le menu
Normalement tu ne devrais même pas avoir besoin de z-index

[Emmanuel_Constant]

Re : Menu principal non standart à Joomla en surimpression d'un slideshow

Salut
en fait il faut placer une image au dessus du slideshow en png24 pour avoir de la transparence.
Tu vas donc placer ton slideshow et en dessous dans le code tu vas mettre une autre div que tu mettras en position: absolute; top:-xxpx; pour la placer au bonne endroit et la faire sortir du flux.
Pour les menu c'est pareil tu prends ton main menu, tu le places ou il faut et ensuite tu vas le caler onglet par onglet en te servant du numéro d'item de menu
Donc pour ton problème il va se gérer comme ça de tête avec une position: relative; pour le slideshow
et des position:absolute pour l'image au dessus du slideshow et pour le menu
Normalement tu ne devrais même pas avoir besoin de z-index

Merci beaucoup de ton aide Tofffe.
Ton aide est précieuse. Je vais devoir mettre la main dans le cambouis, mais y'a rien de tel pour progresser. C'est une belle piste que tu me donne en tout cas.
Merci à toi.
Emmanuel.

[Emmanuel_Constant]

Re : Menu principal non standart à Joomla en surimpression d'un slideshow

Si je peux abuser Toffe, même si je pense avoir compris la piste dans son ensemble, je ne parviens à l'effet escompté.
J'utilise un template Joomlart ORES (voir le site en pré-pro ici.

Ou et comment ajouter une autre div ? quelle syntaxe à cette DIV (désolé de mes piètres connaissances). Pour info, j'ai déposé un image over-menu.png sous ../templates/ja_ores/images/ afin de tester au fur et à mesure avec firebug mais je sèche.
accepterai tu un petit coup de pouce supplémentaire ?
Merci d'avance.
Emmanuel

[toffffe]

Re : Menu principal non standart à Joomla en surimpression d'un slideshow

Re
Content de t'avoir aidé, mais je ne connais pas les template joomlart
J'ai travaillé une fois dessus et de mémoire comme tous les templates de templater ce n'est pas le fichier index.php de ton template qu'il faut modifier.
mais il faut aller dans le template/layouts/blocks/et le fichier de l'endroit que tu dois modifier par exemple header.php pour ton cas

Attention les chemins que je t'ai donnés ne sont peut être pas exact mais ca dois se rapprocher.

[Emmanuel_Constant]

Re : Menu principal non standart à Joomla en surimpression d'un slideshow

Re
Content de t'avoir aidé, mais je ne connais pas les template joomlart
J'ai travaillé une fois dessus et de mémoire comme tous les templates de templater ce n'est pas le fichier index.php de ton template qu'il faut modifier.
mais il faut aller dans le template/layouts/blocks/et le fichier de l'endroit que tu dois modifier par exemple header.php pour ton cas

Attention les chemins que je t'ai donnés ne sont peut être pas exact mais ca dois se rapprocher.

Merci Toff pour ton aide, je n'abuserai pas davantage. À moi de jouer et de me creuser les méninges.
C'est aussi en cherchant qu'on progresse n'est ce pas.
Amicalement
Emmanuel