|
|
adapter un thème |
|
Régulier  
Inscrit: 04/09/2005 16:44
De Belgique - Villers la ville
|
bonjour j'aimerais inclure ce code sur une image pour faire la bannière de mon thème. en vain..... merci pour votre aide
<div id="menu">
<div id="menu2">
<ul>
<li><a href="direction.html" title="Direction">Direction</a></li>
<li><a href="secretariat.html" title="Secrétariat">Secrétariat</a></li>
<li><a href="inscription.html" title="Inscriptions">Inscriptions</a></li>
<li><a href="projet-pedagogique.html" title="Projet pédagogique">Projet pédagogique</a></li>
<li><a href="educateur.html" title="Éducateurs">Éducateurs</a></li>
<li><a href="accompagnement.html" title="Aides et mesures d'accompagnement">Accompagnement</a></li>
<li><a href="activite.html" title="Activités">Activités</a></li>
<li><a href="grille-horaire.html" title="Grilles Horaires">Grilles Horaires</a></li>
<li><a href="organisation-horaire.html" title="Horaire de l'école">Horaire de l'école</a></li>
<li><a href="ephemeride.html" title="Éphémérides">Éphémérides</a></li>
</ul>
<img src="images/interface/menu<?php echo '-'.$menugeneral ;?>.png" usemap="#mape" width="628" height="115" alt="menu" />
<map id="mape" name="mape">
<?php
$coordx1=0;
$coordx2=141;
$coordx3=192;
$coordx4=51;
$coordxhover=3;
?>
<area shape="poly" onMouseOver="menuhover('menu2','<?php echo $coordxhover ; ?>px');" onMouseOut="menuhover('menu2','-169px');" coords="<?php echo $coordx1 ; ?>,115, <?php echo $coordx2 ; ?>,0, <?php echo $coordx3 ; ?>,0, <?php echo $coordx4 ; ?>,115" href="direction.html" alt="Direction" title="Direction" />
<area shape="poly" onMouseOver="menuhover('menu2','<?php echo $coordxhover+=51 ; ?>px');" onMouseOut="menuhover('menu2','-169px');" coords="<?php echo $coordx1+=51 ; ?>,115, <?php echo $coordx2+=51 ; ?>,0, <?php echo $coordx3+=51 ; ?>,0, <?php echo $coordx4+=51 ; ?>,115" href="secretariat.html" alt="Secrétariat" title="Secrétariat" />
<area shape="poly" onMouseOver="menuhover('menu2','<?php echo $coordxhover+=51 ; ?>px');" onMouseOut="menuhover('menu2','-169px');" coords="<?php echo $coordx1+=51 ; ?>,115, <?php echo $coordx2+=51 ; ?>,0, <?php echo $coordx3+=51 ; ?>,0, <?php echo $coordx4+=51 ; ?>,115" href="inscription.html" alt="Inscriptions" title="Inscriptions" />
<area shape="poly" onMouseOver="menuhover('menu2','<?php echo $coordxhover+=51 ; ?>px');" onMouseOut="menuhover('menu2','-169px');" coords="<?php echo $coordx1+=51 ; ?>,115, <?php echo $coordx2+=51 ; ?>,0, <?php echo $coordx3+=51 ; ?>,0, <?php echo $coordx4+=51 ; ?>,115" href="projet-pedagogique.html" alt="Projet pédagogique" title="Projet pédagogique" />
<area shape="poly" onMouseOver="menuhover('menu2','<?php echo $coordxhover+=51 ; ?>px');" onMouseOut="menuhover('menu2','-169px');" coords="<?php echo $coordx1+=51 ; ?>,115, <?php echo $coordx2+=51 ; ?>,0, <?php echo $coordx3+=51 ; ?>,0, <?php echo $coordx4+=51 ; ?>,115" href="educateur.html" alt="Éducateurs" title="Éducateurs" />
<area shape="poly" onMouseOver="menuhover('menu2','<?php echo $coordxhover+=51 ; ?>px');" onMouseOut="menuhover('menu2','-169px');" coords="<?php echo $coordx1+=51 ; ?>,115, <?php echo $coordx2+=51 ; ?>,0, <?php echo $coordx3+=51 ; ?>,0, <?php echo $coordx4+=51 ; ?>,115" href="accompagnement.html" alt="Aides et mesures d'accompagnement" title="Aides et mesures d'accompagnement" />
<area shape="poly" onMouseOver="menuhover('menu2','<?php echo $coordxhover+=51 ; ?>px');" onMouseOut="menuhover('menu2','-169px');" coords="<?php echo $coordx1+=51 ; ?>,115, <?php echo $coordx2+=51 ; ?>,0, <?php echo $coordx3+=51 ; ?>,0, <?php echo $coordx4+=51 ; ?>,115" href="activite.html" alt="Activités" title="Activités" />
<area shape="poly" onMouseOver="menuhover('menu2','<?php echo $coordxhover+=51 ; ?>px');" onMouseOut="menuhover('menu2','-169px');" coords="<?php echo $coordx1+=51 ; ?>,115, <?php echo $coordx2+=51 ; ?>,0, <?php echo $coordx3+=51 ; ?>,0, <?php echo $coordx4+=51 ; ?>,115" href="grille-horaire.html" alt="Grilles Horaires" title="Grilles Horaires" />
<area shape="poly" onMouseOver="menuhover('menu2','<?php echo $coordxhover+=51 ; ?>px');" onMouseOut="menuhover('menu2','-169px');" coords="<?php echo $coordx1+=51 ; ?>,115, <?php echo $coordx2+=51 ; ?>,0, <?php echo $coordx3+=51 ; ?>,0, <?php echo $coordx4+=51 ; ?>,115" href="organisation-horaire.html" alt="Organisation horaire" title="Organisation horaire" />
<area shape="poly" onMouseOver="menuhover('menu2','<?php echo $coordxhover+=51 ; ?>px');" onMouseOut="menuhover('menu2','-169px');" coords="<?php echo $coordx1+=51 ; ?>,115, <?php echo $coordx2+=51 ; ?>,0, <?php echo $coordx3+=51 ; ?>,0, <?php echo $coordx4+=51 ; ?>,115" href="ephemeride.html" alt="Éphémérides" title="Éphémérides" />
</map>
</div>
</div>
c'est le code de notre site actuel mais réalisé par quelqu'un d'autre. Je voudrais réintroduire cette présentation dans un thème xoops.
Posté le : 10/12/2013 12:10
|
--------------- Merci à vous --------------- Merentar 
|
|
|
Re: adapter un thème |
|
Aspirant  
Inscrit: 01/09/2007 08:40
De Île de la Réunion (974)
|
Bonsoir, Vous avez bien une zone "image" avec des liens actifs dedans, et en haut des ul / li ... Bon, je ne comprends pas trop ce que vous voulez, en fait il faudrait l'image, et après tester ... Voulez vous de cette partie que j'ai (haut de votre page) en testant votre page et qui est : Citation :
- Direction
- Secrétariat
- Inscriptions
- Projet pédagogique
- Éducateurs
- Accompagnement
- Activités
- Grilles Horaires
- Horaire de l'école
- Éphémérides
Ce sont le li/ul ... Ou alors voulez vous une seule image cliquable ? Et rien d'autre ... Préciser et envoyer l'image SVP Bruno
Posté le : 10/12/2013 19:17
|
|
|
|
|
Re: adapter un thème |
|
Régulier Inscrit: 04/09/2005 16:44
De Belgique - Villers la ville
|
sur l'image, il faudrait tous ces liens actifs.
c'est donc un menu, avec tous les liens les uns à côtés des autres (à la base, ils sont même de travers (au niveau design)).
est-ce plus clair?
(je ferai des copies d'écrans demain)
Merci beaucoup déjà
Posté le : 10/12/2013 22:53
|
|
|
|
|
Re: adapter un thème |
|
Aspirant Inscrit: 01/09/2007 08:40
De Île de la Réunion (974)
|
Bonjour, Pour moi c'est presque bon :
<div id="menu">
<div id="menu2">
<img src="images/interface/menu<?php echo '-'.$menugeneral ;?>.png" usemap="#mape" width="628" height="115" alt="menu" />
<map id="mape" name="mape">
<?php
$coordx1=0;
$coordx2=141;
$coordx3=192;
$coordx4=51;
$coordxhover=3;
?>
<area shape="poly" onMouseOver="menuhover('menu2','<?php echo $coordxhover ; ?>px');" onMouseOut="menuhover('menu2','-169px');" coords="<?php echo $coordx1 ; ?>,115, <?php echo $coordx2 ; ?>,0, <?php echo $coordx3 ; ?>,0, <?php echo $coordx4 ; ?>,115" href="direction.html" alt="Direction" title="Direction" />
<area shape="poly" onMouseOver="menuhover('menu2','<?php echo $coordxhover+=51 ; ?>px');" onMouseOut="menuhover('menu2','-169px');" coords="<?php echo $coordx1+=51 ; ?>,115, <?php echo $coordx2+=51 ; ?>,0, <?php echo $coordx3+=51 ; ?>,0, <?php echo $coordx4+=51 ; ?>,115" href="secretariat.html" alt="Secrétariat" title="Secrétariat" />
<area shape="poly" onMouseOver="menuhover('menu2','<?php echo $coordxhover+=51 ; ?>px');" onMouseOut="menuhover('menu2','-169px');" coords="<?php echo $coordx1+=51 ; ?>,115, <?php echo $coordx2+=51 ; ?>,0, <?php echo $coordx3+=51 ; ?>,0, <?php echo $coordx4+=51 ; ?>,115" href="inscription.html" alt="Inscriptions" title="Inscriptions" />
<area shape="poly" onMouseOver="menuhover('menu2','<?php echo $coordxhover+=51 ; ?>px');" onMouseOut="menuhover('menu2','-169px');" coords="<?php echo $coordx1+=51 ; ?>,115, <?php echo $coordx2+=51 ; ?>,0, <?php echo $coordx3+=51 ; ?>,0, <?php echo $coordx4+=51 ; ?>,115" href="projet-pedagogique.html" alt="Projet pédagogique" title="Projet pédagogique" />
<area shape="poly" onMouseOver="menuhover('menu2','<?php echo $coordxhover+=51 ; ?>px');" onMouseOut="menuhover('menu2','-169px');" coords="<?php echo $coordx1+=51 ; ?>,115, <?php echo $coordx2+=51 ; ?>,0, <?php echo $coordx3+=51 ; ?>,0, <?php echo $coordx4+=51 ; ?>,115" href="educateur.html" alt="Éducateurs" title="Éducateurs" />
<area shape="poly" onMouseOver="menuhover('menu2','<?php echo $coordxhover+=51 ; ?>px');" onMouseOut="menuhover('menu2','-169px');" coords="<?php echo $coordx1+=51 ; ?>,115, <?php echo $coordx2+=51 ; ?>,0, <?php echo $coordx3+=51 ; ?>,0, <?php echo $coordx4+=51 ; ?>,115" href="accompagnement.html" alt="Aides et mesures d'accompagnement" title="Aides et mesures d'accompagnement" />
<area shape="poly" onMouseOver="menuhover('menu2','<?php echo $coordxhover+=51 ; ?>px');" onMouseOut="menuhover('menu2','-169px');" coords="<?php echo $coordx1+=51 ; ?>,115, <?php echo $coordx2+=51 ; ?>,0, <?php echo $coordx3+=51 ; ?>,0, <?php echo $coordx4+=51 ; ?>,115" href="activite.html" alt="Activités" title="Activités" />
<area shape="poly" onMouseOver="menuhover('menu2','<?php echo $coordxhover+=51 ; ?>px');" onMouseOut="menuhover('menu2','-169px');" coords="<?php echo $coordx1+=51 ; ?>,115, <?php echo $coordx2+=51 ; ?>,0, <?php echo $coordx3+=51 ; ?>,0, <?php echo $coordx4+=51 ; ?>,115" href="grille-horaire.html" alt="Grilles Horaires" title="Grilles Horaires" />
<area shape="poly" onMouseOver="menuhover('menu2','<?php echo $coordxhover+=51 ; ?>px');" onMouseOut="menuhover('menu2','-169px');" coords="<?php echo $coordx1+=51 ; ?>,115, <?php echo $coordx2+=51 ; ?>,0, <?php echo $coordx3+=51 ; ?>,0, <?php echo $coordx4+=51 ; ?>,115" href="organisation-horaire.html" alt="Organisation horaire" title="Organisation horaire" />
<area shape="poly" onMouseOver="menuhover('menu2','<?php echo $coordxhover+=51 ; ?>px');" onMouseOut="menuhover('menu2','-169px');" coords="<?php echo $coordx1+=51 ; ?>,115, <?php echo $coordx2+=51 ; ?>,0, <?php echo $coordx3+=51 ; ?>,0, <?php echo $coordx4+=51 ; ?>,115" href="ephemeride.html" alt="Éphémérides" title="Éphémérides" />
</map>
</div>
</div>
Sauf qu'il faut affecter une image à $menugeneral :
images/interface/menu<?php echo '-'.$menugeneral ;?>.png
Car ça donne :
<img src="images/interface/menu-.png" usemap="#mape" width="628" height="115" alt="menu" />
Voilà ... Dites moi ce que vous en pensez ... Bruno
Posté le : 11/12/2013 15:05
|
|
|
|
|
Re: adapter un thème |
|
Régulier Inscrit: 04/09/2005 16:44
De Belgique - Villers la ville
|
je n'y connais pas grand chose mais effectivement, cette ligne me pose problème...
Pour le moment, j'obtiens un grand rectangle gris...
et quand j'ouvre l'image dans un nouvel onglet, j'obtiens:
images/interface/menu<?php%20echo%20'-'.$menugeneral%20;?>.png
Mille mercis en tout cas.
Posté le : 11/12/2013 16:39
|
|
|
|
|
Re: adapter un thème |
|
Régulier Inscrit: 04/09/2005 16:44
De Belgique - Villers la ville
|
voilà ce que je devrai avoir (image partielle) 
Posté le : 11/12/2013 17:14
|
|
|
|
|
Re: adapter un thème |
|
Aspirant Inscrit: 01/09/2007 08:40
De Île de la Réunion (974)
|
Visiblement vos balises PHP ne sont pas reconnus ... Car quand vous ouvrez la page dans un autre onglet, il y a des trace de votre code PHP ...
Bon, vous codez en PHP régulièrement ? Éventuellement, vous m'envoyer l'image complète par mail et je regarde ce que je peux faire, ou alors, vous m'envoyer par mail le thème XOOPS complet, je l'installe et regarde ce que je peux faire ... C'est surement plus simple pour moi ...
Qu'en pensez vous ? Est-ce urgent votre truc ?
Bruno
Posté le : 11/12/2013 19:03
|
|
|
|
|
Re: adapter un thème |
|
Régulier Inscrit: 04/09/2005 16:44
De Belgique - Villers la ville
|
bien le bonsoir je ne code pas en php... je cherche, je trouve, je copie,... ça se limite à ça. je me suis proposé pour ma direction d'école de transformer le site existant (super rigide) en site xoops mais la demande est de garder le look (bannière) de l'existant. Je ne sais pas si c'est mega urgent. mais j'aimerais avancer dans le thème pour pouvoir faire le reste pendant le congé de Noel. le thème que dont j'aurais voulu m'inspirer est maitscoportal ( http://xoops.org/modules/news/article.php?storyid=5089) Mille mercis en tout cas. A+
Posté le : 11/12/2013 20:50
|
|
|
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.
|
![Open in new window](javascript:CaricaFoto("http://www.ccmprimaire.be/htdoc/themes/7dana-clean/essai.jpg");)
