Logo+entete en même temps

[mickey1803]

Bonjour à tous,

J'ai regardé les vidéos d'Arnaud Frich, cependant, je sèche et me prends la tête avec panotour pro 2.3.

Comme le montrent les différents exemples sur le site de Kolor, je souhaite faire cohabiter une barre de menus en haut, et un logo par dessus, à gauche. Voire même, soyons fous, comme le pano du "panoramic", une barre personnalisée en haut avec un logo intégré au menu !

Mais ça coince, bien que placé en haut dans la liste des plugins actifs de la visite dans l'onglet style, le logo, est toujours en dessous du bandeau. J'ai essayé plein de bidouilles, passer par une image au lieu du plugin "logo", passer par un bouton, etc.... Ca ne fonctionne pas....

C'est pourtant bien possible, puisque les exemples de Kolor le montrent . Dommage que la page du manuel en ligne ne soit pas à jour avec tout ça !

Merci d'avance pour votre aide.

Stéphane.

[Stuart]

Je ne fais pratiquement plus de visite virtuelle, mais j'aurai procédé comme ceci: pour placer ton menu et ton logo où cela te plait, il faut que tu passes par les fichiers .xml et que tu les modifies manuellement.

Voici un exemple pour la barre de menu:

Code : Tout sélectionner

<plugin name="in" align="bottom" crop="0|0|65|65" customColor="true" height="prop" keep="true" ondown="set(fov_moveforce,-1);" onout="" onover="" onovercrop="0|65|65|65" onup="set(fov_moveforce,0);" url="Halongdata/graphics/menu/menu0.png" width="40" x="-160" y="10"/>
    <plugin name="out" align="bottom" crop="0|0|65|65" customColor="true" height="prop" keep="true" ondown="set(fov_moveforce,+1);" onout="" onover="" onovercrop="0|65|65|65" onup="set(fov_moveforce,0);" url="Halongdata/graphics/menu/menu1.png" width="40" x="-120" y="10"/>
    <plugin name="left" align="bottom" crop="0|0|65|65" customColor="true" height="prop" keep="true" ondown="set(hlookat_moveforce,-1);" onout="" onover="" onovercrop="0|65|65|65" onup="set(hlookat_moveforce,0);" url="Halongdata/graphics/menu/menu2.png" width="40" x="-80" y="10"/>
    <plugin name="right" align="bottom" crop="0|0|65|65" customColor="true" height="prop" keep="true" ondown="set(hlookat_moveforce,+1);" onout="" onover="" onovercrop="0|65|65|65" onup="set(hlookat_moveforce,0);" url="Halongdata/graphics/menu/menu3.png" width="40" x="-40" y="10"/>
    <plugin name="up" align="bottom" crop="0|0|65|65" customColor="true" height="prop" keep="true" ondown="set(vlookat_moveforce,-1);" onout="" onover="" onovercrop="0|65|65|65" onup="set(vlookat_moveforce,0);" url="Halongdata/graphics/menu/menu4.png" width="40" x="0" y="10"/>
    <plugin name="down" align="bottom" crop="0|0|65|65" customColor="true" height="prop" keep="true" ondown="set(vlookat_moveforce,+1);" onout="" onover="" onovercrop="0|65|65|65" onup="set(vlookat_moveforce,0);" url="Halongdata/graphics/menu/menu5.png" width="40" x="40" y="10"/>
    <plugin name="home" align="bottom" crop="0|0|65|65" customColor="true" height="prop" keep="true" onclick="lookto(get(panoview.h),get(panoview.v),get(panoview.fov),smooth(100,20,50));" onout="" onover="" onovercrop="0|65|65|65" url="Halongdata/graphics/menu/menu6.png" width="40" x="80" y="10"/>
    <plugin name="openfs" align="bottom" crop="0|0|65|65" customColor="true" height="prop" keep="true" onclick="set(fullscreen,true);" onout="" onover="" onovercrop="0|65|65|65" url="Halongdata/graphics/menu/menu7.png" width="40" x="120" y="10"/>
    <plugin name="closefs" align="bottom" crop="0|0|65|65" customColor="true" height="prop" keep="true" onclick="set(fullscreen,false);" onout="" onover="" onovercrop="0|65|65|65" url="Halongdata/graphics/menu/menu8.png" visible="false" width="40" x="120" y="10"/>
    <plugin name="info" align="bottom" crop="0|0|65|65" height="prop" keep="true" onclick="displayHelp();" onout="" onover="" onovercrop="0|65|65|65" url="Halongdata/graphics/menu/menu9.png" width="40" x="160" y="10"/>
    <plugin name="helpScreen" align="center" customColor="true" keep="true" onclick="closeHelp();" url="Halongdata/graphics/menu/help.png" visible="false"/>

Ce code te donne le positionnement et la fonction de chaque bouton du menu

[philippe]

Je viens de faire un essai , avec le pied de page, la barre de contrôle, en-tête de page , ça fonctionne mais avec un style "Menu panoramas" pas réussi a réaliser un essai concluant ( toujours dessous ) .
Il faudrait poser la question sur le forum Kolor je pense .

[mickey1803]

merci pour vos réponses. C'est curieux en effet, car même en procédant de la même manière que sur le site "le panoramic" qui est décortiqué sur le site Kolor, ça ne fonctionne pas !

je vais tester le xml. Merci !

[mickey1803]

J'ai trouvé !! Ca m'a fait "tilt" en relisant le descriptif du pano. (http://www.kolor.com/wiki-en/action/vie ... rtual_tour). Ils superposent une zone de couleur, un menu pano et une image pour le logo. Mais il est question d'alpha ... Pour eux, ça semble fonctionner en baissant légèrement l'opacité de la couleur, pour ma part, j'ai carrément mis l'opacité du fond du menu à 0, et ça marche ! Ouf. Ca ressemble tout de même à un bug.

Merci encore.

[philippe]

Merci pour le retour Stéphane , je viens de réaliser le test de mon côté , ça fonctionne aussi

On contourne le problème avec cette manip, un bug ? Un oubli dans le tuto ? Ca vaudrait peut-être le coup de poser la question sur le forum Kolor ?

[mickey1803]

Complément de réponse, suit à un post laissé sur le forum Kolor pour ce problème.

Il s'agit en fait d'une limitation imposée par l'utilisation de plugins en HTML 5:

http://www.kolor.com/wiki-fr/Panotour_- ... s_Panotour

Ces plugins s'afficheront toujours au dessus, quelle que soit leur position dans la page style....

Pour contourner cela, dans l'exemple du panoramic, le menu était calé a droite, et espace vide a gauche comblé par une barre de couleur de même hauteur, qui, elle, permettait qu'on mette un logo par dessus.

Mais du coup, la technique du fond à 0% d'opacité pour le menu marche aussi.

Voici la réponse claire, et illustrée fournie sur le forum Kolor :
http://www.kolor.com/forum/viewtopic.php?f=93&t=25456

A plus

[philippe]

Merci Stéphane , maintenant nous connaissons la solution .
Encore merci pour l'info .