Papercraft-Passion
Vous souhaitez réagir à ce message ? Créez un compte en quelques clics ou connectez-vous pour continuer.



 
AccueilPortailDernières imagesS'enregistrerConnexion

Partagez
 

 essais de personnalisation de bannieres annimées.

Voir le sujet précédent Voir le sujet suivant Aller en bas 
AuteurMessage
megawatt
Modérateur
megawatt


Masculin Nombre de messages : 1629
Age : 42
Localisation : eclaron (haute marne)
Date d'inscription : 19/07/2009

essais de personnalisation de bannieres annimées. Empty
MessageSujet: essais de personnalisation de bannieres annimées.   essais de personnalisation de bannieres annimées. Icon_minitimeSam 25 Juin 2011 - 12:15

voila un petit sujet que j'ouvre pour faire des petit essais pour la conception ou modiffication de code html. et donc, je vais me charger de ma banniere que j'ai envie de changer.j'ai dans l'idée de faire déffiler des images de mes réalisations et aquisitions que tout le monde pourra regarder et en cliquant sur celle-ci, vous serez dirigé vers ma gallerie situé sur ce forum.......

voici un fragment de code sur lequel je vais travailler...

Code:
<marquee id="id1"><span onmouseover="getElementById('id1').stop();" onmouseout="getElementById('id1').start();"></span>coller le lien de votre image ici</marquee>

que je vais coupler avec cette photo en y ajoutant le lien à la place de coller le lien de votre image ici

http://a6.sphotos.ak.fbcdn.net/hphotos-ak-snc6/205692_214426941903900_100000097871752_888333_4988941_n.jpg

et on obtien que le lien déffilant donc à corriger

http://a6.sphotos.ak.fbcdn.net/hphotos-ak-snc6/205692_214426941903900_100000097871752_888333_4988941_n.jpg
Revenir en haut Aller en bas
http://mega-rea.pagesperso-orange.fr/
megawatt
Modérateur
megawatt


Masculin Nombre de messages : 1629
Age : 42
Localisation : eclaron (haute marne)
Date d'inscription : 19/07/2009

essais de personnalisation de bannieres annimées. Empty
MessageSujet: Re: essais de personnalisation de bannieres annimées.   essais de personnalisation de bannieres annimées. Icon_minitimeSam 25 Juin 2011 - 12:39


essais de personnalisation de bannieres annimées. 205692_214426941903900_100000097871752_888333_4988941_n
Revenir en haut Aller en bas
http://mega-rea.pagesperso-orange.fr/
megawatt
Modérateur
megawatt


Masculin Nombre de messages : 1629
Age : 42
Localisation : eclaron (haute marne)
Date d'inscription : 19/07/2009

essais de personnalisation de bannieres annimées. Empty
MessageSujet: Re: essais de personnalisation de bannieres annimées.   essais de personnalisation de bannieres annimées. Icon_minitimeSam 25 Juin 2011 - 12:57

maintenant il faut selectionner les images, leurs donner la bonne taille, et les coller les unes à côté des autres......comme celle-ci
https://2img.net/h/i52.photobucket.com/albums/g29/shannonm_01/collagecopy.jpg


Dernière édition par megawatt le Sam 25 Juin 2011 - 13:01, édité 1 fois
Revenir en haut Aller en bas
http://mega-rea.pagesperso-orange.fr/
megawatt
Modérateur
megawatt


Masculin Nombre de messages : 1629
Age : 42
Localisation : eclaron (haute marne)
Date d'inscription : 19/07/2009

essais de personnalisation de bannieres annimées. Empty
MessageSujet: Re: essais de personnalisation de bannieres annimées.   essais de personnalisation de bannieres annimées. Icon_minitimeSam 25 Juin 2011 - 13:00

et quand on l'applique avec les code, ça donne ça...
essais de personnalisation de bannieres annimées. Collagecopy
Revenir en haut Aller en bas
http://mega-rea.pagesperso-orange.fr/
Lara Craft
Admin
Lara Craft


Féminin Nombre de messages : 7668
Age : 49
Localisation : Franche-Comté
Date d'inscription : 19/10/2008

essais de personnalisation de bannieres annimées. Empty
MessageSujet: Re: essais de personnalisation de bannieres annimées.   essais de personnalisation de bannieres annimées. Icon_minitimeSam 25 Juin 2011 - 15:19

ah ouais c'est pas mal du tout cette histoire
Revenir en haut Aller en bas
https://papercraft-passion.1fr1.net
Riddick
Admin
Riddick


