Problème avec tutoriel : Ajouter l'avatar à côté du bloc de réponse rapide

2 participants

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

Résolu Problème avec tutoriel : Ajouter l'avatar à côté du bloc de réponse rapide

Message par Mr Hyde Jeu 26 Nov 2015 - 11:48

Détails techniques


Version du forum : phpBB2
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Google Chrome
Capture d'écran du problème :
Voir l'image:

Personnes concernées par le problème : Moi uniquement
Lien du forum : http://tmitest.forumactif.org/

Description du problème

Bonjour ! J'ai tenter de faire ce tutoriel sur mon forumtest avant la prochaine mise à jour de mon forum.

J'ai tout suivit à la lettre, mais lorsque je constate le résultat, l'avatar se place un peu étrangement et sous le bloc de réponse rapide. (Voir la capture d'écran)
La modification s'est effectuée comme le tutoriel, le javascript ci-joint :

Code:
jQuery().ready(function() {
  $("#quick_reply").prepend("<div id='av_quickreply'>"+_userdata.avatar+"</div>");
});

Et le CSS :

Code:
/* Avatar sur bloc de réponse rapide */
#av_quickreply img {
    left: 15px;
    position: relative;
    top: 35px;
}
 
#av_quickreply {
    float: left;
    position : absolute;
}

Je m'en remet à vous donc pour voir ce qui pose problème ♥ Merci pour votre temps.


Dernière édition par Mr Hyde le Jeu 3 Déc 2015 - 10:46, édité 1 fois
Mr Hyde

Mr Hyde
Nouveau membre

Messages : 6
Inscrit(e) le : 08/07/2015

Voir le profil de l'utilisateur http://themortalinstrument.forumactif.org/
Mr Hyde a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec tutoriel : Ajouter l'avatar à côté du bloc de réponse rapide

Message par Invité Jeu 26 Nov 2015 - 15:38

Salut Mr Hyde,


ici:
Code:

#av_quickreply {
    float: left;
    position : absolute;
}

ajoutes un z-index
Code:

#av_quickreply {
    float: left;
    position : absolute;
z-index:999;
}



Wink

a++
Anonymous

Invité
Invité


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

Résolu Re: Problème avec tutoriel : Ajouter l'avatar à côté du bloc de réponse rapide

Message par Mr Hyde Jeu 26 Nov 2015 - 22:37

Merci pour la réponse, j'ai donc tenter l'opération, l'avatar à légèrement bouger, mais cela semble toujours pas correct.

Capture ici:

N'est-ce pas un problème lié à la dimension du bloc de réponse ? Je ne m'y connais pas bien, mais, il semblerait qu'il ne se réduit pas comme elle devrait le faire. Voilà, si jamais tu trouves une solution ♥
Mr Hyde

Mr Hyde
Nouveau membre

Messages : 6
Inscrit(e) le : 08/07/2015

Voir le profil de l'utilisateur http://themortalinstrument.forumactif.org/
Mr Hyde a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec tutoriel : Ajouter l'avatar à côté du bloc de réponse rapide

Message par Invité Ven 27 Nov 2015 - 6:09

Salut Mr Hyde,

l'image de l'avatar est bien trop grande , il faut diminuer les dimensions:

Dans la feuille de style:
Affichage/Images et Couleurs/Couleurs/Feuille de style





Recherches:
Code:

#av_quickreply img
{
    left: 15px;
    position: relative;
    top: 35px;
}


Remplaces par:
Code:
#av_quickreply img
{
  min-width:50px;
  width:auto;
  max-width:120px;
  min-height:50px;
  height:auto;
  max-height:120px;
  left: 15px;
  position: relative;
  top: 35px;
}

Diminution de la réponse rapide

Ajoutes ceci:
Code:

/*Diminution de la reponse rapide*/
#quick_reply .sceditor-container {width:400px !important;}

Penses à cliquer sur le boutonProblème avec tutoriel : Ajouter l'avatar à côté du bloc de réponse rapide Boutonvalider
a++
Anonymous

Invité
Invité


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

Résolu Re: Problème avec tutoriel : Ajouter l'avatar à côté du bloc de réponse rapide

Message par Mr Hyde Ven 27 Nov 2015 - 12:02

Bonjour, j'ai effectuer la manip voilà le résultat :

Spoiler:

L'avatar se repositionne en haut, décidément désolée, que des problèmes sur problèmes. En tout cas le bloc de réponse à bien réduit, tout comme l'avatar. Merci encore pour ton aide.
Mr Hyde

Mr Hyde
Nouveau membre

Messages : 6
Inscrit(e) le : 08/07/2015

Voir le profil de l'utilisateur http://themortalinstrument.forumactif.org/
Mr Hyde a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec tutoriel : Ajouter l'avatar à côté du bloc de réponse rapide

Message par Invité Ven 27 Nov 2015 - 12:43

Re,
hum !!!!
Tu as bien laissé ceci?
Code:

#av_quickreply {
    float: left;

z-index:999;
}
a++
Anonymous

Invité
Invité


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

Résolu Re: Problème avec tutoriel : Ajouter l'avatar à côté du bloc de réponse rapide

Message par Mr Hyde Ven 27 Nov 2015 - 15:27

Oui c'est bon je l'ai remit ! J'ai plus qu'à jouer sur les dimensions et ça ira je crois, merci pour tout ♥
Mr Hyde

Mr Hyde
Nouveau membre

Messages : 6
Inscrit(e) le : 08/07/2015

Voir le profil de l'utilisateur http://themortalinstrument.forumactif.org/
Mr Hyde a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec tutoriel : Ajouter l'avatar à côté du bloc de réponse rapide

Message par Chacha Jeu 3 Déc 2015 - 10:44

Mr Hyde a écrit:Oui c'est bon je l'ai remit ! J'ai plus qu'à jouer sur les dimensions et ça ira je crois, merci pour tout ♥
.Problème avec tutoriel : Ajouter l'avatar à côté du bloc de réponse rapide HURHAdp.Bonjour,

Afin de faciliter la gestion des problèmes, si votre problème est résolu, pensez à :
  • éditer votre premier message,
  • cocher l'icône résolu
  • Et enregistrer en cliquant sur Problème avec tutoriel : Ajouter l'avatar à côté du bloc de réponse rapide Envoi10


Vous pouvez également remercier les personnes qui vous ont aidé, en cliquant sur le bouton Problème avec tutoriel : Ajouter l'avatar à côté du bloc de réponse rapide 50378

A bientôt sur ForumActif Smile
Chacha

Chacha
Modéractif
Modéractif

Masculin
Messages : 67168
Inscrit(e) le : 21/08/2010

Voir le profil de l'utilisateur https://forum.forumactif.com/
Chacha 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