Ajouter un sélecteur de couleurs

[Hudson Hornet]

Détails techniques

Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Mozilla Firefox, Google Chrome, Internet Explorer, Opera, Safari, Autre
Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : http://forum-zelda-botw.forumactif.com/

Description du problème

Bonjour,
J'aimerais ajouter un sélecteur de couleur comme celui-là https://forum.forumactif.com/t287454-ajouter-un-selecteur-de-couleur
Mais sans remplacer l'emplacement avec les couleurs de l'éditeur, en gros créer un bouton supplémentaire avec le sélecteur de couleur. le bouton, est-ce possible que l'icon du bouton soit cette image ?

Spoiler:

[Hudson Hornet]

Personne n'aime mon sujet ? x)

[Hudson Hornet]

UP

[Hudson Hornet]

UUP

[Hudson Hornet]

Est-ce possible de déplacer le sujet dans "besoin d'un devactif ?"

[Faline]

Bonsoir,

Pour avoir le sélecteur souhaité en plus de celui en place, il faudrait combiner votre tutoriel avec un tutoriel pour un bouton supplémentaire...

Pour la pipette j'ai remplacé pour démo le bouton à l'emplacement existant. Dans les javascripts le tutoriel que vous avez choisi et dans la feuille de styles :

Code:

.sceditor-button-color div{
    background-position: center center !important;
    background-image: url('http://www.icone-png.com/png/0/149.png') !important;
    background-size: 16px;
}

ce qui vous donne dans l'éditeur :

[Hudson Hornet]

Quel est le script exact à insérer dans les javascript ? Je ne comprend pas vraiment

[Faline]

Pour être sûr que ça marche aussi avec IE7 (qui commence à se faire vieux) celui dans le PS :

https://forum.forumactif.com/t287454-ajouter-un-selecteur-de-couleur

Ne pas oublier d'effacer la numérotation des lignes.

[Hudson Hornet]

Alors ça donne :

Code:

.sceditor-button-color div{
    background-position: center center !important;
    background-image: url('http://www.icone-png.com/png/0/149.png') !important;
    background-size: 16px;
}
!is_ie && $(function() {
  $('#text_editor_textarea').length && $.getScript("http://aska.123.st/17313.js")
});

C'est bien pour obtenir un second bouton en plus de l'autre ?

[Faline]

Malheureusement ce n'est pas ça du tout. Je n'ai aucune solution pour un 2e bouton.

Le code

Code:

.sceditor-button-color div{
    background-position: center center !important;
    background-image: url('http://www.icone-png.com/png/0/149.png') !important;
    background-size: 16px;
}

se place dans la feuille de styles et permet uniquement de remplacer le bouton par défaut du sélecteur de couleurs par la pipette que vous avez choisie (ou, avec un autre identifiant, aussi un autre bouton). Le javascript est celui que vous avez choisi.

J'espère que quelqu'un d'autre trouvera la solution pour un 2e bouton.

[Hudson Hornet]

D'accord, merci de ton aide quand-même.
En attente de quelqu'un qui sait créer un 2ème bouton x).

[Hudson Hornet]

UP

[Hudson Hornet]

UP