iWeb Beginner Forum Iweb Beginner : Forum d'assistance sur Apple iWeb

par **Lominala** » Mar 6 Oct 2009 05:44

Bonjour,
Mon site commençant à prendre de l'importance, j'apprécierais grandement de ne pas avoir à changer de menu sur ma trentaine de pages. En cherchant un peu j'ai vu que l'iframe répondait à mon promblème, et j'ai appliqué le code sur une page "test" pour le menu bleu à gauche. Mon problème c'est que quand on clique sur un lien du menu, la page s'ouvre dans l'iframe et non dans la page.

Je pense que la réponse à mon problème serait la balise _parent, mais je ne sais ni où ni comment l'insérer.
Sûrement sur les liens du menu mais iweb ne propose pas cette option, ce qui veut dire codage et widget HTML. En plus, je voudrais faire ce lien sur une zone de texte et pas sur le texte lui-même (possible avec iweb donc il doit bien y avoir un code, mais lequel...

). Or, je ne suis qu'une pauvre débutante capable de modifier certaines valeurs d'un code mais incapable d'en pondre un :oops:

Please help !

Code: Tout sélectionner: <div class="tinyText shadow_0" style="height: 30px; left: 14px; position: absolute; top: 363px; width: 163px; z-index: 1; "> <img usemap="#map1" id="shapeimage_2" src="Menu_accueil_files/shapeimage_2.png" style="border: none; height: 46px; left: -3px; position: absolute; top: -7px; width: 169px; z-index: 1; " alt="Goodies" title="" /><map name="map1" id="map1"><area href="Bit_lit_-_Goodies.html" title="Bit_lit_-_Goodies.html" alt="Bit_lit_-_Goodies.html" coords="3, 7, 166, 37" /></map> </div>

seules les valeurs entre les guillemets changent d'un lien à l'autre
elles commencent toutres par

Code: Tout sélectionner: <div class="tinyText shadow_

faut reperer la balise area
ici c'est

Code: Tout sélectionner: <area href="Bit_lit_-_Goodies.html" title="Bit_lit_-_Goodies.html" alt="Bit_lit_-_Goodies.html" coords="3, 7, 166, 37" />

faut rajouter target="_top" dans cette balise.

Code: Tout sélectionner: <area href="Bit_lit_-_Goodies.html" target="_top" title="Bit_lit_-_Goodies.html" alt="Bit_lit_-_Goodies.html" coords="3, 7, 166, 37" />

ça devrait marcher.

par **Lominala** » Mar 6 Oct 2009 08:05

Merci de ta réponse rapide

Marc a écrit:Il faut editer ta page de menu

Euh, je fais ça comment ? C'est une manip qu'il faudra refaire à chaque publication ?

par **Marc** » Mar 6 Oct 2009 08:33

Donc à chaque publication de cette page menu cad

à chaque modif sur cette page menu ou
quand tu choisis de publier tout le site

par **Lominala** » Mar 6 Oct 2009 08:53

J'ai compris en gros sauf comment faire pour éditer le code source de ma page, mais j'aimerais autant ne pas y toucher (la peur de faire LA boulette qui fera tout planter

).
Il n'y aurait pas une solution avec un widget HTML ?
Je suis embêtante désolée...

par **Kameograph** » Mer 23 Mar 2011 20:01

Hello, super comme forum, c'est une petite perle !

Bref je reviens à la charge, 2 ans plus tard lol.

Mon problème est le même, impossible d'afficher un menu en CSS dans une ifram sans que les pages soient affichée dans cette même ifram.

Le fichier html que j'ai ne comporte pas de target="_quelquechose, du coup même en ajoutant des target="_top" ou target="_blank" mes pages de redirection du menu s'affichent dans l'ifram, j'ai même essayer avec des <area.

Voici le fragment html de l'ifram utilisé :

Code: Tout sélectionner: <iframe name src="http://focus.photo.free.fr/Focus_Photo/MenuNoir.html" style="width:1130px; height:460px; border-width:0px; scrolling="non" > </iframe>

Voici le code html modifié du menu css de chez Apycom (très très bon leurs menus !!!) :

