Le forum des utilisateurs iWeb
Vous souhaitez réagir à ce message ? Créez un compte en quelques clics ou connectez-vous pour continuer.

Objet (texte,image...) toujours visible avec le défilement

2 participants

Aller en bas

Objet (texte,image...) toujours visible avec le défilement Empty Objet (texte,image...) toujours visible avec le défilement

Message par Invité 11/6/2010, 03:25

Bonjour à tous,

j'ai eu beau fouiller les différents sujets qu'on peut trouver ici mais je n'ai rien trouvé qui puisse me satisfaire.

Je cherche à créer, sur ma page, une colonne de gauche, mon menu, qui se déplacerait avec le défilement verticale de manière à être toujours présent sur l'écran.

Est-ce possible sur iWeb?

Merci d'avance à tous.

Invité
Invité


Revenir en haut Aller en bas

Objet (texte,image...) toujours visible avec le défilement Empty Re: Objet (texte,image...) toujours visible avec le défilement

Message par koeklin 11/6/2010, 08:59

En gros vous cherchez à faire ça
koeklin
koeklin
Membre Pathologique

Messages : 1924
Inscription : 20/10/2007 Localisation : le vexin
Version iWeb : A remplir!
Publication : Ftp integré

http://www.debutersurmac.com/

Revenir en haut Aller en bas

Objet (texte,image...) toujours visible avec le défilement Empty Re: Objet (texte,image...) toujours visible avec le défilement

Message par Invité 11/6/2010, 14:35

Bonjour,

oui c'est exactement ça !

Mais j'ai eu beau chercher dans ce lien, je ne comprends pas comment m'y prendre...J'ai copié collé l'exemple donné mais cela ne fonctionne pas chez moi.

Quelqu'un pourrait-il me donner quelques pistes svp?

Merci.

Invité
Invité


Revenir en haut Aller en bas

Objet (texte,image...) toujours visible avec le défilement Empty Re: Objet (texte,image...) toujours visible avec le défilement

Message par koeklin 11/6/2010, 18:52

Vous avez copié-collé quoi au juste
koeklin
koeklin
Membre Pathologique

Messages : 1924
Inscription : 20/10/2007 Localisation : le vexin
Version iWeb : A remplir!
Publication : Ftp integré

http://www.debutersurmac.com/

Revenir en haut Aller en bas

Objet (texte,image...) toujours visible avec le défilement Empty Re: Objet (texte,image...) toujours visible avec le défilement

Message par amorgos88 11/6/2010, 19:08

Cela :
Code:

