Fork me on GitHub




« 1 ... 14 15 16 (17) 18 19 20 ... 45 »


Re: [TEST] multiMenu 1.8 beta, quand multiMenu devient dynamique
Newbie
Inscrit: 03/09/2005 20:40
Messages: 13
Oui comment modifie t on le font des menus dynamiques, car ils sont en blancs, et la police aussi donc on voit rien...
http://covernet.free.fr

Car voila ce que j'ai du fichier multimenu_dym_01.html (celui que j'utilise):

<!-- Start multiMenu <{$block.mm}> -->
<style type="text/css">
.menutitle {
cursor:pointer;
}
</style>

<script language="JavaScript" type="text/javascript" src="<{$xoops_url}>/modules/multiMenu/script/01/menu.js"></script>

<{counter start=0 print=false}>
<{assign var=td value=-1}>
<{assign var=top value="1"}>
<{assign var=span value="0"}>
<div id="masterdiv">
<table cellspacing="10" cellpadding="0">
<tr>
<td id="mainmenu" width="<{math equation="x/y" x=100 y=$block.columns }>%">
<{foreach item=imenu from=$block.contents}>

<{if $submenu == "0"}>
<!-- Main link -->
<{assign var=td value=$td+1}>
<{if $td > $block.columns_limit}>
</td>
<td id="mainmenu" width="<{math equation="x/y" x=100 y=$block.columns }>%">
<{assign var=td value=0}>
<{assign var=top value="1"}>
<{/if}>

<{if $span == 2}></span><{/if}>
<{counter assign=count print=false}>
<{if $imenu.submenu == "1" OR $imenu.submenu == "2"}>
<div class="menutitle" onclick="SwitchMenu('sub<{$block.mm}><{$count}>')">
<a class="<{if $top == 1}>menuTop<{else}>menuMain<{/if}>" title="<{$alt_title}>">
<img src="<{$xoops_url}>/modules/multiMenu/script/images/arrow1.gif" align="right" alt="<{$alt_title}>"/>
<{$image}><{$title}>
</a>
</div>
<{else}>
<div class="menutitle">
<a class="<{if $top == 1}>menuTop<{else}>menuMain<{/if}>"
<{if $linkurl}><{$target}>href="<{$linkurl}>"<{/if}> title="<{$alt_title}>">
<{$image}><{$title}>
</a>
</div>
<{/if}>
<{assign var=top value="0"}>
<{assign var=span value="1"}>
<{elseif $submenu == "1" OR $submenu == "2"}>
<!-- Sublinks -->
<{if $span == 0 OR $span == 1}><span class="submenu" id="sub<{$block.mm}><{$count}>"><{/if}>
<a class="menuSub" <{if $linkurl}><{$target}>href="<{$linkurl}>" <{/if}>title="<{$alt_title}>">
<{$image}><{$title}></a>
<{assign var=top value="0"}>
<{assign var=span value="2"}>

<{elseif $submenu == "3"}>
<!-- Note -->
<div class="menuNote"><{$link}><{$title}><{$image}><{$a}></div>
<{assign var=top value="1"}>
<{elseif $submenu == "4"}>
<!-- Categorie -->
<{assign var=td value=$td+1}>
<{if $td > $block.columns_limit}>
</td>
<td id="mainmenu" width="<{math equation="x/y" x=100 y=$block.columns }>%">
<{assign var=td value=0}>
<{/if}>

<{if $span == 2}></span><{/if}>
<{assign var=span value="3"}>
<{assign var=top value="1"}>
<h3><{$link}><{$image}><{$title}><{$a}></h3>

<{/if}>

<{assign var=submenu value=$imenu.submenu}>
<{assign var=linkurl value=$imenu.linkurl}>
<{assign var=link value=$imenu.link}>
<{assign var=counter value=$count}>
<{assign var=target value=$imenu.target}>
<{assign var=alt_title value=$imenu.alt_title}>
<{assign var=image value=$imenu.image}>
<{assign var=title value=$imenu.title}>
<{assign var=a value=$imenu.a}>

<{/foreach}>

<{if $submenu == "0"}>
<!-- Main link -->
<{if $span == 2}></span><{/if}>
<{counter assign=count print=false}>
<div class="menutitle">
<a class="<{if $top == 1}>menuTop<{else}>menuMain<{/if}>"
<{if $linkurl}><{$target}>href="<{$linkurl}>" <{/if}>title="<{$alt_title}>">
<{$image}><{$title}>
</a>
</div>
<{assign var=top value="0"}>
<{assign var=span value="1"}>

