Fork me on GitHub




(1) 2 »


Morpho 3.1 et menu dynamique multiblue
Team FrXoops
Inscrit: 24/11/2008 00:42
De Argenteuil
Messages: 987
Bonjour,

J'ai entrepris d'essayer de mettre le bluemenu (un équivalent du multiblack) dans le morpho 3.1

Dans la feuille de style globalnav.css, je me suis mis après #xo-rightcolswitch:hover { opacity: 1;} et j'ai incorporé le code de la feuille de style pro_dropdown_3.
J'ai transformé tous les #nav en #xo-globalnav.

J'ai mis les images contenus dans le répertoire multiblue dans le répertoire css.
Au lieu de mettre ces images dans le répertoire css, si je les mets dans le répertoire img la synthaxe suivante, par exemple, est elle correcte ?
Citation :
#xo-globalnav li a.topmb_link span.down {float:left; display:block; padding:0 24px 0 0px; height:35px; background: url(../three_0a.gif) no-repeat right top;}


J'ai inséré la ligne ci-dessous dans le fichier xo_metas.html dans la partie <!-- include xoops.js and others via header.php -->
<script src="<{xoImgUrl /js/stuHover.js}>" type="text/javascript"></script>

J'ai déplacé le fichier de script java stuHover de multiblue vers js.
Là j'ai un problème, le code java ne semble pas s'exécuter
Est-ce le pointage du fichier stuHover.js qui n'est pas bon ?
Le problème vient-il d'ailleur ?

Merci pour votre aide.
Cordialement.

Franck

Posté le : 13/04/2010 00:06
Partager Twitter Partagez cette article sur GG+
Re: Morpho 3.1 et menu dynamique multiblue
Semi pro
Inscrit: 07/11/2009 10:34
De Lot
Messages: 517
A tout hasard tu as esseyer :

<script src="http://tonsite.fr/js/stuHover.js"> type="text/javascript"></script>


En mettant bien sûr ton chemin réel.

Posté le : 13/04/2010 00:08

Tout vient à  point à qui sait attendre.
http://www.graph-attitude.fr
Partager Twitter Partagez cette article sur GG+
Re: Morpho 3.1 et menu dynamique multiblue
Guest_
b'soir

Ton arborescence doit normalement ressembler à ceci :

/ton-theme/
- ton-theme/js/stuHover.js
- ton-theme/xotpl/xo_metas.html

Pour que le fichier xo_metas.html puisse atteindre le fichier stuHover.js tu dois descendre d'un range (c'est à dire faire précéder ton chemin de " ../ ").

Essaye avec :
<script src="../js/stuHover.js" type="text/javascript"></script>



Edit : note que si ton script ne fonctionne pas, il peut également s'agir d'un conflit entre plusieurs scripts .js ou alors d'une mauvaise implémentation.

Posté le : 13/04/2010 00:21
Partager Twitter Partagez cette article sur GG+
Re: Morpho 3.1 et menu dynamique multiblue
Team FrXoops
Inscrit: 24/11/2008 00:42
De Argenteuil
Messages: 987
Bonsoir,

Pas évident d'avoir mon menu dynamique flotant.

Je n'ai pas touché à la structure de Kris:

/Morphogenesis_dynamique/CSS/ avec le globalnav.css
/Morphogenesis_dynamique/JS/ avec mon stuHover.js, il y a également morpho.js et IE8.js
/Morphogenesis_dynamique/xotpl/ avec le xo-globalnav.html et xo_metas.html

J'ai mis le chemin que m'a donné Burning pour le fichier stuHover mais je n'ai pas de changement.
Je vois bien le fond bleu de la barre mais je ne vois pas les inscriptions du menu. Le problème ne provient peut être pas du java script.
Je vais tenter de simplifier momentanément le css du xo-globalnav (c'est trop top car je ne connais pas le css, c'est le moment de s'initier)

Posté le : 14/04/2010 00:07
Partager Twitter Partagez cette article sur GG+
Re: Morpho 3.1 et menu dynamique multiblue
Team FrXoops
Inscrit: 24/11/2008 00:42
De Argenteuil
Messages: 987
Bonsoir,

J'ai un peu avancé. Le problème ne provient pas du script ou d'un conflit entre plusieurs scripts .js

Citation :
Franck0768 a écrit:
J'ai transformé tous les #nav en #xo-globalnav.

A ne pas faire car le code java script stuHover fait appel à #nav.

Citation :
Burning a écrit:
Pour que le fichier xo_metas.html puisse atteindre le fichier stuHover.js tu dois descendre d'un range (c'est à dire faire précéder ton chemin de " ../ ").

Essaye avec :
<script src="../js/stuHover.js" type="text/javascript"></script>

C'est effectivement ce qu'il faur faire.

J'ai mis les images du répertoire multiblue dans morphogenesis_dynamic\img.
Pour les images, je les pointe de la façon suivante:
url(../img/multiblue/image.gif)



Reste à résoudre
Il me reste quelques problèmes qui semblent provenir de la feuille de style:
- Dans le menu déroulant, les menus sont décalés à gauche et ne sont pas centrés comme dans le multiblue du BluedayDynByJah210
- A partir du du 10ème menu, j'ai un décalage en hauteur qui commence à partir du 9ème menu

Vous pouvez-voir le résultat sur mon site. Les deux thèmes sont accéssibles en anonyme (sélection dans le dernier bloc à gauche).
Merci pour votre aide.

Franck.

Posté le : 17/04/2010 00:29
Partager Twitter Partagez cette article sur GG+
Re: Morpho 3.1 et menu dynamique multiblue
Semi pro
Inscrit: 07/11/2009 10:34
De Lot
Messages: 517
Le fichier css ne semble pas être attacher à ton menu ce qui pourrais expliquer ce désordre et la mise en page foireuse.

