Fermer la barre d'outils
Voir plus d'options
Voir moins d'options
les-forums.com : vous avez la parole
En moins de 5 minutes,
créez votre forum gratuitement
forum officiel aide/faq
support technique
Accueil Séparateur Présentation Séparateur Créez ! Séparateur Annuaire
Bienvenue sur le forum officiel de les-forums.com.
L'apprentissage des bases du HTML requises pour la personnalisation des forums concerne le sous-forum Programmation, tandis que les gros problèmes techniques sont à adresser au Support. La FAQ vous sera également très utile.
De plus, une lecture du bref règlement du forum pourra éviter bien des tracas.
Nous vous écoutons, soyez polis, patients et précis dans vos questions.
Pour suivre les informations officielles, suivez-nous en RSS ou via Twitter

les-forums.com - Forum officiel
Programmation (163 topics, 2371 messages)
Topic "image défilante" (Messages 1 à 25 sur 30) Fil RSS des messages de ce topic
Dernier message par Babaorum, le 09/05 à 02:17:40
Anonyme :
  • S'inscrire
  • S'identifier
Outils :
  • Recherche
 
Bas de la pageTopics
Page 1 sur 2
12>
 
mignon64
inscrit le 07/02/2004
le 07/02/2004 à 14:40:57
Acces au message image défilante
bonjour a tous et toutes

je voudrai savoir comment on met les mots qui défile avec la souris svp je vous remercie a tous de votre aide
Voir le profil de l'auteur Editer le message
Centaurus
adjoint
-> Near Demo Experience <-
inscrit le 06/03/2003
le 07/02/2004 à 16:44:48
Acces au message image défilante
A mettre entre <head> et </head>

<!-- DEBUT DU SCRIPT --><style>
.spanstyle {
position:absolute;
visibility:visible;
top:-50px;
font-size:10pt;
font-family:Verdana;
      font-weight:bold;
color:#000000;
}
</style>
<script>

/*

Cursor Trailor Text- By Peter Gehrig (http://www.24fun.ch/)

SCRIPT EDITE SUR L'EDITEUR JAVASCRIPT
http://www.editeurjavascript.com

*/

var x,y
var step=20
var flag=0

var message='Mets_ton_texte_ici '
message=message.split("")

var xpos=new Array()
for (i=0;i<=message.length-1;i++) {
xpos[i]=-50
}

var ypos=new Array()
for (i=0;i<=message.length-1;i++) {
ypos[i]=-50
}
function handlerMM(e){
x = (document.layers) ? e.pageX : document.body.scrollLeft+event.clientX
y = (document.layers) ? e.pageY : document.body.scrollTop+event.clientY
flag=1
}

function makesnake() {
if (flag==1 && document.all) {
    for (i=message.length-1; i>=1; i--) {
    xpos[i]=xpos[i-1]+step
ypos[i]=ypos[i-1]
    }
xpos[0]=x+step
ypos[0]=y

for (i=0; i<message.length-1; i++) {
    var thisspan = eval("span"+(i)+".style")
    thisspan.posLeft=xpos[i]
thisspan.posTop=ypos[i]
    }
}

else if (flag==1 && document.layers) {
    for (i=message.length-1; i>=1; i--) {
    xpos[i]=xpos[i-1]+step
ypos[i]=ypos[i-1]
    }
xpos[0]=x+step
ypos[0]=y

for (i=0; i<message.length-1; i++) {
    var thisspan = eval("document.span"+i)
    thisspan.left=xpos[i]
thisspan.top=ypos[i]
    }
}
var timer=setTimeout("makesnake()",30)
}

</script>
<!-- FIN DU SCRIPT -->


A mettre entre <body> et </body> :

<!-- DEBUT DU SCRIPT -->
<!--
SCRIPT EDITE SUR L'EDITEUR JAVASCRIPT
http://www.editeurjavascript.com
-->
<script>
for (i=0;i<=message.length-1;i++) {
    document.write("<span id='span"+i+"' class='spanstyle'>")
document.write(message[i])
    document.write("</span>")
}

if (document.layers){
document.captureEvents(Event.MOUSEMOVE);
}
document.onmousemove = handlerMM;
makesnake()
</script>
<!-- FIN DU SCRIPT -->