Masculin Nombre de messages : 5188
Age : 54
Localisation : Franche Comté
Date d'inscription : 19/10/2008

essais de personnalisation de bannieres annimées. Empty
MessageSujet: Re: essais de personnalisation de bannieres annimées.   essais de personnalisation de bannieres annimées. Icon_minitimeSam 25 Juin 2011 - 16:29

Super boulot Nico !!! il faudra que tu nous fasse un tuto clair la dessus car ça m'intéresse vachement !!!

essais de personnalisation de bannieres annimées. 43834
Revenir en haut Aller en bas
megawatt
Modérateur
megawatt


Masculin Nombre de messages : 1629
Age : 42
Localisation : eclaron (haute marne)
Date d'inscription : 19/07/2009

essais de personnalisation de bannieres annimées. Empty
MessageSujet: Re: essais de personnalisation de bannieres annimées.   essais de personnalisation de bannieres annimées. Icon_minitimeSam 25 Juin 2011 - 16:35

ok je vais developper le truc afin que ça soit plus claire mais il y a un defaut que je dois corriger.
des qu'il arrive au bout de la page en version photo. il s'arette et recommance au lieux de continuer à deffiler....

en gros il faut copier le code en rouge. ensuite il faute effacer la phrase""coller votre image ici"" et la remplacer par l'adresse de l'image que vous souhaitez integrer...
Revenir en haut Aller en bas
http://mega-rea.pagesperso-orange.fr/
kucha
Membre VIP
kucha


Masculin Nombre de messages : 167
Age : 38
Localisation : val d'oise
Date d'inscription : 05/04/2011

essais de personnalisation de bannieres annimées. Empty
MessageSujet: Re: essais de personnalisation de bannieres annimées.   essais de personnalisation de bannieres annimées. Icon_minitimeSam 25 Juin 2011 - 17:28

WAOUU ça pète!
Moi aussi ça m'intéresse :D.
Super idée en tout cas ça fera une chouette utilisation des signature j'approuve avec un grand A lol! .
Pour ton problème de trou quand ton image se finie il y a pas moyen de mettre une répétition (genre retour au début)?
J'ai très peut de notion de programmation en informatique (par contre j'ai quelques notion de programmation d'API il doit y avoir quelques similitude).
Je vais suivre ça avec attention et essaye de mon coté. essais de personnalisation de bannieres annimées. 614826
Revenir en haut Aller en bas
megawatt
Modérateur
megawatt


Masculin Nombre de messages : 1629
Age : 42
Localisation : eclaron (haute marne)
Date d'inscription : 19/07/2009

essais de personnalisation de bannieres annimées. Empty
MessageSujet: Re: essais de personnalisation de bannieres annimées.   essais de personnalisation de bannieres annimées. Icon_minitimeMer 29 Juin 2011 - 9:50

Je vais donc faire plusieurs essais sous différents types de codes.
J'essaierai sous flash et java entre autre.

Étrange, le code source que je vous ai donne plus haut fonctionne parfaitement et continue indéfiniment de défiler les images sur mon iPad. Pas comme sous un ps Windows ou quand limage but contre la fenêtre il recommence depuis le début.
Donc suivant le navigateur, l'effet Dun code source est différent.

Maintenant je vais me concentrer dessus de manière à ce que l'effet soit le même pour tout les navigateurs.

Mais j'ai une très bonne piste........
Revenir en haut Aller en bas
http://mega-rea.pagesperso-orange.fr/
megawatt
Modérateur
megawatt


Masculin Nombre de messages : 1629
Age : 42
Localisation : eclaron (haute marne)
Date d'inscription : 19/07/2009

essais de personnalisation de bannieres annimées. Empty
MessageSujet: Re: essais de personnalisation de bannieres annimées.   essais de personnalisation de bannieres annimées. Icon_minitimeMer 29 Juin 2011 - 11:49

voila ce que je cherchai, je l'ai enfin..
ça se trouve dans ce site
http://www.abatec-renovation.fr/
..dans iexplorer9 on clique sur page, et ensuite tout en bas sur afficher la source.
de la j'ai pu copier lle code qui nous interesse.


le voici

