Comment afficher notre avatar sur une page html ? [ Résolu ]

3 participants

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Comment afficher notre avatar sur une page html ? [ Résolu ]

Message par phinolex1 Jeu 14 Nov 2013 - 22:43

Bonjour,

J'aurais aimer savoir si il existerais un code HTML / js pour afficher notre avatar autre que sur le forum. ( exemple = page html ) .

Je remercie d'avance ceux qui m'aiderons.


Dernière édition par phinolex1 le Lun 18 Nov 2013 - 21:11, édité 1 fois
phinolex1

phinolex1
****

Messages : 480
Inscrit(e) le : 14/01/2012

http://www.tibiland.net
phinolex1 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment afficher notre avatar sur une page html ? [ Résolu ]

Message par phinolex1 Ven 15 Nov 2013 - 18:14

Up
phinolex1

phinolex1
****

Messages : 480
Inscrit(e) le : 14/01/2012

http://www.tibiland.net
phinolex1 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment afficher notre avatar sur une page html ? [ Résolu ]

Message par phinolex1 Sam 16 Nov 2013 - 20:20

Up. Sad Sad
phinolex1

phinolex1
****

Messages : 480
Inscrit(e) le : 14/01/2012

http://www.tibiland.net
phinolex1 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment afficher notre avatar sur une page html ? [ Résolu ]

Message par smartounet Sam 16 Nov 2013 - 22:31

smartounet

smartounet
**

Masculin
Messages : 63
Inscrit(e) le : 11/12/2009

http://www.motards87.fr
smartounet a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment afficher notre avatar sur une page html ? [ Résolu ]

Message par phinolex1 Dim 17 Nov 2013 - 0:48

Bonjour et merci pour votre réponse.

Le javascript , ce n'est pas trop ma tasse de thé. :s
J'ai essayer de reprendre les codes js et css en les modifiant. Mais rien ne ce passe.

Le sujet reste donc d'actualité...
phinolex1

phinolex1
****

Messages : 480
Inscrit(e) le : 14/01/2012

http://www.tibiland.net
phinolex1 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment afficher notre avatar sur une page html ? [ Résolu ]

Message par Wave Dim 17 Nov 2013 - 13:49

Bonjour,

Comme la version de votre forum est phpbb2 voici le code à mettre:

Code:
<script type="text/javascript">jQuery(document).ready(function() { $('#avatar_du_membre').load('/profile?mode=editprofile&page_profil=avatars #register .forumline .row1 img'); });</script>

<div id="avatar_du_membre"></div>
Cordialement,
Wave

Wave
*****

Masculin
Messages : 567
Inscrit(e) le : 04/12/2011

Wave a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment afficher notre avatar sur une page html ? [ Résolu ]

Message par phinolex1 Dim 17 Nov 2013 - 17:29

Wave a écrit:Bonjour,

Comme la version de votre forum est phpbb2 voici le code à mettre:

Code:
<script type="text/javascript">jQuery(document).ready(function() { $('#avatar_du_membre').load('/profile?mode=editprofile&page_profil=avatars #register .forumline .row1 img'); });</script>

<div id="avatar_du_membre"></div>
Cordialement,
Bonjour,

Le code que vous m'avez passer ne fonctionne pas sur ma page html.

Ps : Oui, je suis bien en phpbb2.
phinolex1

phinolex1
****

Messages : 480
Inscrit(e) le : 14/01/2012

http://www.tibiland.net
phinolex1 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment afficher notre avatar sur une page html ? [ Résolu ]

Message par Wave Dim 17 Nov 2013 - 17:39

Quelle est l'adresse de la page ?
Avez vous modifié des templates ? Si oui lesquels ?
Wave

Wave
*****

Masculin
Messages : 567
Inscrit(e) le : 04/12/2011

Wave a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment afficher notre avatar sur une page html ? [ Résolu ]

Message par phinolex1 Dim 17 Nov 2013 - 20:22

Voici la page en question avec le code que vous m'avez passer.
( la page reste blanche )


http://www.tibiland.net/h14-


J'ai modifier les templates suivant :

index_body
index_box
overall_header
overall_footer_begin
overall_footer_end
viewtopic_body
phinolex1

phinolex1
****

Messages : 480
Inscrit(e) le : 14/01/2012

http://www.tibiland.net
phinolex1 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment afficher notre avatar sur une page html ? [ Résolu ]

Message par Wave Dim 17 Nov 2013 - 20:37

Comme c'est une page vierge il n'y a pas jQuery ajoutez juste cette ligne en début de code:
Code:
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script>
Wave

Wave
*****

Masculin
Messages : 567
Inscrit(e) le : 04/12/2011

Wave a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment afficher notre avatar sur une page html ? [ Résolu ]