Ya peut-être plus simple ...
Voir le profil de l'auteur Editer le message
mignon64
inscrit le 07/02/2004
le 07/02/2004 à 19:26:40
Acces au message image défilante
tres compliquer ça snifffffffffff;-(
Voir le profil de l'auteur Editer le message
Babaorum
adjoint
http://babaorum.site.voila.fr/img/ghost3_petit.jpg
L'homme n'est qu'une machine
inscrit le 01/03/2003
le 20/02/2004 à 13:31:55
Acces au message image défilante
C compliqué de copier le code et de l'insérer entre les balises <HEAD> ... </HEAD> du code source de ta page ?
Voir le profil de l'auteur Editer le message
Couettecouette
http://site.voila.fr/Couetttecouettte/black1.jpg
L'expérience est la somme des conneries auxquelles on a survécu

-Couettecouette-
-Forum Bavardages-
inscrit le 03/03/2003
le 20/02/2004 à 16:27:35
Acces au message image défilante
Je vous l'avais dit qu'il faut tout lui faire à ce petit ... (:)
Voir le profil de l'auteur Editer le message
Babaorum
adjoint
http://babaorum.site.voila.fr/img/ghost3_petit.jpg
L'homme n'est qu'une machine
inscrit le 01/03/2003
le 23/02/2004 à 14:32:23
Acces au message image défilante
Si c "à ce point-là", évite carrément de faire du HTML. Excuse-moi par avance de la rugosité de mes propos, mais là tu ne fais pas le moindre effort d'adaptation. o-o
Voir le profil de l'auteur Editer le message
Benoit
inscrit le 08/03/2004
le 08/03/2004 à 12:40:44
Acces au message image défilante
Bonjour toutes et tous,
Vivent les forums.com
J'ai insérer dans l'en tete Html ceci
<marquee><h3><img src="http://users.skynet.be/fa367366/BenoitCockpit6pt.JPG">Qui veux sa photo défilé ici ? </marquee></h3>
Ca marche !!! photo + texte défilent dans le haut de la page.
Par contre dans la zone message du forum, ça va pas.
Une idée ?
Merci de votre indulgence a l'égard d'un programmeur confirmé VB/VBA/VBS mais débutant html etc... Benoit.

Message modéré le 08/03 à 12:57:55 par Benoit.

Voir le profil de l'auteur Editer le message
Babaorum
adjoint
http://babaorum.site.voila.fr/img/ghost3_petit.jpg
L'homme n'est qu'une machine
inscrit le 01/03/2003
le 08/03/2004 à 22:09:57
Acces au message image défilante
Bonjour, qu'appelles-tu la "zone de message du forum" ?
Voir le profil de l'auteur Editer le message
Benoit
inscrit le 08/03/2004
le 08/03/2004 à 23:28:16
Acces au message image défilante
La zone dans laquelle j'ai écrit ma question. Donc dans la zone réservé aux messages des forums.com. En fait, quand j'aurai compris, ce message que tu lis défilera. Ici.
Voir le profil de l'auteur Editer le message
Babaorum
adjoint
http://babaorum.site.voila.fr/img/ghost3_petit.jpg
L'homme n'est qu'une machine
inscrit le 01/03/2003
le 08/03/2004 à 23:36:05
Acces au message image défilante
Mais tu ne peux pas mettre du code HTML *à l'intérieur* d'un champs de formulaire, ou alors ça restera une bête chaîne de caractères. Ce ne sera nullement interprété en tant que code HTML ! Les champs de formulaire n'acceptent que du texte, rien d'autre.
Voir le profil de l'auteur Editer le message
Benoit
inscrit le 08/03/2004
le 09/03/2004 à 11:49:54
Acces au message image défilante
Ah ben ça c'est dommage. Vu qu'on peut insérer des images, des gifs....
C'est le truc qui manquais pour convaincre définitivement les 300 membres qui ont immigré chez aceboard, après la fermeture provisoire, et leur 120 000 pages vues par mois. Parceque la bas on sait le faire. [move]Ca défile ![/move]. Enfin, votre forum est quand même plus rapide. J'espere trouver d'autres arguments de poids car moi, je préfère les forums.com. :)
Hem, peut-être dans un avenir proche ......? Quand penses-tu très cher Babaorum ?


Voir le profil de l'auteur Editer le message
Centaurus
adjoint
-> Near Demo Experience <-
inscrit le 06/03/2003
le 09/03/2004 à 13:33:10
Acces au message image défilante
Aucune chance ;)
Voir le profil de l'auteur Editer le message
Babaorum
adjoint
http://babaorum.site.voila.fr/img/ghost3_petit.jpg
L'homme n'est qu'une machine
inscrit le 01/03/2003
le 09/03/2004 à 13:43:28
Acces au message image défilante
Heu non on ne se comprend pas. Je crois qu'on ne parle pas de la même chose. Que ce soit Aceboard ou quoi que ce soit d'autre, un champ texte de formulaire HTML c un champs texte. Sur Aceboard non plus les champs de formulaire ne peuvent accueillir d'image. Que du texte, même si c une URL vers une page web, un document autre tel qu'une image etc... C'est une limite technique des navigateurs et du langage HTML, voilà tout.