Code:
<marquee align="center" height="100" scrolldelay="5" scrollamount="3" onmouseout="this.start()" onmouseover="this.stop()">
<p><img border="0" src="../annonces/images/2.jpg" alt="" hspace="0"><img border="0" src="../annonces/images/9062603181.jpg" alt="" hspace="0"><img border="0" src="../annonces/images/9185628017.jpg" alt="" hspace="0"><img border="0" src="../annonces/images/9305205503.jpg" alt="" hspace="0"><img border="0" src="../annonces/images/9309304326.jpg" alt="" hspace="0"><img border="0" src="../annonces/images/9324155665.jpg" alt="" hspace="0"><img border="0" src="../annonces/images/9328233770.jpg" alt="" hspace="0"><img border="0" src="../annonces/images/9361681586.jpg" alt="" hspace="0"><img border="0" src="../annonces/images/9368321977.jpg" alt="" hspace="0"><img border="0" src="../annonces/images/9390646981.jpg" alt="" hspace="0"><img border="0" src="../annonces/images/gsxr.jpg" alt="" hspace="0">
</p></marquee>



et voila comment il fonctionne.


essais de personnalisation de bannieres annimées. 2essais de personnalisation de bannieres annimées. Imagesessais de personnalisation de bannieres annimées. 9185628017essais de personnalisation de bannieres annimées. 9305205503essais de personnalisation de bannieres annimées. 9309304326essais de personnalisation de bannieres annimées. 9324155665essais de personnalisation de bannieres annimées. 9328233770essais de personnalisation de bannieres annimées. 9361681586essais de personnalisation de bannieres annimées. 9368321977essais de personnalisation de bannieres annimées. 9390646981essais de personnalisation de bannieres annimées. Gsxr




Dernière édition par megawatt le Mer 29 Juin 2011 - 11:56, édité 2 fois
Revenir en haut Aller en bas
http://mega-rea.pagesperso-orange.fr/
megawatt
Modérateur
megawatt


Masculin Nombre de messages : 1629
Age : 42
Localisation : eclaron (haute marne)
Date d'inscription : 19/07/2009

essais de personnalisation de bannieres annimées. Empty
MessageSujet: Re: essais de personnalisation de bannieres annimées.   essais de personnalisation de bannieres annimées. Icon_minitimeMer 29 Juin 2011 - 11:49

nous allons modifier ce code. je vais supprimer dans cette ligne, l'adresse de cette image (../annonces/images/9305205503.jpg) par l'adresse d'une autre image.

Code:
au pépart
src=" ../annonces/images/9305205503.jpg" alt="" hspace="0">
modifié avec l'adresse de la banniere du site
src="https://i.servimg.com/u/f89/13/99/23/48/6494_110.jpg" alt="" hspace="0">
Revenir en haut Aller en bas
http://mega-rea.pagesperso-orange.fr/
megawatt
Modérateur
megawatt


Masculin Nombre de messages : 1629
Age : 42
Localisation : eclaron (haute marne)
Date d'inscription : 19/07/2009

essais de personnalisation de bannieres annimées. Empty
MessageSujet: Re: essais de personnalisation de bannieres annimées.   essais de personnalisation de bannieres annimées. Icon_minitimeMer 29 Juin 2011 - 12:15

tout le code est modifié. j'ai tout simplement pris les images dispo dans ce topic en faisant clic droit sur l'image puis proprieté pour recuperer l'adresse de l'image. j'ai collé à la place de l'ancienne image et j'obtient ce code...

on commence toujours par ce petit bout de code que l'on ne fait que coller.


Code:
<marquee align="center" height="100" scrolldelay="5" scrollamount="3" onmouseout="this.start()" onmouseover="this.stop()">
<p>



en suite on apporte celui-ci sans laisser d'espce et vous y placez votre adresse situé entre le 2 guillemets.
cette parti de code peut etres multiplié autant de fois que vous le souhaitezet toujours sans lasser d'espace


Code:
<img border="0" src="ADRESSE DE L'IMAGE" alt="" hspace="0">
ou si vous en voulez plusieurs..
Code:

<img border="0" src="ADRESSE DE L'IMAGE" alt="" hspace="0"><img border="0" src="ADRESSE DE L'IMAGE" alt="" hspace="0">


la derniere etape consiste à coller cette derniere partie de code et toujours sans laisser d'espaces...

c'est pour marquer la fin du code

Code:
</p></marquee>


Revenir en haut Aller en bas
http://mega-rea.pagesperso-orange.fr/
megawatt
Modérateur
megawatt


Masculin Nombre de messages : 1629
Age : 42
Localisation : eclaron (haute marne)
Date d'inscription : 19/07/2009

essais de personnalisation de bannieres annimées. Empty
MessageSujet: Re: essais de personnalisation de bannieres annimées.   essais de personnalisation de bannieres annimées. Icon_minitimeMer 29 Juin 2011 - 12:44