<{elseif $submenu == "1" OR $submenu == "2"}>
<!-- Sublinks -->
<{if $span == 0 OR $span == 1}><span class="submenu" id="sub<{$block.mm}><{$count}>"><{/if}>
<a class="menuSub" <{if $linkurl}><{$target}>href="<{$linkurl}>"<{/if}> title="<{$alt_title}>">
<{$image}><{$title}></a>
<{assign var=top value="0"}>
<{assign var=span value="2"}>

<{elseif $submenu == "3"}>
<!-- Note -->
<div class="menuNote"><{$link}><{$title}><{$image}><{$a}></div>
<{counter assign=count print=false}>
<{assign var=top value="1"}>

<{elseif $submenu == "4"}>
<!-- Categorie -->
<{if $span == 2}></span><{/if}>
<{assign var=span value="3"}>
<{assign var=top value="1"}>
<h3><{$link}><{$title}><{$image}><{$a}></h3>
<{/if}>
<{if $span == 2}></span><{/if}>
</td>
</tr>
</table>
</div>
<!-- End multiMenu <{$block.mm}> -->

Je ne vois pas de code couleur, alors que dans les autres templates des autres menu il y en a un

merci

Posté le : 16/02/2006 23:27
Partager Twitter Partagez cette article sur GG+
Re: [TEST] multiMenu 1.8 beta, quand multiMenu devient dynamique
Xoops accro
Inscrit: 15/07/2004 11:16
Messages: 4763
salut,
tu as réussi on dirait ?
je vois une écriture blanche sur fond orange, pas de souci à première vue.
@++

Posté le : 17/02/2006 14:04
Partager Twitter Partagez cette article sur GG+
Re: [TEST] multiMenu 1.8 beta, quand multiMenu devient dynamique
Newbie
Inscrit: 03/09/2005 20:40
Messages: 13
Oui, en faite je suis bete ! Pas besoin de modifier les fichier, car c'est dans les propriétés des blocks, j'avais pas fait attention !

Par contre, pour la prochaine version, j'ai une "bonne" remarque (surtout pour moi ^^).
Comme vous pouvez le voir sur mon site, j'ai plus 30 liens !
Et quand je créer un nouveau lien (qui devrai se situer en aut du module), bien, pour le placer la ou je veux je dois remonter TOUT depuis en bas (avec le systeme des fleches) !
Ce qui serait bien, c'est qu'il y a 2 boutons "ajouter un lien", un en haut des liens créer et un en bas. Ce qui serait cool, se serait que le bouton du haut créer un nouveau lien en haut et celui du bas créer un nouveau lien en baas !

VOila, merci

Posté le : 18/02/2006 02:40
Partager Twitter Partagez cette article sur GG+
Re: [TEST] multiMenu 1.8 beta, quand multiMenu devient dynamique
Admin Frxoops
Inscrit: 04/02/2003 07:37
De Belgique
Messages: 3376
Oui, je sais.

Pour ça, en attendant mieux, j'ai une astuce de renard.


Posté le : 18/02/2006 08:25
Partager Twitter Partagez cette article sur GG+
Re: [TEST] multiMenu 1.8 beta, quand multiMenu devient dynamique
Aspirant
Inscrit: 30/10/2005 16:12
De La Rochelle
Messages: 98
Citation :

Solo71 a écrit:
Oui, je sais.

Pour ça, en attendant mieux, j'ai une astuce de renard.

Ce qui serait bien, Solo, mais c'est toi qui décidera, c'est de laisser les deux possibilités, à savoir laisser les flèches pour le "user-friendly", et afficher dans des textbox plus loin les poids, pour pouvoir les mettre à la main.

Car l'astuce de la barre d'adresse est bien, seulement si tu connais la valeur des poids des autres liens, donc pas évident de placer ton lien de façon précise du premier coup.

L'autre idée de mettre deux "ajouter lien" pour insérer un lien soit en haut ou en bas, ne résoud pas le problème du placement d'un nouveau lien vers le milieu de la liste si cette liste est longue. C'est pour ça que le système de textbox est plus puissant et plus précis même si c'est moins user-friendly. D'ailleurs c'est la méthode utilisée par beaucoup de module, comme CBB par exemple pour le placement les forums, etc.

