Ajouter un sélecteur de couleurs

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

Résolu Ajouter un sélecteur de couleurs

Message par Krustiz le Ven 23 Fév 2018 - 13:00

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:


Dernière édition par Krustiz le Mer 21 Mar 2018 - 12:04, édité 1 fois
avatar

Krustiz
*

Masculin
Messages : 38
Inscrit(e) le : 09/04/2017

http://forum-zelda-botw.forumactif.com/
Krustiz a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Ajouter un sélecteur de couleurs

Message par Krustiz le Sam 24 Fév 2018 - 15:08

Personne n'aime mon sujet ? x)
avatar

Krustiz
*

Masculin
Messages : 38
Inscrit(e) le : 09/04/2017

http://forum-zelda-botw.forumactif.com/
Krustiz a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Ajouter un sélecteur de couleurs

Message par Krustiz le Jeu 1 Mar 2018 - 18:52

UP
avatar

Krustiz
*

Masculin
Messages : 38
Inscrit(e) le : 09/04/2017

http://forum-zelda-botw.forumactif.com/
Krustiz a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Ajouter un sélecteur de couleurs

Message par Krustiz le Jeu 8 Mar 2018 - 17:50

UUP
avatar

Krustiz
*

Masculin
Messages : 38
Inscrit(e) le : 09/04/2017

http://forum-zelda-botw.forumactif.com/
Krustiz a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Ajouter un sélecteur de couleurs

Message par Krustiz le Ven 9 Mar 2018 - 17:17

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

Krustiz
*

Masculin
Messages : 38
Inscrit(e) le : 09/04/2017

http://forum-zelda-botw.forumactif.com/
Krustiz a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Ajouter un sélecteur de couleurs

Message par Faline le Ven 9 Mar 2018 - 20:10

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 :

avatar

Faline
*****

Féminin
Messages : 813
Inscrit(e) le : 16/08/2006

http://faline.conceptbb.com/
Faline a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Ajouter un sélecteur de couleurs

Message par Krustiz le Ven 9 Mar 2018 - 21:42

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

Krustiz
*

Masculin
Messages : 38
Inscrit(e) le : 09/04/2017

http://forum-zelda-botw.forumactif.com/
Krustiz a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Ajouter un sélecteur de couleurs

Message par Faline le Ven 9 Mar 2018 - 22:34

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.
avatar

Faline
*****

Féminin
Messages : 813
Inscrit(e) le : 16/08/2006

http://faline.conceptbb.com/
Faline a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Ajouter un sélecteur de couleurs

Message par Krustiz le Ven 9 Mar 2018 - 23:00

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 ?
avatar

Krustiz
*

Masculin
Messages : 38
Inscrit(e) le : 09/04/2017

http://forum-zelda-botw.forumactif.com/
Krustiz a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Ajouter un sélecteur de couleurs

Message par Faline le Ven 9 Mar 2018 - 23:40

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.
avatar

Faline
*****

Féminin
Messages : 813
Inscrit(e) le : 16/08/2006

http://faline.conceptbb.com/
Faline a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Ajouter un sélecteur de couleurs

Message par Krustiz le Sam 10 Mar 2018 - 9:19

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

Krustiz
*

Masculin
Messages : 38
Inscrit(e) le : 09/04/2017

http://forum-zelda-botw.forumactif.com/
Krustiz a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Ajouter un sélecteur de couleurs

Message par Krustiz le Mer 14 Mar 2018 - 19:58

UP
avatar

Krustiz
*

Masculin
Messages : 38
Inscrit(e) le : 09/04/2017

http://forum-zelda-botw.forumactif.com/
Krustiz a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Ajouter un sélecteur de couleurs

Message par Krustiz le Lun 19 Mar 2018 - 16:52

UP
avatar

Krustiz
*

Masculin
Messages : 38
Inscrit(e) le : 09/04/2017

http://forum-zelda-botw.forumactif.com/
Krustiz 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