Objet (texte,image...) toujours visible avec le défilement
2 participants
Page 1 sur 1
Objet (texte,image...) toujours visible avec le défilement
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.
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é
Re: Objet (texte,image...) toujours visible avec le défilement
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.
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é
Re: Objet (texte,image...) toujours visible avec le défilement
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é
Re: Objet (texte,image...) toujours visible avec le défilement
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é
Re: Objet (texte,image...) toujours visible avec le défilement
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
Re: Objet (texte,image...) toujours visible avec le défilement
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.
Encore merci.
amorgos88- Nouveau
- Messages : 6
Inscription : 11/06/2010 Localisation : Managua
Version iWeb : A remplir!
Publication : Ftp integré
Re: Objet (texte,image...) toujours visible avec le défilement
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 :
Remplacer les liens de Wyodor par les votres. par ex.
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 :
6. Publier
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>
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_
- 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>
6. Publier
Re: Objet (texte,image...) toujours visible avec le défilement
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é
Re: Objet (texte,image...) toujours visible avec le défilement
Une precision : il ne faut en aucun cas personnaliser la zone de texte où est écrit _HereMenu_.
Re: Objet (texte,image...) toujours visible avec le défilement
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...
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é
Re: Objet (texte,image...) toujours visible avec le défilement
je n'en sais rien, mais qui ne tente rien n'a rien, regarder en remplaçant le paragraphe $fixedmenu :
ou
- Code:
$fixedmenu = 'votre code';
ou
- Code:
$fixedmenu = "votre code";
Re: Objet (texte,image...) toujours visible avec le défilement
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é
Sujets similaires
» Zone de texte comme une image?
» Changer du texte en image
» Transformer un texte en image
» Changer du texte en image
» Convertir zone de texte en image : ne fonctionne pas !
» Changer du texte en image
» Transformer un texte en image
» Changer du texte en image
» Convertir zone de texte en image : ne fonctionne pas !
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum
|
|