Posté le : 18/02/2006 10:42
Partager Twitter Partagez cette article sur GG+
Re: [TEST] multiMenu 1.8 beta, quand multiMenu devient dynamique
Admin Frxoops
Inscrit: 04/02/2003 07:37
De Belgique
Messages: 3376
C'est pas que je veuille pas le faire, simplement, je n'ai jamais considéré ça comme une priorité, ni vraiment pris le temps de m'y pencher.

Mais ne vous inquiétez pas, j'en ai pris bonne note.


Posté le : 18/02/2006 11:11
Partager Twitter Partagez cette article sur GG+
Re: [TEST] multiMenu 1.8 beta, quand multiMenu devient dynamique
Newbie
Inscrit: 03/09/2005 20:40
Messages: 13
noooooooooooooooooon, et dire que j'ai passé une heure à mettre en place mes 75 liens !!!!!!! ^^

Mais bon je suis soulagé, car cette astuces est génial, sa va me simplifier la vie ! Surtout que j'avais peur de rajouter des liens par flemme ^^

Posté le : 18/02/2006 17:47
Partager Twitter Partagez cette article sur GG+
Re: [TEST] multiMenu 1.8 beta, quand multiMenu devient dynamique
Semi pro
Inscrit: 07/05/2005 14:17
Messages: 1126
salut, merci pour le rappel de l'astuce

auriez vous une idée pour le rendre transparent?? pour mettre une image en fond?

muchas gracias

Posté le : 18/02/2006 18:26
Partager Twitter Partagez cette article sur GG+
Re: [TEST] multiMenu 1.8 beta, quand multiMenu devient dynamique
Supporter Xoops
Inscrit: 02/10/2004 14:09
Messages: 370
Me revoilou, et là pour une petite correction sur mon petit combo pour le menu.
Et oui, il y avait quelques erreurs dedans.

Ce qu'il faut mettre dans le template du bloc menu à afficher :
<!-- Start multiMenu <{$block.mm}> -->
<
script language="JavaScript" type="text/javascript" ><!--
window.onload=dyn_montre;
function 
dyn_montre(id) {
var 
document.getElementById(id);
    if (
document.getElementById('dyn_smenu')) {document.getElementById('dyn_smenu').style.display='none';}
    if (
document.getElementById('dyn_smenuA')) {document.getElementById('dyn_smenuA').style.display='none';}
    for (var 
1i<=30i++) {
        if (
document.getElementById('dyn_smenu'+i)) {document.getElementById('dyn_smenu'+i).style.display='none';}
        if (
document.getElementById('dyn_smenuA'+i)) {document.getElementById('dyn_smenuA'+i).style.display='none';}
    }
if (
d) {d.style.display='block';}
}
function 
dyn_montreA(id) {
var 
document.getElementById(id);
    if (
document.getElementById('dyn_smenuA')) {document.getElementById('dyn_smenuA').style.display='none';}
    for (var 
1i<=30i++) {
        if (
document.getElementById('dyn_smenuA'+i)) {document.getElementById('dyn_smenuA'+i).style.display='none';}
    }
if (
d) {d.style.display='block';}
}
//--></script>
<{counter start=print=false}><{assign var=top value="1"}><{assign var=dl value="0"}><{assign var=dd value="0"}>
<
dl id="dyn_menu"><{foreach item=imenu from=$block.contents}>
<{if 
$submenu == "4"}>
<!-- 
Categorie -->
    <{if 
$dl == 1}></ul></dd></dl></li><{/if}><{if $dd == 1}></ul></dd><{/if}><{assign var=top value="1"}><{assign var=dd value="0"}><{assign var=dl value="0"}>
    <
dt onclick="javascript:dyn_montre('dyn_smenu<{$count}>');"><{$link}><{$title}><{$image}><{$a}></dt>
<{elseif 
$submenu == "0"}>
<!-- 
Main link -->
    <{if 
$dd == 0}><dd id='dyn_smenu<{$count}>'><ul><{/if}>
    <{
counter assign=count print=false}>
     <{if 
$imenu.submenu == "1" OR $imenu.submenu == "2"}>
    <{if 
$dl==1}></ul></dd><{/if}>
    <{if 
$dl == 0}><li><dl class="dyn_menuA"><{assign var=dl value="1"}><{/if}>
        <