Code: Tout sélectionner: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="content-type" content="text/html;charset=utf-8" /> <title>Style 05 (Black) - Menu by Apycom.com</title> <link type="text/css" href="menu.css" rel="stylesheet" /> <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript" src="menu.js"></script> </head> <body> <style type="text/css"> * { margin:0; padding:0; } div#menu { margin:10px 0 0 300px; position:absolute; } div#copyright { font:11px 'Trebuchet MS'; color:#fff; text-align:center; clear:left; position:absolute; top:546px; width:560px; } div#copyright a { color:#06b3e1; } div#copyright a:hover { color:#fff; } </style> <div id="menu"> <ul class="menu"> <li><a href="#"><a href="http://www.focusphoto.fr/Focus_Photo/Welcome.html"><span>Welcome</span></a></li> <li><a href="#" class="parent"><span>KameoGraph</span></a> <div><ul> <li><a href="#"><a href="http://www.focusphoto.fr/Focus_Photo/Landscape_Numérique.html"><span>Landscape Numérique</span></a></li> <li><a href="#"><a href="http://www.focusphoto.fr/Focus_Photo/Landscapes_Argentique.html"><span>Landscape Argentique</span></a></li> <li><a href="#"><a href="http://www.focusphoto.fr/Focus_Photo/B%26W_Numérique.html"><span>B&W Numérique</span></a></li> <li><a href="#"><a href="http://www.focusphoto.fr/Focus_Photo/B%26W_Argentique.html"><span>B&W Argentique</span></a></li> <li><a href="#"><a href="http://www.focusphoto.fr/Focus_Photo/Macro.html"><span>Macro</span></a></li> <li><a href="#"><a href="http://www.focusphoto.fr/Focus_Photo/Vrac.html"><span>Vrac</span></a></li> <li><a href="#"><a href="http://www.focusphoto.fr/Focus_Photo/Humain.html"><span>Humain</span></a></li> <li><a href="#"><a href="http://www.focusphoto.fr/Focus_Photo/Prague.html"><span>Prague</span></a></li> <li><a href="#"><a href="http://www.focusphoto.fr/Focus_Photo/Self_Portait.html"><span>Self Portrait</span></a></li> </ul></div> </li> <li><a href="#" class="parent"><span>Olyve</span></a> <div><ul> <li><a href="#"><a href="http://www.focusphoto.fr/Focus_Photo/Paysages.html"><span>Paysages</span></a></li> <li><a href="#"><a href="http://www.focusphoto.fr/Focus_Photo/Macrophoto.html"><span>Macrophoto</span></a></li> <li><a href="#"><a href="http://www.focusphoto.fr/Focus_Photo/Vrac.html"><span>Vrac</span></a></li> </ul></div> </li> <li><a href="#" class="parent"><span>BFphotoProd</span></a> <div><ul> <li><a href="#"><a href="http://www.focusphoto.fr/Focus_Photo/Noir_%26_Blanc.html"><span>Noir & Blanc</span></a></li> <li><a href="#"><a href="http://www.focusphoto.fr/Focus_Photo/Couleur.html"><span>Couleur</span></a></li> </ul></div> </li> <li><a href="#"><a href="http://www.focusphoto.fr/Focus_Photo/Tutos.html"><span>Tutos</span></a></li> <li><a href="#"><a href="http://www.focusphoto.fr/Focus_Photo/Musiques.html"><span>Musiques</span></a></li> <li><a href="#" class="parent"><span>Contacts</span></a> <div><ul> <li><a href="#"><a href="http://www.focusphoto.fr/Focus_Photo/KameoGraph.html"><span>KameoGraph</span></a></li> <li><a href="#"><a href="http://www.focusphoto.fr/Focus_Photo/Olyve.html"><span>Olyve</span></a></li> <li><a href="#"><a href="http://www.focusphoto.fr/Focus_Photo/BFphotoProd.html"><span>BFphotoProd</span></a></li> </ul> </div> <div id="copyright">Copyright © 2011 <a href="http://apycom.com/">Apycom jQuery Menus</a></div> <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /> <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /> </body> </html>

Ne pas tenir compte des adresse de redirection, l'ifram est sur l'adresse de test en ligne et le code de la page est pour le site final.

Si quelqu'un a une idée c'est avec plaisir que je l'accueil (l'idée hein :lol:

).

Sachant que je suis un ultra débutant, je ne fais que modifier des pages html en regardant ce qui bouge...

, j'ai mis 3 jours pour déjà arriver à transformer ce menu et l'intégrer dans une ifram...

Merci d'avance.

par **Marc** » Jeu 24 Mar 2011 08:23

Prenons une ligne au hasrd

Code: Tout sélectionner: <li><a href="#"><a href="http://www.focusphoto.fr/Focus_Photo/Landscape_Numérique.html"><span>Landscape Numérique</span></a></li>

il faut effacer <a href="#">, ce qui donne :

Code: Tout sélectionner: <li><a href="http://www.focusphoto.fr/Focus_Photo/Landscape_Numérique.html"><span>Landscape Numérique</span></a></li>

puis il faut ajouter target="_top" dans la balise <a ....>

Code: Tout sélectionner: <li><a href="http://www.focusphoto.fr/Focus_Photo/Landscape_Numérique.html" target="_top"><span>Landscape Numérique</span></a></li>

En fait à l'avenir, voilà ce qu'il faut faire

Quand vous avez reçu votre menu les lignes se presentaient come cela

Code: Tout sélectionner: <li><a href="#"><span>Sub Item X.X</span></a>

remplacer # par l'url de votre page de destination

Code: Tout sélectionner: <li><a href="http://url/de/la/page.html"><span>Sub Item 1.1</span></a>

puis ajouter target="_top"

Code: Tout sélectionner: <li><a href="http://url/de/la/page.html" target="_top"><span>Sub Item 1.1</span></a>

par **Kameograph** » Jeu 24 Mar 2011 09:24

Hello Marc !

Un grand MERCI de chez un grand MERCI

!!! C'est vraiment trop sympa ! Ca fonctionne parfaitement, je vais me plonger dans les rudiments du HTML, plus je creuse et plus ça donne envi !

Je met le lien du site une fois terminé pour avoir l'avis des forumeurs et le tiens

Bonne journée ! Pour moi c'est bon grâce à toi lol

iWeb Beginner Forum Iweb Beginner : Forum d'assistance sur Apple iWeb

une iframe pour ne pas avoir à modifier le menu

une iframe pour ne pas avoir à modifier le menu

Publicité

Re: une iframe pour ne pas avoir à modifier le menu

Re: une iframe pour ne pas avoir à modifier le menu

Re: une iframe pour ne pas avoir à modifier le menu

Re: une iframe pour ne pas avoir à modifier le menu

Re: une iframe pour ne pas avoir à modifier le menu

Re: une iframe pour ne pas avoir à modifier le menu

Re: une iframe pour ne pas avoir à modifier le menu

Qui est en ligne