faisons un essaie.....


je vous donne le code modifié avec des images présentes sur cette page...



Code:
<marquee align="center" height="100" scrolldelay="5" scrollamount="3" onmouseout="this.start()" onmouseover="this.stop()">
<p><img border="0" src="http://i52.photobucket.com/albums/g29/shannonm_01/collagecopy.jpg" alt="" hspace="0"></p></marquee>


et le voici en action.....j'espere le voire fonctionner...


essais de personnalisation de bannieres annimées. Collagecopy


ce code foctionne parfaitement et l'ancien fonctionne comme celui ci sur ipad


Revenir en haut Aller en bas
http://mega-rea.pagesperso-orange.fr/
megawatt
Modérateur
megawatt


Masculin Nombre de messages : 1629
Age : 42
Localisation : eclaron (haute marne)
Date d'inscription : 19/07/2009

essais de personnalisation de bannieres annimées. Empty
MessageSujet: Re: essais de personnalisation de bannieres annimées.   essais de personnalisation de bannieres annimées. Icon_minitimeMer 29 Juin 2011 - 15:13

Revenir en haut Aller en bas
http://mega-rea.pagesperso-orange.fr/
kucha
Membre VIP
kucha


Masculin Nombre de messages : 167
Age : 38
Localisation : val d'oise
Date d'inscription : 05/04/2011

essais de personnalisation de bannieres annimées. Empty
MessageSujet: Re: essais de personnalisation de bannieres annimées.   essais de personnalisation de bannieres annimées. Icon_minitimeJeu 30 Juin 2011 - 6:08

Heu j'ose pas trop mais bon je vai quand même le dire :oops: .
J'utilise Firefox et j'ai toujours la coupure à la fin de l'image le temps qu'elle fini de défiler et hop ça recommence :( par contre sur internet explodaube ça fonctionne presque! lol L'image recommence directement une fois que la bannière a défilée complétement mais la fin de l'image disparait aussitôt (c'est pas très clair ...)
Hop une petite vidéo pour mieux comprendre!


Snif megawatt y va pas m'aimer ...
Revenir en haut Aller en bas
Termi21
Papergeek
Termi21


Masculin Nombre de messages : 2269
Age : 37
Localisation : Metz
Date d'inscription : 17/09/2009

essais de personnalisation de bannieres annimées. Empty
MessageSujet: Re: essais de personnalisation de bannieres annimées.   essais de personnalisation de bannieres annimées. Icon_minitimeJeu 30 Juin 2011 - 9:20

En tout cas avec les bannières on se retrouve avec des pages excessivement large (la longueur de la bannière) enfin chez moi c'est comme ça.
Revenir en haut Aller en bas
kucha
Membre VIP
kucha


Masculin Nombre de messages : 167
Age : 38
Localisation : val d'oise
Date d'inscription : 05/04/2011

essais de personnalisation de bannieres annimées. Empty
MessageSujet: Re: essais de personnalisation de bannieres annimées.   essais de personnalisation de bannieres annimées. Icon_minitimeJeu 30 Juin 2011 - 10:00

Ha tien moi j'ai pas ce problème :o
Pauvre megawatt :(
Revenir en haut Aller en bas
megawatt
Modérateur
megawatt


Masculin Nombre de messages : 1629
Age : 42
Localisation : eclaron (haute marne)
Date d'inscription : 19/07/2009

essais de personnalisation de bannieres annimées. Empty
MessageSujet: Re: essais de personnalisation de bannieres annimées.   essais de personnalisation de bannieres annimées. Icon_minitimeJeu 30 Juin 2011 - 12:05

Ça confirme ce qui se disaitsur le net. Internet explorer 9 a la meilleur exception des scriptes.
Mais encore mieux sous explorer 5 et safari sur iPad 2.
Donc faut le faire sous flash et lui je ne le connais pas. Il n'est pas interdit de faire des recherches de votre cote. :D
Revenir en haut Aller en bas
http://mega-rea.pagesperso-orange.fr/
Contenu sponsorisé



essais de personnalisation de bannieres annimées. Empty
MessageSujet: Re: essais de personnalisation de bannieres annimées.   essais de personnalisation de bannieres annimées. Icon_minitime

Revenir en haut Aller en bas
 

essais de personnalisation de bannieres annimées.

Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1

 Sujets similaires

-
» Après premier essais, Masque Ironman
» Historique de nos bannières
» Taille des bannières pour vos sites

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Papercraft-Passion :: Discussion Générale :: Discussion générale-