Fork me on GitHub




(1) 2 »


Menu déroulant vertical - Rarissime ou impossible - Urgent
Aspirant
Inscrit: 06/06/2005 18:35
De Dans le coin en bas í Â  droite
Messages: 34
Bonjour,

Je suis parti d'un theme 7dana-soft. Au niveau de la barre verticale ou se trouve des boutons j'aimerai que :

- Le passage de la souris déploie un menu vertical (sur plusieurs niveaux).

J'ai bien tenté avec un JS mais impossible de le faire apparaitre dans ce theme il me semble avoir des lacune au niveau de l'enchevetrement des tableaux html. Et quand j'y arrive il y a un autre probleme c'est que le menu ne déroule pas au delà du bord inférieur de la table, donc en gros il sert à rien.

Ca doit pas être sorcier mais je n'y arrive pas.

Merci.

Posté le : 03/10/2005 16:36

Edité par radiator sur 03/10/2005 17:27:03
Partager Twitter Partagez cette article sur GG+
Re: Menu déroulant vertical - Rarissime ou impossible - Urgent
Régulier
Inscrit: 14/06/2004 13:20
Messages: 374
Salut,

tu n'en dis pas assez. Ton site est tout en flash. A partir de html...
Je ne vois pas xoops ?
Met un lien vers ton site xoops que l'on voit le problème.
Là je comprend rien.
A+

Posté le : 03/10/2005 18:15

Baronxoops d'accord, mais loin d'être le roi
Partager Twitter Partagez cette article sur GG+
Re: Menu déroulant vertical - Rarissime ou impossible - Urgent
Xoops accro
Inscrit: 04/02/2003 01:54
De Le Mans
Messages: 12273
Regarde plutôt par ici, pas besoin de javascript. Il te suffira d'enrichir ta feuille de style (style.css) et de mettre le code html dans un bloc personnalisé au format html.

Posté le : 03/10/2005 18:30
Partager Twitter Partagez cette article sur GG+
Re: Menu déroulant vertical - Rarissime ou impossible - Urgent
Aspirant
Inscrit: 06/06/2005 18:35
De Dans le coin en bas í Â  droite
Messages: 34
Merci.
Je viens de piger l'histoire du bloc central. Je vais voir si j'y arrive sinonje reviens :p.

Pour informations

Voici le site. http://www.destinationsdumonde.fr/xoops/index.php

Voici le code du theme.html :