Message par phinolex1 Dim 17 Nov 2013 - 21:54

Wave a écrit:Comme c'est une page vierge il n'y a pas jQuery ajoutez juste cette ligne en début de code:
Code:
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script>
J'ai ajouter ce code au début du code précédent, comme ceci :

Code:
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript">jQuery(document).ready(function() { $('#avatar_du_membre').load('/profile?mode=editprofile&page_profil=avatars #register .forumline .row1 img'); });</script>

<div id="avatar_du_membre"></div>


La page reste toujours vierge. :/
phinolex1

phinolex1
****

Messages : 480
Inscrit(e) le : 14/01/2012

http://www.tibiland.net
phinolex1 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment afficher notre avatar sur une page html ? [ Résolu ]

Message par phinolex1 Lun 18 Nov 2013 - 18:03

Up
phinolex1

phinolex1
****

Messages : 480
Inscrit(e) le : 14/01/2012

http://www.tibiland.net
phinolex1 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment afficher notre avatar sur une page html ? [ Résolu ]

Message par Wave Lun 18 Nov 2013 - 18:53

Vous n'avez pas respecté la syntaxe ouverture/fermeture de balises Smile

Remplacez tout par ceci:

Code:
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script>
<script>jQuery(document).ready(function() { $('#avatar_du_membre').load('/profile?mode=editprofile&page_profil=avatars #register .forumline .row1 img'); });</script>
 
<div id="avatar_du_membre"></div>
Wave

Wave
*****

Masculin
Messages : 567
Inscrit(e) le : 04/12/2011

Wave a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment afficher notre avatar sur une page html ? [ Résolu ]

Message par phinolex1 Lun 18 Nov 2013 - 20:58

Wave a écrit:Vous n'avez pas respecté la syntaxe ouverture/fermeture de balises Smile

Remplacez tout par ceci:

Code:
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script>
<script>jQuery(document).ready(function() { $('#avatar_du_membre').load('/profile?mode=editprofile&page_profil=avatars #register .forumline .row1 img'); });</script>
 
<div id="avatar_du_membre"></div>
Merci beaucoup! Cela fonctionne parfaitement Very Happy

J'ai une autre question, comment changer la taille de l'avatar ?
phinolex1

phinolex1
****

Messages : 480
Inscrit(e) le : 14/01/2012

http://www.tibiland.net
phinolex1 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment afficher notre avatar sur une page html ? [ Résolu ]

Message par Wave Lun 18 Nov 2013 - 21:01

Re,

En ajoutant du CSS:

Code:
<style>#avatar_du_membre img {
  width: 100px;
}</style>
Je n'ai pas ajouté height car sinon l'avatar serait déformé et ne garderait pas ses proportions.
Wave

Wave
*****

Masculin
Messages : 567
Inscrit(e) le : 04/12/2011

Wave a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment afficher notre avatar sur une page html ? [ Résolu ]

Message par phinolex1 Lun 18 Nov 2013 - 21:06

Wave a écrit:Re,

En ajoutant du CSS:

Code:
<style>#avatar_du_membre img {
  width: 100px;
}</style>
Je n'ai pas ajouté height car sinon l'avatar serait déformé et ne garderait pas ses proportions.
Merci de ta réponse.

J'ai coller votre code css, mais il ne fonctionne pas ( l'image ne rétrécit pas même en changeants la valeur )

Voici le code en entier :
Code:
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script>
<script>jQuery(document).ready(function() { $('#avatar_du_membre').load('/profile?mode=editprofile&page_profil=avatars #register .forumline .row1 img'); });</script>
 
<div id="avatar_du_membre"></div>

<style>#avatar_du_membre {
  width: 100px;
}</style>
phinolex1

phinolex1
****

Messages : 480
Inscrit(e) le : 14/01/2012

http://www.tibiland.net
phinolex1 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment afficher notre avatar sur une page html ? [ Résolu ]

Message par Wave Lun 18 Nov 2013 - 21:08

J'avais rajouté un img après #avatar_du_membre mais vous avez été plus rapide que moi Mr. Green 
Wave

Wave
*****

Masculin
Messages : 567
Inscrit(e) le : 04/12/2011

Wave a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment afficher notre avatar sur une page html ? [ Résolu ]

Message par phinolex1 Lun 18 Nov 2013 - 21:11

Wave a écrit:J'avais rajouté un img après #avatar_du_membre mais vous avez été plus rapide que moi Mr. Green 
Effectivement x') .

Merci beaucoup pour votre aide. C'est très sympa de votre part. ;D

Merci. :')
phinolex1

phinolex1
****

Messages : 480
Inscrit(e) le : 14/01/2012

http://www.tibiland.net
phinolex1 a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut

- Sujets similaires

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