Encore un souci de boutons

[creange]

Détails techniques

Version du forum : phpBB3
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Google Chrome
Personnes concernées par le problème : Moi uniquement
Lien du forum : https://dangela.forumgratuit.org/

Description du problème

Bonjour désolée j'ai encore un problème d'icône
de messages dans l'éditeur je n'arrive pas à retirer
le bouton Enrichir le contenu pour les réseaux sociaux
j'ai cherché partout impossible de trouver le  display none de
ce bouton ??

Est-il possible de le retirer et quel button ? dans le code ?
J'ai tout essayé Facebook , Enrichir le lien, réseaux sociaux ... rien n'a fonctionné ....

Merci pour la réponse
bon début de week end

[Toryudo]

Bonjour !
Pour le mettre en display none, vous allez faire comme ceci :

Code:

.sceditor-button-embed {
  display: none;
}

[chattigre]

Bonjour,

Pas besoin de CSS ^^ :

PA / Général / Messages et e-mails - Configuration : Autoriser [EMBED] pour enrichir les liens : Non

Bonne journée !

[creange]

Bonjour  

merci pour le code Toryudo 

Chattigre en fait ce que je veux faire c'est faire remonter le bouton mention
et changer l'image 
j'ai réussi à le faire remonter en le mettant à la place d'un autre bouton 
j'ai réussi à changer l'intitulé Mentionner 
mais malgré que j'ai mis le code dans le css pour l'image je n'arrive pas à 
changer l'image du bouton mention 

voici le code que j'ai mis 

Code:


/* image du bouton mention*/
.sceditor-button-mention div { background-image:url() !important }

.sceditor-button-mention div {
  background-position: 0!important;
  background-image: url();
}


merci pour l'aide 
bon dimanche

[chattigre]

Bonjour,

Je ne comprends pas là du coup...

La demande, c'est retirer le bouton embed ou juste le déplacer ?

Ou alors il y a deux demandes là ? Une pour le bouton embed à désactiver et une autre pour déplacer le bouton mention, c'est cela ?

Cordialement

[creange]

Chattigre
en fait je voulais désactiver le bouton embed pour que le bouton mention prenne sa place
et comme j'ai ce problème pour mettre l'image j'en profite pour en parler 
j'aurai dù mettre sur ma demande  remplacer le bouton dont je connaissais pas le display none 
désolée de la confusion

[chattigre]

Chattigre
en fait je voulais désactiver le bouton embed pour que le bouton mention prenne sa place
et comme j'ai ce problème pour mettre l'image j'en profite pour en parler 
j'aurai dù mettre sur ma demande  remplacer le bouton dont je connaissais pas le display none 
désolée de la confusion

Alors ça, c'est pas possible...

Le bouton mention est dans le dernier bloc, le bouton embed dans le 5e, donc masquer le bouton embed ne fera pas se déplacer le bouton mention...

Après il doit être possible de le faire, mais pas en CSS...

Je passe la main sur ce point, je n'aurai pas le temps de coder prochainement...

Une piste éventuellement : https://forum.forumactif.com/t404851-

Bonne journée

[creange]

si si Chattigre j'ai réussi à déplacer le bouton 

[img][/img]

donc si je mets l'autre code ça va faire doublon mais je garde le code sous le coude
on ne sait jamais 


merci pour la réponse je vais attendre la prochaine réponse 
bonne fin de journée cordialement

[creange]

Quelqu'un sait comment faire ?

[creange]

je ne trouve toujours pas ?

[creange]

Bonsoir en m'aidant de la réponse trouvée sur sur ce lien https://forum.forumactif.com/t406694-peut-on-remplacer-une-icone-de-message

j'ai fait cette image 
et j'ai mis ce code css 

Code:


.sceditor-button div, div.sceditor-grip {
  background-image: url();
}

et j'ai mis tous les codes des images de boutons avec le code 

Code:


/* image du bouton mention */
.sceditor-button-mention div { background-image:url(url de l'image du bouton)!important}

.sceditor-button-mention div {
  background-position: 0!important;
  background-image: url(url de l'image du bouton);

et j'ai essayé ce code dans le template Post-body

Code:

<div><!-- sceditor-toolbar -->
 
        <a href="/sceditor-toolbar" target="sceditor-button toolbar"><img src="url" /></a>
        
  
          
  </div>

mais ça ne marche toujours pas  est que quelqu'un connait la solution ?

[creange]

Up

[MlleAlys]

Bonjour,
Pour changer l'image du bouton "mention", normalement ce code css fonctionne :

Code:

.sceditor-toolbar .sceditor-button-mention div {
  background: url(https://i.servimg.com/u/f92/14/77/07/89/mini_b24.png) !important;
  background-position: 0!important;
}

[creange]

Bonsoir MelleAlys
ben non le code ne marche pas mon bouton mention ne change pas   

[MlleAlys]

Il fonctionne pourtant bien sur mon forum test.

Avez-vous bien retiré vos codes non fonctionnels imaginés dans [url=plusieurs jours plus tard toujours aucune nouvelle, et là mon frère met en commentaire sur la ]votre message ici[/url] ?

Pourriez-vous fournir votre feuille de style css actuelle ? Peut-être comporte-elle une erreur qui fausse le code.
Et auriez vous un sujet ouvert aux invités pour que l'on puisse voir directement le problème et l'inspecter ?

Avec le code que j'ai proposé installé sur votre forum.

[creange]

Code:



a.sceditor-button.sceditor-button-quote {
 display: none;
}



a.sceditor-button.sceditor-button-time {
 display: none;
}

a.sceditor-button.sceditor-button-date {
 display: none;
}


a.sceditor-button.sceditor-button-fahide{
 display: none;
}


a.sceditor-button.sceditor-button-removeformat {
 display: none;
}



a.sceditor-button.sceditor-button-faspoiler {
 display: none;
}


a.sceditor-button.sceditor-button-embed {
 display: none;
}



a.sceditor-button-sceditor-button-police {
  display; none;
}

.sceditor-toolbar
{
  background: #330099 !important;
  border-bottom: 1px solid #330099 !important;
}


.sceditor-container
{
width: 98% !important;
margin:10px auto !important;
  background: #ffffff !important;
border: 4px solid #330099 !important;
}

.sceditor-container textarea, .sceditor-container iframe
{
  padding: 5px !important;
  background: #ffffff !important;
  border: 1px solid #330099 !important;
}




/* image du bouton source */
.sceditor-button-source div { background-image:url() !important }



.sceditor-button-source div {
  background-position: 0!important;
  background-image: url();
}



/* image du bouton servimg */
.sceditor-button-servimg div { background-image:url() !important }

.sceditor-button-servimg div {
  background-position: 0!important;
  background-image: url();
}



/* image du bouton image */
.sceditor-button-image div { background-image:url() !important }

.sceditor-button-image div {
  background-position: 0!important;
  background-image: url();
}

/* image du bouton youtube */
.sceditor-button-youtube div { background-image:url() !important }

.sceditor-button-youtube div {
  background-position: 0!important;
  background-image: url();
}
/* image du bouton link */
.sceditor-button-link div { background-image:url() !important }

.sceditor-button-link div {
  background-position: 0!important;
  background-image: url();
}

/* image du bouton bold */
.sceditor-button-bold div { background-image:url() !important }

.sceditor-button-bold div {
  background-position: 0!important;
  background-image: url();
}


/* image du bouton italic */
.sceditor-button-italic div { background-image:url() !important }

.sceditor-button-italic div {
  background-position: 0!important;
  background-image: url();
}




/* image du bouton underline */
.sceditor-button-underline div { background-image:url() !important }

.sceditor-button-underline div {
  background-position: 0!important;
  background-image: url();
}




/* image du bouton strike */
.sceditor-button-strike div { background-image:url() !important }

.sceditor-button-strike div {
  background-position: 0!important;
  background-image: url();
}




/* image du bouton left  */
.sceditor-button-left div { background-image:url() !important }

.sceditor-button-left  div {
  background-position: 0!important;
  background-image: url);
}


/* image du bouton center */
.sceditor-button-center div { background-image:url() !important }

.sceditor-button-center div {
  background-position: 0!important;
  background-image: url();
}


/* image du bouton right */
.sceditor-button-right div { background-image:url() !important }

.sceditor-button-right div {
  background-position: 0!important;
  background-image: url();
}



/* image du bouton justify */
.sceditor-button-justify div { background-image:url() !important }

.sceditor-button-justify div {
  background-position: 0!important;
  background-image: url();
}


/* image du bouton code */
.sceditor-button-code div { background-image:url() !important}
  
  .sceditor-button-code div {
  background-position: 0!important;
  background-image: url();
}





/*bouton image du bouton police */
.sceditor-button-police div { background-image:url() !important}

.sceditor-button-police {
  background-position:0!important;
  background-image:url();
}



/* image du bouton smiley */
.sceditor-button-emoticon div { background-image:url() !important}

.sceditor-button-emoticon div {
  background-position: 0!important;
  background-image: url();


}


/* image du bouton mention */
.sceditor-toolbar .sceditor-button-mention div {
  background: url()) !important;
  background-position: 0!important;
}




        #fa_chat_container {
          background:#blue;
          border:1px solid #556682;
          border-radius:3px;
          position:fixed;
          right:3px;
          z-index:999;
          overflow:hidden;
          min-width:150px;
          min-height:100px;
          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;
        }
      
        #fa_chat_button.fa_chat_active {
          color:#333;
          background:#fffff;
        }




#chatbox.option-connect afer {
  font-family: "trebuchet ms", serif;
  font-size: 1.5em; line-height:1.5em; font-weight: bold; color: #000000;
  box-shadow:0 0 5px #AED581; display:block; background: #F1F8E9; margin:auto;
  width:80%; margin:1.5% auto; padding:1%; white-space: pre;
  content: " .";
}



#chatbox.recently-connected:after {
  font-family: "trebuchet ms", serif;
  font-size: 1.5em; line-height:1.5em; font-weight: bold; color: #purple;
  box-shadow:0 0 5px #AED581; display:block; background: #blue; margin:auto;
  width:80%; margin:1.5% auto; padding:1%; white-space: pre;
  content: "Bienvenue  installes toi , .";
}




et je vais aller ouvrir un sujet aux invités

[MlleAlys]

Il me semble qu'il y a deux parenthèses à la fin du lien de l'image au lieu d'une seule, lorsque vous avez mis mon code dans votre css. Corrigez cette erreur et voyez si cela fonctionne.
Si non, je regarderai demain plus en détail ^^

[creange]

Aah merci ça marche 

merci   pour votre aide à force de regarder mon code 
je ne le voyais plus 

encore merci bonne nuit

[MlleAlys]

De rien ! (pensez à passer votre sujet en résolu )

[creange]