"<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="<{$xoops_langcode}>" lang="<{$xoops_langcode}>">
<head>
<meta http-equiv="content-type" content="text/html; charset=<{$xoops_charset}>" />
<meta http-equiv="content-language" content="<{$xoops_langcode}>" />
<meta name="robots" content="<{$xoops_meta_robots}>" />
<meta name="keywords" content="<{$xoops_meta_keywords}>" />
<meta name="description" content="<{$xoops_meta_description}>" />
<meta name="rating" content="<{$xoops_meta_rating}>" />
<meta name="author" content="<{$xoops_meta_author}>" />
<meta name="copyright" content="<{$xoops_meta_copyright}>" />
<meta name="generator" content="XOOPS" />
<title><{$xoops_sitename}> - <{$xoops_pagetitle}></title>
<link href="<{$xoops_url}>/favicon.ico" rel="SHORTCUT ICON" />
<link rel="stylesheet" type="text/css" media="all" href="<{$xoops_url}>/xoops.css" />
<link rel="stylesheet" type="text/css" media="all" href="<{$xoops_themecss}>" />
<!-- RMV: added module header -->
<{$xoops_module_header}>
<script type="text/javascript">
<!--
<{$xoops_js}>
//-->
</script>
</head>
<body>
<table border="0" align="center" cellpadding="0" cellspacing="0" class="okvir_main">
<tr>
<td>
<table width="100%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="21"><img src="<{$xoops_imageurl}>images/top_tab_left.gif" border="0" /></td>
<td align="middle" width="100%" background="<{$xoops_imageurl}>images/top_tab_bg.gif"></td>
<td width="21"><img src="<{$xoops_imageurl}>images/top_tab_right.gif" border="0" /></td></tr></table>
<table width="100%" border="0" align="center" cellpadding="0" cellspacing="0" id="okvir">
<tr>
<td>
<table width="100%" border="0" cellpadding="0" cellspacing="0" id="header">
<tr>
<td id="headerlogo"><div align="center">
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/sh ... ash/swflash.cab#version=6,0,29,0" width="550" height="100">
<param name="movie" value="../../../flash/banniere_DM_dev.swf" />
<param name="quality" value="high" />
<embed src="../../../flash/banniere_DM_dev.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="550" height="100"></embed>
</object>
&nbsp;</div></td>
</tr>
</table>
<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td>
<TABLE cellSpacing=0 cellPadding=0 width="100%" border=0 BOTTOMMARGIN="0">
<tr align="center">
<td colspan="6" bgcolor="#A9ABA7" class="sat"><span id="clock"></span> <script language="JavaScript" type="text/javascript" src="<{$xoops_imageurl}>images/clock.js" >
</script> <span id="clock2"></span> </td>
<td width="0%" id="headmenu">&nbsp;</td>
<td width="0%" id="headmenu">&nbsp;</td>
</tr>
<TR>
<TD width="29%" height="19" class="subnavigate" >
<DIV width="100%"; padding-left:15px; id=describe onmouseover=clear_delayhide() onmouseout=resetit(event)></DIV>
<SCRIPT language=JavaScript1.2>
var submenu=new Array()
submenu[1]=''
submenu[2]='<{$promo}>'
submenu[3]='<{$liens2}>'
submenu[4]='<{$contact}>'
submenu[5]='&nbsp;<a href="<{$xoops_url}>/modules/mydownloads/submit.php">SUBMIT DOWNLOAD</a>&nbsp;|&nbsp;<a href="<{$xoops_url}>/modules/mydownloads/topten.php?hit=1">POPULAR</a>&nbsp;|&nbsp;<a href="<{$xoops_url}>/modules/mydownloads/topten.php?rate=1">TOP RATED</a>&nbsp;'
submenu[6]=''
submenu[7]='&nbsp;<a href="<{$xoops_url}>/modules/contact/">CONTACT US</a>&nbsp;|&nbsp;<a href="mailto:your@email.com?subject=Contact%20from%20web%20site">SEND EMAIL</a>'
var delay_hide=750
var menuobj=document.getElementById? document.getElementById("describe") : document.all? document.all.describe : document.layers? document.dep1.document.dep2 : ""
function showit(which){
clear_delayhide()
thecontent=(which==-1)? "" : submenu[which]
if (document.getElementById||document.all)
menuobj.innerHTML=thecontent
else if (document.layers){
menuobj.document.write("<font color='#000000'>"+thecontent+"</font>")
menuobj.document.close()
}
}
function resetit(e){
if (document.all&&!menuobj.contains(e.toElement))
delayhide=setTimeout("showit(-1)",delay_hide)
else if (document.getElementById&&e.currentTarget!= e.relatedTarget&& !contains_ns6(e.currentTarget, e.relatedTarget))
delayhide=setTimeout("showit(-1)",delay_hide)
}
function clear_delayhide(){
if (window.delayhide)
clearTimeout(delayhide)
}
function contains_ns6(a, b) {
while (b.parentNode)
if ((b = b.parentNode) == a)
return true;
return false;
}
</SCRIPT>
</TD>
<td width="19%" align="center" id="headmenu"><a onmouseover="showit(1)" class="menuHead" href="<{$xoops_url}>/index.php"><{$accueil}></a></td>
<td width="24%" align="center" id="headmenu"><a onmouseover="showit(2)" class="menuHead" href="<{$xoops_url}>/modules/tinycontent\index.php?id=4">Promotion</a></td>
<td width="14%" align="center" id="headmenu"><a onmouseover="showit(3)" class="menuHead" href="<{$xoops_url}>/modules/tinycontent\index.php?id=8"><{$liens}></a></td>
<td width="14%" align="center" id="headmenu"><a onmouseover="showit(4)" class="menuHead" href="<{$xoops_url}>/modules/contact/">Contact</a></td>
</TR>
<TR>
<TD height="2" colspan="6" class="subnavigate" ><img src="../../../images/ligne_head_02.gif" width="800" height="5" /></TD>
</TR>
</table>
</td>
</tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="180" class="headerprvi">&nbsp; </td>
<td><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="pozdrav" align="right"> &nbsp;&nbsp;<{if $xoops_isuser}> <{$bonjour}> <a href="<{$xoops_url}>/user.php"><{$xoops_uname}></a>&nbsp;&nbsp;&nbsp;<a href="<{$xoops_url}>/user.php"><{$compte}></a>&nbsp; <{else}> <a href="<{$xoops_url}>/register.php"><{$enregistrer}>