dt class="dyn_menudt" onmouseover="javascript:dyn_montreA('dyn_smenuA<{$count}>');" onmouseout="javascript:dyn_montreA();"><<{if $linkurl}><{$target}>href="<{$linkurl}>"<{/if}> title="<{$alt_title}>"><img src="<{$xoops_url}>/modules/multiMenu/script/images/arrow1.gif" align="right" alt="<{$alt_title}>" /><{$image}><{$title}></a></dt><dd id="dyn_smenuA<{$count}>" onmouseover="javascript:dyn_montreA('dyn_smenuA<{$count}>');" onmouseout="javascript:dyn_montreA();"><ul>
    <{else}>
        <{if 
$dl == 1}></ul></dd></dl></li><{assign var=dl value="0"}><{/if}>
        <
li class="dyn_menuli"><<{if $linkurl}><{$target}>href="<{$linkurl}>"<{/if}> title="<{$alt_title}>"><{$image}><{$title}></a></li>
    <{/if}>
    <{
assign var=top value="0"}><{assign var=dd value="1"}>
<{elseif 
$submenu == "1" OR $submenu == "2"}>
<!-- 
Sublinks -->
        <
li><<{if $linkurl}><{$target}>href="<{$linkurl}>" <{/if}>title="<{$alt_title}>"><{$image}><{$title}></a></li>
    <{
assign var=top value="0"}>
<{elseif 
$submenu == "3"}>
<!-- 
Note -->
        <
li><div class="menuNote"><{$link}><{$title}><{$image}><{$a}></div></li>
    <{
assign var=top value="1"}>
<{/if}>

<{
assign var=submenu     value=$imenu.submenu}>
<{
assign var=linkurl     value=$imenu.linkurl}>
<{
assign var=link     value=$imenu.link}>
<{
assign var=counter     value=$count}>
<{
assign var=target     value=$imenu.target}>
<{
assign var=alt_title     value=$imenu.alt_title}>
<{
assign var=image     value=$imenu.image}>
<{
assign var=title     value=$imenu.title}>
<{
assign var=a         value=$imenu.a}>

<{/foreach}>

<{if 
$submenu == "4"}>
<!-- 
Categorie -->
    <{if 
$dd == 1}></ul></dd><{/if}>
    <{
assign var=top value="1"}>
    <
dt onclick="javascript:dyn_montre('dyn_smenu<{$count}>');"><{$link}><{$title}><{$image}><{$a}></dt>
    <{
assign var=dd value="0"}>
<{elseif 
$submenu == "0"}>
<!-- 
Main link -->
    <{if 
$dd == 0}><dd id='dyn_smenu<{$count}>'><ul><{/if}>
    <{
counter assign=count print=false}>
        <
li><<{if $linkurl}><{$target}>href="<{$linkurl}>" <{/if}>title="<{$alt_title}>"><{$image}><{$title}></a></li>
    <{
assign var=top value="0"}><{assign var=dd value="1"}>
<{elseif 
$submenu == "1" OR $submenu == "2"}>
<!-- 
Sublinks -->
        <
li><<{if $linkurl}><{$target}>href="<{$linkurl}>"<{/if}> title="<{$alt_title}>"><{$image}><{$title}></a></li>
    <{
assign var=top value="0"}>
<{elseif 
$submenu == "3"}>
<!-- 
Note -->
    <
li><div class="menuNote"><{$link}><{$title}><{$image}><{$a}></div></li>
    <{
counter assign=count print=false}>
    <{
assign var=top value="1"}>
<{/if}>
    <{if 
$dd == 1}></ul></dd><{/if}>
</
dl>
<!-- 
End multiMenu <{$block.mm}> -->


Après pour que cela fonctionne très bien, il ne manque plus que le css associé... Ayant tourné en rond pendant un petit moment, je me suis décidé à créer deux types de css (un pour IE, l'autre pour firefox/NN). Et oui, je me retrouvé dans le cas où ça marché pour l'un mais mal pour l'autre.
Pour utiliser ce css, il vous faudra l'incorporé dans celui du thème utilisé.
Pour la feuille de style dédié à IE (style.css), ajoutez cette portion en fin du fichier :
/* Definition utilisee pour le bloc multimenu */
#dyn_menu {
    
width100%;
}
dldtddulli {
    
margin0px;
    
padding0px;
    list-
style-typenone;
}
#dyn_menu dt {
    
cursorpointer;
    
height20px;
    
line-height20px;
    
text-aligncenter;
    
font-weightbold;
    
background#ccc;
}
#dyn_menu dt a {
    
color#000;
    
text-decorationnone;
    
displayblock;
    
border0 none;

#dyn_menu dt a:hover {
    
background#eee;

