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

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 le 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
Nouveau membre

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

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 Milouze14 le 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++

Milouze14
+ Hyperactif +

Masculin
Messages : 4563
Inscrit(e) le : 18/04/2005

http://www.milouze14.com/
Milouze14 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 le 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
Nouveau membre

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

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 Milouze14 le 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 bouton
a++

Milouze14
+ Hyperactif +

Masculin
Messages : 4563
Inscrit(e) le : 18/04/2005

http://www.milouze14.com/
Milouze14 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 le 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
Nouveau membre

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

http://themortalinstrument.forumactif.org/
Mr Hyde a été remercié(e) par l'auteur de ce sujet.
  • 0

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

Message par Milouze14 le Ven 27 Nov 2015 - 12:43

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

#av_quickreply {
    float: left;

z-index:999;
}
a++

Milouze14
+ Hyperactif +

Masculin
Messages : 4563
Inscrit(e) le : 18/04/2005

http://www.milouze14.com/
Milouze14 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 le 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
Nouveau membre

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

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 le 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 ♥
..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


Vous pouvez également remercier les personnes qui vous ont aidé, en cliquant sur le bouton

A bientôt sur ForumActif Smile


Règles Générales du Forum - Le Staff de ForumActif
Questions & Réponses Fréquentes - Trucs & Astuces
Outils Fondateurs - Perte de Mot de Passe

Chacha
Modéractif
Modéractif

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

http://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


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