</a> <{/if}> <span class="right"> <{if $xoops_isuser}>
<a href="<{$xoops_url}>/user.php?op=logout"><{$deconnexion}></a> <{else}> &nbsp;&nbsp;&nbsp;<a href="<{$xoops_url}>/user.php"><{$Connexion}></a>
<{/if}> </span>
</td>
</tr>
</table></td>
</tr>
</table>
<table border="0" cellpadding="0" cellspacing="0" id="glavna">
<td id="leftcolumn">
<a href="index.php"><img src="../../../images/logo_gris_theme_DM.gif" alt="" border="0" /></a>
<!-- Start left blocks loop -->
<{foreach item=block from=$xoops_lblocks}> <div class="<{cycle values="blockTitle"}>"><{$block.title}></div>
<div class="blockContent"><{$block.content}>
<p><img src="<{$xoops_imageurl}>images/160.gif" width="150" height="1" alt="" /></p>
<{/foreach}>
<!-- End left blocks loop -->
</div>
<div align="center"></div>
<table width="187" border="0">
<tr>
<td width="167"><div align="center">Distributeur exclusif </div></td>
</tr>
<tr>
<td><div align="center"><a href="http://www.directours.com" target="_blank"><img src="../../../images/logo_directours.jpg" alt="Site Directours" width="102" height="33" border="0" /></a></div></td>
</tr>
<tr>
<td><div align="center">Région PACA </div></td>
</tr>
<tr>
<td><p>&nbsp;</p>
<p align="center"><img src="../../../images/FEUIL_FOND_TRANSPARENT.gif" width="158" height="27" /></p>
</td>
</tr>
</table>
<p><br />
</p></td>
<td id="centercolumn">

<!-- Display center blocks if any -->
<{if $xoops_showcblock == 1}> <table class="sadrzaj" cellspacing="0">
<tr>
<td id="centerCcolumn" colspan="2">
<!-- Start center-center blocks loop -->
<{foreach item=block from=$xoops_ccblocks}> <table align="center" cellpadding="0" cellspacing="2">
<tr>
<td> <div class="blockTitle"><{$block.title}></div>
<div class="blockContent"><{$block.content}></div></td>
</tr>
</table>
<{/foreach}>
<!-- End center-center blocks loop -->
</td>
</tr>
<tr>
<td id="centerLcolumn">
<!-- Start center-left blocks loop -->
<{foreach item=block from=$xoops_clblocks}> <table class="blok" align="center" cellpadding="3" cellspacing="2">
<tr>
<td> <div class="blockTitle"><{$block.title}></div>
<div class="blockContent"><{$block.content}></div></td>
</tr>
</table>
<{/foreach}>
<!-- End center-left blocks loop -->
</td>
<td id="centerRcolumn">
<!-- Start center-right blocks loop -->
<{foreach item=block from=$xoops_crblocks}> <table class="blok" align="center" cellpadding="3" cellspacing="2">
<tr>
<td> <div class="blockTitle"><{$block.title}></div>
<div class="blockContent"><{$block.content}></div></td>
</tr>
</table>
<{/foreach}>
<!-- End center-right blocks loop -->
</td>
</tr>
</table>
<{/if}>
<!-- End display center blocks -->
<div id="content"> <{$xoops_contents}> </div>
<br /> <br /> <br /> </td>
<{if $xoops_showrblock == 1}>
<td id="rightcolumn">
<!-- Start right blocks loop -->
<{foreach item=block from=$xoops_rblocks}> <div class="<{cycle values="blockTitle"}>"><{$block.title}></div>
<div class="blockContent"><{$block.content}></div>
<img src="<{$xoops_imageurl}>images/160.gif" width="150" height="1" alt="" />
<{/foreach}>
<!-- End right blocks loop -->
<br />
<br /> </td>
<{/if}> </tr>
<tr>
<td colspan="3" class="line_main"><div class="privatnost">
<div align="center"><br />
<{$xoops_footer}><br />
<br />
</div>
</div></td>
</tr>
</table></td>
</tr>
</table>
<table width="100%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="21"><img
src="<{$xoops_imageurl}>images/bot_cat_left.gif"
border="0" /></td>
<td align="middle" width="100%"
background="<{$xoops_imageurl}>images/bot_cat_bg.gif"></td>
<td width="21"><img
src="<{$xoops_imageurl}>images/bot_cat_right.gif"
border="0" /></td>
</tr>
</table>
</td>
</tr>
</table><br />
</body>
</html>
"
J'aimerai un menu déroulant pour les boutons "promotions", "liens" ,etc...