<style>
div.floating-menu {position:fixed;background:#fff4c8;border:1px solid #ffcc00;width:150px;z-index:100;}
div.floating-menu a, div.floating-menu h3 {display:block;margin:0 0.5em;}
</style>
<div class="floating-menu">
<h3>Floating Menu</h3>
<a href="http://www.quackit.com/css/">CSS</a>
<a href="http://www.quackit.com/html/">HTML</a>
<a href="http://www.quackit.com/javascript/">Javascript</a>
<a href="http://www.quackit.com/coldfusion/">ColdFusion</a>
<a href="http://www.quackit.com/myspace/codes/">MySpace Codes</a>
</div>

...

amorgos88
Nouveau

Messages : 6
Inscription : 11/06/2010 Localisation : Managua
Version iWeb : A remplir!
Publication : Ftp integré

Revenir en haut Aller en bas

Objet (texte,image...) toujours visible avec le défilement Empty Re: Objet (texte,image...) toujours visible avec le défilement

Message par amorgos88 11/6/2010, 20:06

En fait, j'ai déjà un menu construit avec des images et des zones de texte. Serait-il possible de faire bouger le bloc entier lors du défilement?

amorgos88
Nouveau

Messages : 6
Inscription : 11/06/2010 Localisation : Managua
Version iWeb : A remplir!
Publication : Ftp integré

Revenir en haut Aller en bas

Objet (texte,image...) toujours visible avec le défilement Empty Re: Objet (texte,image...) toujours visible avec le défilement

Message par koeklin 11/6/2010, 21:21

En attendant que j'ai un peu plus de temps, un peu de lecture sur un topic similaire : http://www.iweb-forum.com/conception-du-site-f3/faire-une-barre-flotante-t1027.htm
koeklin
koeklin
Membre Pathologique

Messages : 1924
Inscription : 20/10/2007 Localisation : le vexin
Version iWeb : A remplir!
Publication : Ftp integré

http://www.debutersurmac.com/

Revenir en haut Aller en bas

Objet (texte,image...) toujours visible avec le défilement Empty Re: Objet (texte,image...) toujours visible avec le défilement

Message par amorgos88 11/6/2010, 21:32

Bonsoir et merci de votre réponse mais si j'ai posté ce topic c'est parce que j'avais lu celui-ci sans rien en tirer...

Encore merci.

amorgos88
Nouveau

Messages : 6
Inscription : 11/06/2010 Localisation : Managua
Version iWeb : A remplir!
Publication : Ftp integré

Revenir en haut Aller en bas

Objet (texte,image...) toujours visible avec le défilement Empty Re: Objet (texte,image...) toujours visible avec le défilement

Message par koeklin 13/6/2010, 16:38

Le principe de Wyodor, c'est de remplacer une zone de texte crée sur iWeb par une nouvelle zone de texte entièrement crée entièrement par un javascript :
1. télécharger la feuille de javascript (clic droit > télécharger) : fichier javascript en question
2. Editer cette feuille avec un editeur de texte pour le code (smultron textwrangler etc. -textedit est déconseillé)
Reperer le paragraphe suivant :
Code:
$fixedmenu =  "<style>div.floating-menu {background: transparent;}div.floating-menu a, div.floating-menu h3 {display:block;margin:1em;}</style><div class='floating-menu' id='float'><h3>Floating Menu</h3><a href='http://www.quackit.com/css/'>CSS</a><a href='http://www.quackit.com/html/'>HTML</a><a href='http://www.quackit.com/javascript/'>Javascript</a><a href='http://www.quackit.com/coldfusion/'>ColdFusion</a><a href='http://www.quackit.com/myspace/codes/'>MySpace Codes</a></div>";

Remplacer les liens de Wyodor par les votres. par ex.
Code:
<a href='http://www.quackit.com/css/'>CSS</a>
ici CSS est le mot qui apparait dans le menu et http://www.quackit.com/css/ l'adresse de destination du lien.
3. uploader ce fichier sur votre serveur-ftp
4. récuperer son URL
5. Sur iWeb, sur votre page 2choses à faire :
placer une nouvelle zone de texte écrivez ceci dedans :
Code:
_HereMenu_
dans un fragment HTML placer le code suivant :
Code:
<script language="Javascript" type="text/javascript">
<!--

var headID = parent.document.getElementsByTagName("head")[0];
var newscript = parent.document.createElement('script');
newscript.type = 'text/javascript';
newscript.src = 'URLdufichierFloatingMenu.js';
headID.appendChild(newscript);

// -->
</script>
Remplacer dans ce code URLdufichierFloatingMenu.js par sa réelle URL
6. Publier
koeklin
koeklin
Membre Pathologique

Messages : 1924
Inscription : 20/10/2007 Localisation : le vexin
Version iWeb : A remplir!
Publication : Ftp integré

http://www.debutersurmac.com/

Revenir en haut Aller en bas

Objet (texte,image...) toujours visible avec le défilement Empty Re: Objet (texte,image...) toujours visible avec le défilement

Message par amorgos88 14/6/2010, 18:28

Bonjour et merci beaucoup pour ce coup de main, je vais essayer de faire ça.

amorgos88
Nouveau

Messages : 6
Inscription : 11/06/2010 Localisation : Managua
Version iWeb : A remplir!
Publication : Ftp integré

Revenir en haut Aller en bas

Objet (texte,image...) toujours visible avec le défilement Empty Re: Objet (texte,image...) toujours visible avec le défilement

Message par koeklin 14/6/2010, 19:06

Une precision : il ne faut en aucun cas personnaliser la zone de texte où est écrit _HereMenu_.
koeklin
koeklin
Membre Pathologique

Messages : 1924
Inscription : 20/10/2007 Localisation : le vexin
Version iWeb : A remplir!
Publication : Ftp integré

http://www.debutersurmac.com/

Revenir en haut Aller en bas

Objet (texte,image...) toujours visible avec le défilement Empty Re: Objet (texte,image...) toujours visible avec le défilement

Message par amorgos88 14/6/2010, 19:21

Oui je m'en doutait, tout fonctionne très bien.

Par contre, comment modifier le code si je veux remplacer le menu actuel par le menu que j'ai crée (construit à partir d'images et de zones de texte)?

Je me demandais s'il n'était pas possible de récupérer le code crée par iWeb pour la construction de mon menu et de le substituer dans le code du fichier que vous m'avez transmis...

amorgos88
Nouveau

Messages : 6
Inscription : 11/06/2010 Localisation : Managua
Version iWeb : A remplir!
Publication : Ftp integré

Revenir en haut Aller en bas

Objet (texte,image...) toujours visible avec le défilement Empty Re: Objet (texte,image...) toujours visible avec le défilement

Message par koeklin 14/6/2010, 20:23

je n'en sais rien, mais qui ne tente rien n'a rien, regarder en remplaçant le paragraphe $fixedmenu :
Code:
$fixedmenu =  'votre code';
Votre code peut contenir des guillemets doubles " mais en aucun cas des guillemets simples '
ou
Code:
$fixedmenu =  "votre code";
mais là il faudra remplacer dans votre code toutes les les guillements doubles " par des simples '
koeklin
koeklin
Membre Pathologique

Messages : 1924
Inscription : 20/10/2007 Localisation : le vexin
Version iWeb : A remplir!
Publication : Ftp integré

http://www.debutersurmac.com/

Revenir en haut Aller en bas

Objet (texte,image...) toujours visible avec le défilement Empty Re: Objet (texte,image...) toujours visible avec le défilement

Message par amorgos88 14/6/2010, 21:02

Cela ne fonctionne pas mais merci quand même.

amorgos88
Nouveau

Messages : 6
Inscription : 11/06/2010 Localisation : Managua
Version iWeb : A remplir!
Publication : Ftp integré

Revenir en haut Aller en bas

Objet (texte,image...) toujours visible avec le défilement Empty Re: Objet (texte,image...) toujours visible avec le défilement

Message par Contenu sponsorisé


Contenu sponsorisé


Revenir en haut Aller en bas

Revenir en haut

- Sujets similaires

 
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum