Modifier curseur agrandir ChatBox

4 participants

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

Résolu Modifier curseur agrandir ChatBox

Message par marcophil Mar 21 Mar 2023 - 7:40

Détails techniques


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

Personnes concernées par le problème : Moi uniquement
Problème apparu depuis : 20/03/23
Lien du forum : https://aoliens.frenchboard.com/

Description du problème

bonjour tout le mondes Very Happy
Navigateur utilisé : Edge
sur l'image cerclé en rouge je cherche à modifier cette parti
par une autre image .
exemple celle-ci
https://i.servimg.com/u/f66/15/39/40/30/resize10.png
via le templates : PORTAIL-->mod_chatbox
Après l'avoir appliqué, il n'est pas pris en compte.
merci de votre aide..
marcophil

marcophil
***

Masculin
Messages : 144
Inscrit(e) le : 25/12/2022

https://aoliens.frenchboard.com/
marcophil a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Modifier curseur agrandir ChatBox

Message par creange Mar 21 Mar 2023 - 13:22

Bonjour Marcophil

tu peux le faire dans le css moi j'ai mis ce code mais je ne sais pas
si ça marche sur la versionphpBB2

Code:


        #fa_chat_container {
          background:#FFF;
          border:1px solid #556682;
          border-radius:3px;
          position:fixed;
          right:3px;
          z-index:999;
          overflow:hidden;
          min-width:500px;
          min-height:250px;
          transition:300ms;
        }
      
        #fa_chat {
          border:none;
          width:100%;
          height:100%;
      }
     
        #fa_chat_button {
          color:#FFF;
          line-height:30px;
          margin-left:10px;
          padding:0 5px;
          cursor:pointer;
        }
   

bonne journée
creange

creange
*****

Féminin
Messages : 759
Inscrit(e) le : 31/03/2011

https://dangela.forumgratuit.org/
creange a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Modifier curseur agrandir ChatBox

Message par MlleAlys Mar 21 Mar 2023 - 19:16

Bonjour,
Ajoutez le code suivant à votre feuille de style css :
Code:
img[alt="Forum test phpBB2 Resize"] {
  content: url(https://i.servimg.com/u/f66/15/39/40/30/resize10.png);
}
MlleAlys

MlleAlys
Membre actif

Messages : 5767
Inscrit(e) le : 12/09/2012

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

Résolu Re: Modifier curseur agrandir ChatBox

Message par marcophil Mer 22 Mar 2023 - 5:21

merci , mais après avoir testé les 2 codes aucun semble vouloir prendre place.
comme si cette image initial persiste ailleurs et empêche
la mise en place de l'image que je souhaite.
marcophil

marcophil
***

Masculin
Messages : 144
Inscrit(e) le : 25/12/2022

https://aoliens.frenchboard.com/
marcophil a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Modifier curseur agrandir ChatBox

Message par creange Mer 22 Mar 2023 - 13:17

Bonjour Marcophil
sur mon forum j'ai mis la tchat dans une page de redirection html
en récupérant tout le code de la chat après l'avoir ouvert dans un widget du portail
et j'ai pù ainsi la redimentionner avec de récupérer le code et le coller dans une page html
peut être que tu peux essayer .....

bonne journée à vous tous
creange

creange
*****

Féminin
Messages : 759
Inscrit(e) le : 31/03/2011

https://dangela.forumgratuit.org/
creange a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Modifier curseur agrandir ChatBox

Message par MlleAlys Mer 22 Mar 2023 - 15:47

@Marcophil Le code css que je vous ai proposé dans mon message précédent semble bien fonctionner sur mon forum de test :
Modifier curseur agrandir ChatBox Image138

Peut être avez-vous une erreur ailleurs dans votre feuille de style qui en fausse la lecture par le navigateur.
Pourriez-vous copier/coller votre feuille de style en entier, avec ce code compris, pour que l'on puisse la vérifier ?
MlleAlys

MlleAlys
Membre actif

Messages : 5767
Inscrit(e) le : 12/09/2012

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

Résolu Re: Modifier curseur agrandir ChatBox

Message par chattigre Mer 22 Mar 2023 - 20:01

Bonjour @marcophil,

Je ne sais pas si l'image par défaut est utilisée ailleurs, je vous propose ce code qui aura pour effet de la remplacer partout où elle apparait (si vous remarquez quelque chose de non souhaité ailleurs il faudra passer par du JS pour ne cibler que celle de la Chatbox) Wink
Code:
table td img[src$="/i/fa/resize.gif"][style*="se-resize"] {
   content: url("https://i.servimg.com/u/f66/15/39/40/30/resize10.png") !important;
}

@MlleAlys : Ton code marche bien sur ton forum test... Intitulé "Forum test phpBB2".
Le alt dépend du nom du forum, dans ce cas, donc il faudrait l'adapter au cas par cas si on utilise cet attribut Smile

Bonne journée !
chattigre

chattigre
Aidactif
Aidactif

Masculin
Messages : 3584
Inscrit(e) le : 17/04/2019

https://test1-chattigre.forumactif.fr
chattigre a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Modifier curseur agrandir ChatBox

Message par MlleAlys Mer 22 Mar 2023 - 20:13

Aaaaah mais oui je suis bête, je n'ai même pas fait attention au fait que c'était le nom de mon forum ! Je ne sais même pas comment j'ai pu passer à côté ! Laughing Embarassed
Désolée Marcophil et merci chattigre !
MlleAlys

MlleAlys
Membre actif

Messages : 5767
Inscrit(e) le : 12/09/2012

MlleAlys a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Modifier curseur agrandir ChatBox

Message par chattigre Mer 22 Mar 2023 - 20:20

MlleAlys a écrit:Aaaaah mais oui je suis bête, je n'ai même pas fait attention au fait que c'était le nom de mon forum ! Je ne sais même pas comment j'ai pu passer à côté ! Laughing Embarassed
Désolée Marcophil et merci chattigre !
De rien, on en fait tous des comme ça Smile
"Le code css que je vous ai proposé dans mon message précédent semble bien fonctionner sur mon forum de test :" Sur ton forum de test, je n'en doute pas ! Sur d'autres... Mr. Green ...
Bonne soirée !
chattigre

chattigre
Aidactif
Aidactif

Masculin
Messages : 3584
Inscrit(e) le : 17/04/2019

https://test1-chattigre.forumactif.fr
chattigre a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Modifier curseur agrandir ChatBox

Message par marcophil Jeu 23 Mar 2023 - 4:16

merci à vous 2 Yes
ça n'a pas perturbé le forum, c'est parfait.
une astuce qui pourra servir à d'autres.
problème résolu.
marcophil

marcophil
***

Masculin
Messages : 144
Inscrit(e) le : 25/12/2022

https://aoliens.frenchboard.com/
marcophil 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