Posté le : 03/10/2005 18:56

Edité par radiator sur 03/10/2005 19:47:34
Partager Twitter Partagez cette article sur GG+
Re: Menu déroulant vertical - Rarissime ou impossible - Urgent
Aspirant
Inscrit: 06/06/2005 18:35
De Dans le coin en bas í Â  droite
Messages: 34
Arff !!

Je n'y arrive pas. Je fais bien un bloc mais le html n'est pas lu.
Donc voila, point de départ.

Posté le : 03/10/2005 22:37
Partager Twitter Partagez cette article sur GG+
Re: Menu déroulant vertical - Rarissime ou impossible - Urgent
Xoops accro
Inscrit: 04/02/2003 01:54
De Le Mans
Messages: 12273
La solution que j'ai proposé fonctionne. J'ai téléchargé le thème 7dana_soft, et intégré un menu comme tu souhaites avec le lien que j'ai fourni tout à l'heure chez alsacreations.

Le fichier zip contient le thème modifié et un fichier screenshot.jpg qui prouve que çà marche (réalisé en moins de 10mn mais j'ai surement eu de la chance)

Attacher un fichier:


zip 7dana-soft_avec_menus_horizontaux_deroulants.zip Taille: 114.86 KB; Hits: 208

jpg  screenshot.jpg (73.09 KB)
11_4341a4202f999.jpg 797X622 px

Posté le : 03/10/2005 23:34
Partager Twitter Partagez cette article sur GG+
Re: Menu déroulant vertical - Rarissime ou impossible - Urgent
Xoops accro
Inscrit: 25/02/2004 00:20
De Région parisienne
Messages: 2526
Il y a aussi ce post qui propose un menu compatible avec différents os et navigateur.


https://www.frxoops.org/modules/newbb/ ... t_id=41348#forumpost41348

Posté le : 04/10/2005 01:29
Partager Twitter Partagez cette article sur GG+
Re: Menu déroulant vertical - Rarissime ou impossible - Urgent
Aspirant
Inscrit: 06/06/2005 18:35
De Dans le coin en bas í Â  droite
Messages: 34
Salut,

J'ai bien vu ton menu en effet ça marche. J'ai encore des progres à faire au niveau de la construction des themes mais j'ai pas trop le temps. Alors là le nouveau probleme c'est que le sous menu qui s'ouvre décale le contenu du bloc central vers le bas, alors qu moi je voudrais qu'il s'ouvre par dessus comme sur ce site : http://www.voyageursdumonde.com/vdm/index.asp mais c'est peut être pas faisable, pourtant je vois pas pourquoi.

Posté le : 04/10/2005 10:09
Partager Twitter Partagez cette article sur GG+
Re: Menu déroulant vertical - Rarissime ou impossible - Urgent
Xoops accro
Inscrit: 25/02/2004 00:20
De Région parisienne
Messages: 2526
Je pense que les fichiers menu.css et menu.js sont absents.

Ca veux donc dire ou qu'ils ne sont pas sur ton serveur ou qu'ils ne sont pas dans le bon répertoire sur ton serveur.

Ca devrait résoudre ton problème de décalage.

Posté le : 04/10/2005 10:40
Partager Twitter Partagez cette article sur GG+
Re: Menu déroulant vertical - Rarissime ou impossible - Urgent
Aspirant
Inscrit: 06/06/2005 18:35
De Dans le coin en bas í Â  droite
Messages: 34
Je ne pense pas. Le menu fonctionne bien mais ne passe pas par dessus le reste comme je voudrais. Le décalage du à l'apparition des sous menus ne sont pas du plus bel effet :p

Pourtant quand je regarde le screenshot je vois bien que le sous menu passe par dessus l'image. Pas chez moi pourtant j'ai mis tout les fichiers sur le serveur.

Posté le : 04/10/2005 11:01

Edité par radiator sur 04/10/2005 11:21:59
Edité par radiator sur 04/10/2005 12:38:35
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

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