.
dyn_menuA dd {
    
position :absolute;
    
z-index100;
    
left 17.2em;
    
margin-top: -2em;
    
width10em;
    
background#A9BFCB;
    
border1px solid #76809C;
}
#dyn_menu .dyn_menuA dt {
    
margin-bottom1pxmargin-top: -13px;
    
border0 none;
    
text-aligncenter;
    
background#fff;
}
#dyn_menu .dyn_menuA dt a {
    
border-left8px solid #BDCEE0;
    
color#334D55; background-color: #FFFFFF;
    
text-decorationnone;
}
#dyn_menu .dyn_menuA dt a:hover {
    
border-left8px solid #DD6900;
    
color#FFFFFF;  background-color: #BDCEE0;
    
text-decorationnone;
}
.
dyn_menuli, .dyn_menuA li {
    
margin-bottom1pxmargin-left: -16px;
    
border0 none;
    
text-aligncenter;
    
background#fff;
}
.
dyn_menuli a, .dyn_menuA li a {
    
height100%;
    
displayblock;
    
padding4px
     
border-left8px solid #BDCEE0;
    
color#334D55; background-color: #FFFFFF;
    
text-decorationnone;
}
.
dyn_menuli a:hover, .dyn_menuA li a:hover {
    
height100%;
    
color#FFFFFF;  background-color: #BDCEE0;
    
border-left8px solid #DD6900;
    
text-decorationnone;
}
.
dyn_menuA li {
    
font-size85%;
}

ce dernier n'est pas encore très au point...
Et pour la feuille de style dédié à NN/firefox (styleNN.css), ajoutez dans ce dernier la portion de code ci-dessous :
/* Définition utilisée pour le bloc multimenu */
#dyn_menu {
    
width100%;
}
dldtddulli {
    
margin0px;
    
padding0px;
    list-
style-typenone;
}
#dyn_menu dt {
    
cursorpointer;
    
height20px;
    
line-height20px;
    
text-aligncenter;
    
font-weightbold;
    
background#ccc;
}
#dyn_menu dt a {
    
color#000;
    
text-decorationnone;
    
displayblock;
    
border0 none;

#dyn_menu dt:hover {
    
background#eee;

.
dyn_menuA dd {
    
position :absolute;
    
z-index100;
    
left 18em;
    
margin-top: -2em;
    
width10em;
    
background#A9BFCB;
    
border1px solid #76809C;
}
#dyn_menu .dyn_menuA dt {
    
text-aligncenter;
    
background#fff;
    
border0 none;
    
margin-bottom1px;
}
#dyn_menu .dyn_menuA dt a {
    
border-left8px solid #BDCEE0;
    
color#334D55; background-color: #FFFFFF;
    
text-decorationnone;
}
#dyn_menu .dyn_menuA dt a:hover {
    
color#FFFFFF;  background-color: #BDCEE0;
    
border-left8px solid #DD6900;
    
text-decorationnone;
}
.
dyn_menuli, .dyn_menuA li {
    
text-aligncenter;
    
background#fff;
}
.
dyn_menuli a, .dyn_menuA li a {
    
displayblock;
    
margin-bottom1pxpadding4px;
    
border0 none;
    
border-left8px solid #BDCEE0;
    
color#334D55; background-color: #FFFFFF;
    
text-decorationnone;
}
.
dyn_menuli a:hover, .dyn_menuA li a:hover {
    
color#FFFFFF;  background-color: #BDCEE0;
    
border-left8px solid #DD6900;
    
text-decorationnone;
}
.
dyn_menuA li {
    
font-size85%;
}


Pour voir ce combo à l'oeuvre, il vous suffit d'allez faire un petit tour sur le site de test (http://kernchr.free.fr/LiPom/). Mais aussi en regardant les petites images ci dessous :
Open in new windowOpen in new windowOpen in new window

PS : le thème de base est une adaptation de celui de fanfane84
re-PS : les codes ont été modifiés.

Posté le : 19/02/2006 16:47

Edité par PinMaster sur 21/02/2006 16:22:57
Partager Twitter Partagez cette article sur GG+
Re: [TEST] multiMenu 1.8 beta, quand multiMenu devient dynamique
Admin Frxoops
Inscrit: 04/02/2003 07:37
De Belgique
Messages: 3376
He he, bravo, je vois que multiMenu version dynamic, suscite l'intérêt et l'imagination.


Posté le : 19/02/2006 18:37
Partager Twitter Partagez cette article sur GG+

 Haut   Précédent   Suivant
« 1 ... 14 15 16 (17) 18 19 20 ... 45 »



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

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