Posté le : 17/04/2010 00:48

Tout vient à  point à qui sait attendre.
http://www.graph-attitude.fr
Partager Twitter Partagez cette article sur GG+
Re: Morpho 3.1 et menu dynamique multiblue
Supporter Xoops
Inscrit: 09/01/2005 13:37
De Breizh
Messages: 16972
je n'arriverai jamais à comprendre pourquoi utiliser du javascript alors que tu peux faire le même menu uniquement en css

@+

Posté le : 17/04/2010 02:38

La connaissance s'accroît quand on la partage ...
Partager Twitter Partagez cette article sur GG+
Re: Morpho 3.1 et menu dynamique multiblue
Team FrXoops
Inscrit: 24/11/2008 00:42
De Argenteuil
Messages: 987
Salut Kris,

Je suis débutant et pour le moment j'utilise les outils que je trouve.
1/ Je ne connais rien en css
2/ Je ne connais rien en java

S'il est possible de faire la même chose en css, je suis preneur. Je vais tenter d'y parvenir. Pour cela, il faut que je comprenne comment réaliser les décalages à droite de l'ensemble d'un sous block de menu.

Salut nico46,
Citation :

Le fichier css ne semble pas être attacher à ton menu ce qui pourrais expliquer ce désordre et la mise en page foireuse.

Le fichier css du menu est xo-globalnav (celui de Kris que j'ai modifié). Celui-ci est bien pris en charge car je vois bien les modifications que j'y apporte. Le js est également bien pris en charge grace à Kris qui nous a indiqué qu'il fallait le mettre dans xo_metas.html et a burning qui m'a indiqué qu'il fallait descendre d'un Range.

Je vais suivre le conseil de Kris. Pour cela je vais désactiver le java script stuHover et repartir du menu dynamique de Kris.

Posté le : 18/04/2010 11:51
Partager Twitter Partagez cette article sur GG+
Re: Morpho 3.1 et menu dynamique multiblue
Team FrXoops
Inscrit: 24/11/2008 00:42
De Argenteuil
Messages: 987
Bonsoir,

J'ai attaqué le premier niveau de mon menu.
J'ai un problème avec les marges internes du span. En effet, je n'arrive pas à refermer la boîte avec l'image three_0a.gif qui comporte la petite flèche blanche vers le bas.
Les liens sont de ce type:
<li class="topmb"><a href="<{xoAppUrl modules/mylinks/}>" class="topmb_link"><span class="down">Liens Web</span></a></li>

Le globalnav.css qui correspond est le suivant:
#nav {
    
padding:0;
    
margin:0;
    list-
style:none;
    
height:35px;
    
backgroundurl(../img/multiblue/three_0.gif);
    
z-index:500;
    
font-family:arialverdanasans-serif;}
#nav li.topmb {
    
display:block;
    
float:left;}
#nav li a.topmb_link {
    
display:block;
    
float:left;
    
height:35px;
    
line-height:33px;
    
color:#fff;
    
text-decoration:none;
    
font-size:13px;
    
font-weight:bold;
    
padding:0 0 0 12px;
    
cursor:pointer;
    
backgroundurl(../img/multiblue/three_0.gif);}
#nav li a.topmb_link span {
    
display:block;
    
float:left;
    
height:35px;
    
/*padding:0 24px 0 12px;
    background: url(../img/multiblue/three_0.gif) right top no-repeat;*/
}
#nav li a.topmb_link span.down {
    
display:block;
    
float:left;
    
height:35px;
    
/*padding:0 24px 0 0px;
    background: url(../img/multiblue/three_0a.gif) no-repeat right top;*/
}

#nav li:hover a.topmb_link {
    
color:#ff0;
    
backgroundurl(../img/multiblue/three_1.gifno-repeat;}


Dès que j'essaye de paramétrer les marges internes j'ai un décalage en hauteur vers la fin du menu.

Un coup de main des pro du css serait le bien venu. Pour voir le résultat regarder le post https://www.frxoops.org/modules/newbb/ ... id=197498#forumpost197498

Merci.
Franck

Posté le : 19/04/2010 00:38
Partager Twitter Partagez cette article sur GG+
Re: Morpho 3.1 et menu dynamique multiblue
Team FrXoops
Inscrit: 24/11/2008 00:42
De Argenteuil
Messages: 987
Bonjour,
Citation :

Franck0768 a écrit:
Dès que j'essaye de paramétrer les marges internes j'ai un décalage en hauteur vers la fin du menu.


Le décalage provenait de xo-banner-ad.
Il ne reste plus qu'a trouver comment refermer cette satanée boîte pour avoir la petite flèche vers le bas dans le 1er niveau et la flèche à droite pour les parties flottantes.

Merci pour votre aide.
Cdt
Franck

Posté le : 10/06/2010 22:36
Partager Twitter Partagez cette article sur GG+

 Haut   Précédent   Suivant
(1) 2 »



Vous pouvez voir les sujets.
Vous ne pouvez pas débuter de nouveaux sujets.
Vous ne pouvez pas répondre aux contributions.
Vous ne pouvez pas éditer vos contributions.
Vous ne pouvez pas effacez vos contributions.
Vous ne pouvez pas ajouter de nouveaux sondages.
Vous ne pouvez pas voter en sondage.
Vous ne pouvez pas attacher des fichiers à vos contributions.
Vous ne pouvez pas poster sans approbation.

Propulsé avec XOOPS | Graphisme adapté par Tatane, Grosdunord, Montuy337513

69 Personne(s) en ligne (53 Personne(s) connectée(s) sur Forum) | Utilisateur(s): 0 | Invité(s): 69 | Plus ...