Maintenant ré-explique ton truc, je suis sûr qu'il s'agit d'autre chose :p
Voir le profil de l'auteur Editer le message
Babaorum
adjoint
http://babaorum.site.voila.fr/img/ghost3_petit.jpg
L'homme n'est qu'une machine
inscrit le 01/03/2003
le 09/03/2004 à 13:44:55
Acces au message image défilante
Haaaa je viens de comprendre. Heu ben non ce n'est pas possible.
Enfin pas de manière directe. Tu peux très bien, en revanche, fabriquer une image GIF animée qui prend une certaine largeur, au sein de laquelle un texte va se balader. Il suffira de faire bouger le texte dans la largeur totale du GIF de frame en frame, puis d'associer tout ça en un GIF animé.
Voir le profil de l'auteur Editer le message
Benoit
inscrit le 08/03/2004
le 09/03/2004 à 23:46:36
Acces au message image défilante
Très chers moderateurs Babaorum et Centorus, Je vous remercie de votre attention a mes questions.
Je suis particulierement interessé par l'analyse de Babaorum. J'ai remarqué dans FrontPage que lors de la création de texte défilant, il crée un champ. C'est dans ce champs que défile le tout. Effectivement. Mais dans le code html, a part <marquee>ça défile !</marquee> y a rien.
Je n'exclus pas que nous trouvions une solution qui fasse améliorer de manière significative les forums.com que j'adore.
Benoit
Voir le profil de l'auteur Editer le message
darkbibi
inscrit le 24/04/2004
le 24/04/2004 à 12:03:56
Acces au message image défilante
est ce que vous pouvez me dire comment on met une un texte qui suit la souris.
Voir le profil de l'auteur Editer le message
Babaorum
adjoint
http://babaorum.site.voila.fr/img/ghost3_petit.jpg
L'homme n'est qu'une machine
inscrit le 01/03/2003
le 24/04/2004 à 16:42:16
Acces au message image défilante
darkbibi -> on a déjà répondu plusieurs fois à ce genre de question

benoît -> le problème de la balise <MARQUEE> est qu'elle n'est pas, à ma connaissance, supportée par tous les navigateurs. Il n'est d'ailleurs même pas inclus dans le standard HTML 4.01 du W3C (l'organisme qui décide des grandes orientations et de l'évolution de ce langage, parmi d'autres).
Tu prends donc le risque que certains navigateurs affichent mal ton code.

Pour moi (et ce n'est qu'une opinion, tu en fais ce que tu veux), la solution la plus souple est le GIF animé OU MIEUX, si tu as la possibilité de te procurer le logiciel Flash (ou même en version Démo). Non pas que le résultat serait meilleur, mais tout simplement parce que
1) la conception serait plus facile (à condition que tu saches/apprennes à utiliser le logiciel, à toi de voir)
2) la maintenance de l'image serait plus facile: pour un GIF animé, le jour où tu veux changer le texte ou le fond, il faut refaire l'image de novo; avec une animation Flash, tu peux récupérer l'objet texte ou d'autres objets, puisqu'en fait c'est Flash qui se débrouille pour faire bouger le machin depuis le point A au point B, que tu lui as indiqué (et même ça tu peux changer).

Voilà, tu vois, ce n'est sans doute pas aussi simple que tu le pensais, mais tu as tout de même plusieurs solutions techniquement accessibles.

Ah oui dernier point à mettre dans la balance: les animations Flash, bien ficelées, ne sont pas forcément plus lourdes (en taille de fichier) qu'une image GIF animée. Mais ça c'est à force d'utiliser le logiciel, on repère vite les choses qui font "gonfler" le fichier.
Voir le profil de l'auteur Editer le message
darkbibi
inscrit le 24/04/2004
le 24/04/2004 à 22:33:43
Acces au message image défilante
oula compliquer mais on ne pe pas marquer des trucs HTLM dans la partie administration du forums pour mettre un texte qui suit la souris ??
Voir le profil de l'auteur Editer le message
Centaurus
adjoint
-> Near Demo Experience <-
inscrit le 06/03/2003
le 25/04/2004 à 01:14:23
Acces au message image défilante
darkbibi -> on a déjà répondu plusieurs fois à ce genre de question

