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

[vigxf]

Le Site est "livré".
Curieusement, la couleur par défaut du navigateur continue de s'afficher un court instant lors de la première visite.
Sans doute le code de mes pages est trop lent.

J'aurai bien aimé faire ouvrir un petit player dans une fenêtre séparée et redimensionnée en évitant que les anti-popUp des navigateurs la supprime.
Il y a pas mal de littérature sur ce sujet sans réponse nette.

Je vais voir si je peux faire apparaître un calque repositionnable par le visiteur, ça pourrait être sympa.

Encore merci à Marc pour son excellent tuto cité plus haut, je replacerai l'idée du menu fixe dans un site déroulant !

[Marc]

Le Site est "livré".
Curieusement, la couleur par défaut du navigateur continue de s'afficher un court instant lors de la première visite.
Sans doute le code de mes pages est trop lent.

Choisissez la couleur de l'arrière-plan grâce à l'inspecteur > Page > Page > Arrière-plan du navigateur > remplissage couleur > choisissez votre couleur
Par contre utilisez le script pour afficher une (même) image sur toutes les pages de votre site.

[Marc]

Allez, concernant l'arrière-plan de navigateur, pour ceux que ça intéresse
1. de fixer l'image
2. de modifier sa position
3. de répéter cette image seulement verticalement ou horizontalement
4. d'avoir à la fois une couleur autre que le blanc et une image
5. de mettre une image en PNG ou en GIF sans que iWeb la convertisse en JPEG
6. d'utiliser la URL d'image pour chacune de ses pages
7. d'utiliser une image placée en dehors de ce site iWeb voire même sur un autre serveur
8. ou tout simplement, de regarder des coccinelles.

un mini-site : http://iweb.debutersurmac.com/bg/

[Caribou]

J'aime pas les cosquinelle.
Merci Marc.

[Marc]

Pour les amoureux des p'tites bêtes qui cherchent pas trop la petite bête, j'ai fait cette page et codé ce charmant widget, histoire de tester et changer les valeurs du code donné dans les pages précédentes.
http://iweb.debutersurmac.com/bg/test.html

.

[vigxf]

Choisissez la couleur de l'arrière-plan grâce à l'inspecteur > Page > Page > Arrière-plan du navigateur > remplissage couleur > choisissez votre couleur
Par contre utilisez le script pour afficher une (même) image sur toutes les pages de votre site.

C'est bien ce que j'ai fait. Je pense que cet affichage était dû à une lenteur de connexion, ou une trace dans le cache. c'est résolu maintenant. Merci pour l'aide.

En passant, j'ai pu faire afficher le player dans un calque que l'on peut faire apparaître et disparaître.
J'ai utilisé une feuille de style externe pour les propriétés des éléments, mais cela n'est pas indispensable.
L'inconvénient, c'est que quand on change de page, la musique s'arrête - évidemment.
Il faudra donc rediriger les liens de cette page vers une nouvelle fenêtre.
Il existe sûrement des tas d'autres façons de faire plus élégantes.

le fichier : http://ballerouge.com/a/popup.html

Voilà le code, il contient des références à mes feuilles de styles et aux noms de mes éléments :

Code: Tout sélectionner

<p style="padding-bottom: 0pt; padding-top: 0pt; " class="paragraph_style_1"><span id="bouton"><a class="class1" onclick="MM_showHideLayers('zimba','','show','bouton2','','show','bouton','','hide')">   Musique du spectacle - Ouvrir le player</a>
  </span>
  <span id="bouton2"><a class="class1" onclick="MM_showHideLayers('zimba','','hide','bouton2','','hide','bouton','','show')">   Musique du spectacle - Fermez le player</a>
  </span></p>
      <div id="zimba">
<embed src="http://player.zimbalam.com/player/1709230514279/4/black/0/0/0/fr/" quality="high" wmode="transparent" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="450" height="200" />
      </div>


Et la fiche CSS externe (je ne sais pas si iWeb l'inclue automatiquement en lien. Dans le cas contraire, il faudra mettre les propriétés dans le code):

Code: Tout sélectionner

#bouton {
   z-index: 99;
   
   }
   
#bouton2 {
   position: fixed;
   top: 0px;
   left: 0px;
   z-index: 100;
   visibility: hidden;

   }
#zimba {
   z-index: 101;
   position: fixed;
   top: 20px;
   left: 0px;
   visibility: hidden;
         
   }