Tu fais une recherche
Voir le profil de l'auteur Editer le message
darkbibi
inscrit le 24/04/2004
le 25/04/2004 à 09:49:02
Acces au message image défilante
d'accors merci pour ton aide mais je tape koi exactemenet dans la rehcerhce parcque j'ai deja essayerer et sa m'a pas donner grand chose merci de votre futur reponse
Voir le profil de l'auteur Editer le message
Babaorum
adjoint
http://babaorum.site.voila.fr/img/ghost3_petit.jpg
L'homme n'est qu'une machine
inscrit le 01/03/2003
le 26/04/2004 à 11:36:10
Acces au message image défilante
Avant de poster, rechercher.
Avant de rechercher, lire.
Ce topic par exemple.
Voir le profil de l'auteur Editer le message
Centaurus
adjoint
-> Near Demo Experience <-
inscrit le 06/03/2003
le 26/04/2004 à 14:50:44
Acces au message image défilante
Merci Baba 8-)
Voir le profil de l'auteur Editer le message
darkbibi
inscrit le 24/04/2004
le 26/04/2004 à 16:08:21
Acces au message image défilante
oui mais si vous faites alusion au script en haut de page il fodrait que vous m'expliquer exactement se qu'il fo mettre et ou parceque je n'y arive pas et pourtant j'ai essayer plusieure maniere

Message modéré le 26/04 à 16:39:29 par darkbibi.

Voir le profil de l'auteur Editer le message
Babaorum
adjoint
http://babaorum.site.voila.fr/img/ghost3_petit.jpg
L'homme n'est qu'une machine
inscrit le 01/03/2003
le 27/04/2004 à 14:42:53
Acces au message image défilante
Ce qu'il faut mettre -> tout ce qui est écrit comme code
Où -> c'est précisé: entre <HEAD> et </HEAD>

Après je ne sais pas ce que tu as fait, comment tu l'as fait. Alors SVP ne fais pas le "boulet"... participe un peu plus activement. Si tu ne te décides pas à être plus précis et nous donner plus de détail, personne ne voudra perdre du temps à essayer de t'aider.
Voir le profil de l'auteur Editer le message
darkbibi
inscrit le 24/04/2004
le 27/04/2004 à 20:50:06
Acces au message image défilante
<style>
.spanstyle {
position:absolute;
visibility:visible;
top:-50px;
font-size:10pt;
font-family:Verdana;
      font-weight:bold;
color:#000000;
}
</style>
<script>

/*

Cursor Trailor Text- By Peter Gehrig (http://www.24fun.ch/)

SCRIPT EDITE SUR L'EDITEUR JAVASCRIPT
http://www.editeurjavascript.com

*/

var x,y
var step=20
var flag=0

var message='Mets_ton_texte_ici '
message=message.split("")

var xpos=new Array()
for (i=0;i<=message.length-1;i++) {
xpos[i]=-50
}

var ypos=new Array()
for (i=0;i<=message.length-1;i++) {
ypos[i]=-50
}
function handlerMM(e){
x = (document.layers) ? e.pageX : document.body.scrollLeft+event.clientX
y = (document.layers) ? e.pageY : document.body.scrollTop+event.clientY
flag=1
}

function makesnake() {
if (flag==1 && document.all) {
    for (i=message.length-1; i>=1; i--) {
    xpos[i]=xpos[i-1]+step
ypos[i]=ypos[i-1]
    }
xpos[0]=x+step
ypos[0]=y

for (i=0; i<message.length-1; i++) {
    var thisspan = eval("span"+(i)+".style")
    thisspan.posLeft=xpos[i]
thisspan.posTop=ypos[i]
    }
}

else if (flag==1 && document.layers) {
    for (i=message.length-1; i>=1; i--) {
    xpos[i]=xpos[i-1]+step
ypos[i]=ypos[i-1]
    }
xpos[0]=x+step
ypos[0]=y

for (i=0; i<message.length-1; i++) {
    var thisspan = eval("document.span"+i)
    thisspan.left=xpos[i]
thisspan.top=ypos[i]
    }
}
var timer=setTimeout("makesnake()",30)
}

</script>

ca il fo le mettre en pied ou en tete de page htlm ? c'est bien sa ?
Voir le profil de l'auteur Editer le message
 
Haut de la pageTopics
Page 1 sur 2
12>
 
Ajout de messages impossible Vous ne pouvez pas ajouter de messages.

Forum gratuit proposé par les-forums.com v 2.7 alpha 1 - Un service Twidi.com - Flux RSS du forum

Page générée en 0,028 secondes le 08/09 à 12:59:43.