Choix des couleurs dans le message

4 participants

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

Résolu Choix des couleurs dans le message

Message par Nekothika Lun 29 Juil 2013 - 8:07

Bonjour/bonsoir à tous ! j'aimerais savoir s'il est possible, et si oui, comment faire en sorte que dans la palette de couleur il s'y trouve à la fois la palette étendue mais également les couleurs de base.

Merci encore pour votre aide

P.S. : Est-ce moi qui suis pas douée ou la recherche dans ce forum se limite au premier mot uniquement lorsqu'un cherche une solution, c'est assez frustrant de mettre par exemple "changer couleur" et de tomber sur des resultats qui nous propose de changer de smillions de choses, sauf ce que l'on veut car il n'as cherché que le premier mot. ^^


Dernière édition par Anadriah le Sam 3 Aoû 2013 - 3:02, édité 1 fois
Nekothika

Nekothika
*****

Féminin
Messages : 678
Inscrit(e) le : 26/09/2009

http://nexity.bb-fr.com / http://yggdrasil-minecraft.geekaddict.
Nekothika a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Choix des couleurs dans le message

Message par Lixyr Lun 29 Juil 2013 - 14:18

Bonjour.

A l'heure actuelle, on ne peut choisir que l'un ou l'autre, pas les deux en même temps.
Je vous laisse lire ce sujet : nouvel éditeur de message

Cordialement.


Pour faciliter les recherches, mettez un titre explicite.
Remerciez Choix des couleurs dans le message 976083691 le message qui vous a aidé pour que celui-ci soit mis en évidence.
Épinglez votre sujet en résolu Choix des couleurs dans le message 3592387030 pour prévenir la modération.

Choix des couleurs dans le message Baston10
Lixyr

Lixyr
Aidactive
Aidactive

Féminin
Messages : 7381
Inscrit(e) le : 22/07/2010

https://forum.forumactif.com
Lixyr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Choix des couleurs dans le message

Message par Nekothika Lun 29 Juil 2013 - 14:25

Cela vaut-il le coup de faire une suggestion ?
Nekothika

Nekothika
*****

Féminin
Messages : 678
Inscrit(e) le : 26/09/2009

http://nexity.bb-fr.com / http://yggdrasil-minecraft.geekaddict.
Nekothika a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Choix des couleurs dans le message

Message par Invité Lun 29 Juil 2013 - 14:46

Bonjour,

En faite vous demandez à utiliser les couleurs du mode simple et du mode avancer en un seul ? S'est bien ça ?

CDT, Etax.
Anonymous

Invité
Invité


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

Résolu Re: Choix des couleurs dans le message

Message par Nekothika Lun 29 Juil 2013 - 14:48

Oui, les deux palettes, en une seule.
Nekothika

Nekothika
*****

Féminin
Messages : 678
Inscrit(e) le : 26/09/2009

http://nexity.bb-fr.com / http://yggdrasil-minecraft.geekaddict.
Nekothika a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Choix des couleurs dans le message

Message par Invité Lun 29 Juil 2013 - 15:02

J'ai jamais trouver de moyen de faire pareil que vous, certaine couleur du mode simple et du mode avance ne son pas pareil.

Je me demande s'il faut pas faire une suggestion sur : Vos suggestions pour vos forums

Ea connais le css et le codage il me semble, il doit avoir surement une petit solution pour ça ou même voir ajouter des couleurs soit dans le mode simple ou sur le mode avant. Il faux voir s'il cela est possible.

Bonne journée, Etax.
Anonymous

Invité
Invité


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

Résolu Re: Choix des couleurs dans le message

Message par MlleAlys Lun 29 Juil 2013 - 17:49

Bonjour,
Ea avait donné un code pour faire votre propre palette....... mais je ne sais plus où x.x
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: Choix des couleurs dans le message

Message par Lixyr Mar 30 Juil 2013 - 0:27

Serait-ce ce sujet, que tu cherches, MlleAlys ? C'est le seul que j'ai trouvé d'EA. Du reste, avec le nouvel éditeur, je ne pense pas qu'on puisse faire grand chose pour l'instant.

Il y a cependant de quoi bidouiller dans ce sujet.
Lixyr

Lixyr
Aidactive
Aidactive

Féminin
Messages : 7381
Inscrit(e) le : 22/07/2010

https://forum.forumactif.com
Lixyr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Choix des couleurs dans le message

Message par MlleAlys Mar 30 Juil 2013 - 0:43

non, pas celui là, un autre encore, que j'ai moi même utilisé pour refaire la palette d'un forum ^^ (visible ici : http://le-royaume-d-ekiard.lebonforum.com/post?f=4&mode=newtopic )
(au pire j'ai donc le code que nous avons utilisé là, mais les couleurs ont été choisies en fonction de celle de notre fond... ou bien celui que j'ai utilisé ici, plus proche de celui d'origine : http://estrelane.forumactif.com/post?f=7&mode=newtopic )
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: Choix des couleurs dans le message

Message par Lixyr Mar 30 Juil 2013 - 0:51

Voilà qui est trouvé : lien.


Pour faciliter les recherches, mettez un titre explicite.
Remerciez Choix des couleurs dans le message 976083691 le message qui vous a aidé pour que celui-ci soit mis en évidence.
Épinglez votre sujet en résolu Choix des couleurs dans le message 3592387030 pour prévenir la modération.

Choix des couleurs dans le message Baston10
Lixyr

Lixyr
Aidactive
Aidactive

Féminin
Messages : 7381
Inscrit(e) le : 22/07/2010

https://forum.forumactif.com
Lixyr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Choix des couleurs dans le message

Message par MlleAlys Mar 30 Juil 2013 - 0:59

oh bravo ! \o/
bref, le code est assez pratique parce qu'il est facile de mettre les couleurs que l'on souhaite Wink
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: Choix des couleurs dans le message

Message par Self Mar 30 Juil 2013 - 1:04

Bonsoir à toutes et tous Smile.

Les codes ne sont pas les mêmes pour les palette, j'essai de comprendre comment en modifié un mais je n'y suis pas parvenue pour le moment.
Exemple le code de la palette donné par Ea que cherché MlleAlys est le suivant:

Code:
$(function () {
            $(function () {
        
               $.sceditor.command.get('color')._dropDown = function (editor, caller, callback) {
                    var content = $("<div />"),
                        cmd = $.sceditor.command.get('color');
        
                   if (!cmd._htmlCache) {
        
                       var pre = '<strong style="background-color:#',
                            suf = ';" unselectable="on"><span></span></strong>';
        
                       var htmlGen = [pre, 'ffffff,000000,eeece1,1f497d,4f81bd,c0504d,9bbb59,8064a2,4bacc6,f79646'.split(',').join(suf + pre), suf].join('');
        
                       var htmlList = [pre, 'f2f2f2,7f7f7f,ddd9c3,c6d9f0,dbe5f1,f2dcdb,ebf1dd,e5e0ec,dbeef3,fdeada,d8d8d8,595959,c4bd97,8db3e2,b8cce4,e5b9b7,d7e3bc,ccc1d9,b7dde8,fbd5b5,bfbfbf,3f3f3f,938953,548dd4,95b3d7,d99694,c3d69b,b2a2c7,92cddc,fac08f,a5a5a5,262626,494429,17365d,366092,953734,76923c,5f497a,31859b,e36c09,7f7f7f,0c0c0c,1d1b10,0f243e,244061,632423,4f6128,3f3151,205867,974806'.split(',').join(suf + pre), suf].join('');
        
                       var htmlStandard = [pre, 'c00000,ff0000,ffc000,ffff00,92d050,00b050,00b0f0,0070c0,002060,7030a0'.split(',').join(suf + pre), suf].join('');
        
                       var htmlGeneralPanel = ['<div class="editor_color_panel" style="z-index:12;" unselectable="on"><div class="color_general" unselectable="on">', htmlGen, '</div><div class="color_list" unselectable="on">', htmlList, '</div><div class="color_standard" unselectable="on">', htmlStandard, '</div><br><p>Aperçu:<br><div class="color_preview">Texte</div></div>'].join('');
        
                       cmd._htmlCache = htmlGeneralPanel;
                    }
        
                   content.append(cmd._htmlCache)
                        .find('strong')
                        .click(function (e) {
                            callback($(this).attr('style').substr(17, 7));
                            editor.closeDropDown(true);
                            e.preventDefault();
                        });
        
                   editor.createDropDown(caller, "color-picker", content);
                };
        
           })
        });
Celui de la palette étendu proposé par FA dans le nouvel éditeur est le suivant:
Code:
_dropDown: function(editor, caller, callback) {
 var i, x, color, colors,
 genColor     = {r: 255, g: 255, b: 255},
 content      = $("<div />"),
 colorColumns = editor.opts.colors?editor.opts.colors.split("|"):new Array(21),
 // IE is slow at string concation so use an array
 html         = [],
 cmd          = $.sceditor.command.get('color');

 if(!cmd._htmlCache)
 {
 for (i=0; i < colorColumns.length; ++i)
 {
 colors = colorColumns[i]?colorColumns[i].split(","):new Array(21);

 html.push('<div class="sceditor-color-column">');
 for (x=0; x < colors.length; ++x)
 {
 // use pre defined colour if can otherwise use the generated color
 color = colors[x] || "#" + genColor.r.toString(16) + genColor.g.toString(16) + genColor.b.toString(16);

 html.push('<a href="#" class="sceditor-color-option" style="background-color: '+color+'" data-color="'+color+'"></a>');

 // calculate the next generated color
 if(x%5===0)
 {
 genColor.g -= 51;
 genColor.b = 255;
 }
 else
 genColor.b -= 51;
 }
 html.push('</div>');

 // calculate the next generated color
 if(i%5===0)
 {
 genColor.r -= 51;
 genColor.g = 255;
 genColor.b = 255;
 }
 else
 {
 genColor.g = 255;
 genColor.b = 255;
 }
 }

 cmd._htmlCache = html.join('');
 }

 content.append(cmd._htmlCache)
 .find('a')
 .click(function (e) {
 callback($(this).attr('data-color'));
 editor.closeDropDown(true);
 e.preventDefault();
 });

 editor.createDropDown(caller, "color-picker", content);}
Et celui de la palette de l'ancien éditeur est le suivant:
Code:
_menu: function(editor, caller, callback) {
 var colors = {},
html = $('<div />');
 colors[editor._('color_dark_red')] = '#660000';
 colors[editor._('color_red')] = '#FF0000';
 colors[editor._('color_orange')] = '#FF9933';
 colors[editor._('color_brown')] = '#663300';
 colors[editor._('color_yellow')] = '#FFFF00';
 colors[editor._('color_green')] = '#006600';
 colors[editor._('color_olive')] = '#666633';
 colors[editor._('color_cyan')] = '#00FFFF';
 colors[editor._('color_blue')] = '#0000FF';
 colors[editor._('color_dark_blue')] = '#000099';
 colors[editor._('color_indigo')] = '#6600FF';
 colors[editor._('color_violet')] = '#990099';
 colors[editor._('color_grey')] = '#999999';
 colors[editor._('color_white')] = '#EEEEEE';
 colors[editor._('color_black')] = '#000000';
 
for(var k in colors)
 html.append('<div><a class="sceditor-fontsize-option"><font color="' + colors[k] + '">' + k + '</font></a></div>');
 
html.find('font').click(function(e) {
 callback($(this).attr('color'));
 editor.closeDropDown(true);
 e.preventDefault();
 });
 
editor.createDropDown(caller, "color-picker", html);
Des codes tout de même assez différent.
Le mieux serais encore de prendre le selecteur proposé par Ea dans ce topic.

Au passage les deux dernier codes ne fontionnerons pas, je l'ai est pris dans le javascript de l'éditeur et ce sont des javascript que j'appel fusionné(plutôt que de répéter par exemple $(function () { 50 fois il est mit une fois pour tout les codes, un truc complexe)

PS: MlleAlys, Ea avait proposé cette palette appliquer sur votre forum dans le boom du nouvel éditeur de message lors d'un topic unique qui à été il me semble divisé automatiquement par rapport à un trop grand nombre de page.

EDIT: bravo pour avoir trouver le message Lixyr, tu m'épate Yes .

Cordialement Very Happy.
Self

Self
Membre actif

Masculin
Messages : 3853
Inscrit(e) le : 13/06/2013

https://selfback.forumactif.com/
Self a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Choix des couleurs dans le message

Message par MlleAlys Mar 30 Juil 2013 - 1:07

oui oui, il me semblait bien que c'était dans ce sujet là, mais il aurait fallu que je retrouve le message ^^"
Après, le code fonctionne, donc faut voir en fonction du résultat voulu, l'avantage de celui là est qu'on peut choisir ses couleurs et en mettre autant qu'on veut ^^
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: Choix des couleurs dans le message

Message par Nekothika Mar 30 Juil 2013 - 1:09

Dommage que je sois une bille dans ces domaines ... car j'y pige absolument rien.
Nekothika

Nekothika
*****

Féminin
Messages : 678
Inscrit(e) le : 26/09/2009

http://nexity.bb-fr.com / http://yggdrasil-minecraft.geekaddict.
Nekothika a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Choix des couleurs dans le message

Message par Self Mar 30 Juil 2013 - 1:10

MlleAlys a écrit:oui oui, il me semblait bien que c'était dans ce sujet là, mais il aurait fallu que je retrouve le message ^^"
Après, le code fonctionne, donc faut voir en fonction du résultat voulu, l'avantage de celui là est qu'on peut choisir ses couleurs et en mettre autant qu'on veut ^^

Avec celui de l'ancien éditeur également pour ceux qui préfère l'écris edente .

EDIT: Anadriah je vous conseil le message donner par Lixyr , c'est une palette simple et l'ajout de couleur y est facile Wink.


Dernière édition par SeLfde4Th7 le Mar 30 Juil 2013 - 1:13, édité 2 fois
Self

Self
Membre actif

Masculin
Messages : 3853
Inscrit(e) le : 13/06/2013

https://selfback.forumactif.com/
Self a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Choix des couleurs dans le message

Message par Nekothika Mar 30 Juil 2013 - 1:12

*leve la main* Euh ... je suis là et moi pas tout comprendre, un tout pitit peu d'aide ?
Nekothika

Nekothika
*****

Féminin
Messages : 678
Inscrit(e) le : 26/09/2009

http://nexity.bb-fr.com / http://yggdrasil-minecraft.geekaddict.
Nekothika a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Choix des couleurs dans le message

Message par Self Mar 30 Juil 2013 - 1:22

Lixyr a écrit:Voilà qui est trouvé : lien.

Tentez d'instaler cette palette, c'est assez facile et nous pourrons ensuite y ajouter autant de couleur que voulu, comme dit pas MlleAlys Wink.
Self

Self
Membre actif

Masculin
Messages : 3853
Inscrit(e) le : 13/06/2013

https://selfback.forumactif.com/
Self a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Choix des couleurs dans le message

Message par MlleAlys Mar 30 Juil 2013 - 1:23

dans le code donné par ea (celui que j'ai utilisé) :
Code:
$(function () {
            $(function () {
        
               $.sceditor.command.get('color')._dropDown = function (editor, caller, callback) {
                    var content = $("<div />"),
                        cmd = $.sceditor.command.get('color');
        
                   if (!cmd._htmlCache) {
        
                       var pre = '<strong style="background-color:#',
                            suf = ';" unselectable="on"><span></span></strong>';
        
                       var htmlGen = [pre, 'ffffff,000000,eeece1,1f497d,4f81bd,c0504d,9bbb59,8064a2,4bacc6,f79646'.split(',').join(suf + pre), suf].join('');
        
                       var htmlList = [pre, 'f2f2f2,7f7f7f,ddd9c3,c6d9f0,dbe5f1,f2dcdb,ebf1dd,e5e0ec,dbeef3,fdeada,d8d8d8,595959,c4bd97,8db3e2,b8cce4,e5b9b7,d7e3bc,ccc1d9,b7dde8,fbd5b5,bfbfbf,3f3f3f,938953,548dd4,95b3d7,d99694,c3d69b,b2a2c7,92cddc,fac08f,a5a5a5,262626,494429,17365d,366092,953734,76923c,5f497a,31859b,e36c09,7f7f7f,0c0c0c,1d1b10,0f243e,244061,632423,4f6128,3f3151,205867,974806'.split(',').join(suf + pre), suf].join('');
        
                       var htmlStandard = [pre, 'c00000,ff0000,ffc000,ffff00,92d050,00b050,00b0f0,0070c0,002060,7030a0'.split(',').join(suf + pre), suf].join('');
        
                       var htmlGeneralPanel = ['<div class="editor_color_panel" style="z-index:12;" unselectable="on"><div class="color_general" unselectable="on">', htmlGen, '</div><div class="color_list" unselectable="on">', htmlList, '</div><div class="color_standard" unselectable="on">', htmlStandard, '</div><br><p>Aperçu:<br><div class="color_preview">Texte</div></div>'].join('');
        
                       cmd._htmlCache = htmlGeneralPanel;
                    }
        
                   content.append(cmd._htmlCache)
                        .find('strong')
                        .click(function (e) {
                            callback($(this).attr('style').substr(17, 7));
                            editor.closeDropDown(true);
                            e.preventDefault();
                        });
        
                   editor.createDropDown(caller, "color-picker", content);
                };
        
           })
        });

Qui donne ça : Choix des couleurs dans le message Untitl10

On a en fait codé ;

-Une première ligne de couleurs, appelée "htmlGen" :
Code:
var htmlGen = [pre, 'ffffff,000000,eeece1,1f497d,4f81bd,c0504d,9bbb59,8064a2,4bacc6,f79646'.split(',').join(suf + pre), suf].join('');
La liste de nombre correspond en fait à la liste des couleurs par leur code hexadécimal, sans le dièse devant et séparées par des virgules ^^

- Un paragraphe de couleurs, appelé "htmlList":
Code:
var htmlList = [pre, 'f2f2f2,7f7f7f,ddd9c3,c6d9f0,dbe5f1,f2dcdb,ebf1dd,e5e0ec,dbeef3,fdeada,d8d8d8,595959,c4bd97,8db3e2,b8cce4,e5b9b7,d7e3bc,ccc1d9,b7dde8,fbd5b5,bfbfbf,3f3f3f,938953,548dd4,95b3d7,d99694,c3d69b,b2a2c7,92cddc,fac08f,a5a5a5,262626,494429,17365d,366092,953734,76923c,5f497a,31859b,e36c09,7f7f7f,0c0c0c,1d1b10,0f243e,244061,632423,4f6128,3f3151,205867,974806'.split(',').join(suf + pre), suf].join('');
(même principe)

- Une dernière ligne de couleurs, appelée "htmlStandard" :
Code:
var htmlStandard = [pre, 'c00000,ff0000,ffc000,ffff00,92d050,00b050,00b0f0,0070c0,002060,7030a0'.split(',').join(suf + pre), suf].join('');
(même principe)

- Puis on a joint les trois dans le panneau appelé "htmlGeneralPanel", on remplace le panneau existant par celui créé via le reste du code javascript, et enfin on met en forme avec le code css. ^^


Bref, Si tu ne veux pas changer l'allure générale du panneau, mais juste les couleurs, il te suffit de modifier les codes à six chiffres dans les passages que j'ai extraits plus haut pour mettre à la place ceux des couleurs que tu souhaites ^^

Mais on peut également changé l'allure, rajouter des lignes, ou des paragraphes, en supprimer, etc.


Dernière édition par MlleAlys le Mar 30 Juil 2013 - 1:33, édité 2 fois
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: Choix des couleurs dans le message

Message par Nekothika Mar 30 Juil 2013 - 1:25

Je souhaite avoir les couleur de base, dont leur nom coloré est présent, en plus d'un choix plus large pour différentes nuances, pas forcement sur le même bouton.
Nekothika

Nekothika
*****

Féminin
Messages : 678
Inscrit(e) le : 26/09/2009

http://nexity.bb-fr.com / http://yggdrasil-minecraft.geekaddict.
Nekothika a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Choix des couleurs dans le message

Message par MlleAlys Mar 30 Juil 2013 - 1:28

ooooh...
effectivement alors, ce code là ne convient pas ^^" Et je ne peux malheureusement pas t'aider pour ma part, je ne m'y connais pas assez en javascript =S
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: Choix des couleurs dans le message

Message par Lixyr Mar 30 Juil 2013 - 10:05

Cela dit, dans le code donné par EA, les couleurs standards sont celles du bas. Donc au final, tu obtiens ce que tu veux : des couleurs de palettes + celles standards, il n'y a juste pas les noms, mais ça se voit quand même.


Pour faciliter les recherches, mettez un titre explicite.
Remerciez Choix des couleurs dans le message 976083691 le message qui vous a aidé pour que celui-ci soit mis en évidence.
Épinglez votre sujet en résolu Choix des couleurs dans le message 3592387030 pour prévenir la modération.

Choix des couleurs dans le message Baston10
Lixyr

Lixyr
Aidactive
Aidactive

Féminin
Messages : 7381
Inscrit(e) le : 22/07/2010

https://forum.forumactif.com
Lixyr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Choix des couleurs dans le message

Message par Nekothika Mar 30 Juil 2013 - 10:06

Choix des couleurs dans le message Untitl10

Ceci me convient parfaitement mais les explications me semble obscures .....
Nekothika

Nekothika
*****

Féminin
Messages : 678
Inscrit(e) le : 26/09/2009

http://nexity.bb-fr.com / http://yggdrasil-minecraft.geekaddict.
Nekothika a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Choix des couleurs dans le message

Message par Lixyr Mar 30 Juil 2013 - 10:13

Oui, je peux comprendre. ^^
Ne cherchez pas à modifier le code et les couleurs, si celles-ci vous conviennent, installez juste le code :

Like a Star @ heaven  le CSS :
panneau d'dministration >> affichage >> images et couleurs >> couleurs >> feuille de style css
Code:
        .editor_color_panel{
          background-color:#fff;
          width:189px;height:135px;
        }
        .editor_color_panel .color_general{
          height:16px;
          margin:11px 7px 9px 11px;
        }
        .editor_color_panel .color_list{
          height:70px;
          margin:0 7px 0 11px;
        }
        .editor_color_panel .color_standard{
          height:16px;
          margin:13px 7px 8px 11px;
        }
        .editor_color_panel strong{
          font-size:0;
          display:block;
          width:14px;
          height:14px;
          margin-right:3px;
          float:left;
          cursor:pointer;
        }
:enreg: 


Like a Star @ heaven le code JAVASCRIPT :
panneau d'administration >> modules >> HTML & javascript >> feuille de type javascript
- créez une nouvelle page
- mettez comme titre "nouvel éditeur de couleur"
- cochez "sur toutes les pages"
- insérez ce code :
Code:
        $(function () {
            $(function () {
       
                $.sceditor.command.get('color')._dropDown = function (editor, caller, callback) {
                    var content = $("<div />"),
                        cmd = $.sceditor.command.get('color');
       
                    if (!cmd._htmlCache) {
       
                        var pre = '<strong style="background-color:#',
                            suf = ';" unselectable="on"><span></span></strong>';
       
                        var htmlGen = [pre, 'ffffff,000000,eeece1,1f497d,4f81bd,c0504d,9bbb59,8064a2,4bacc6,f79646'.split(',').join(suf + pre), suf].join('');
       
                        var htmlList = [pre, 'f2f2f2,7f7f7f,ddd9c3,c6d9f0,dbe5f1,f2dcdb,ebf1dd,e5e0ec,dbeef3,fdeada,d8d8d8,595959,c4bd97,8db3e2,b8cce4,e5b9b7,d7e3bc,ccc1d9,b7dde8,fbd5b5,bfbfbf,3f3f3f,938953,548dd4,95b3d7,d99694,c3d69b,b2a2c7,92cddc,fac08f,a5a5a5,262626,494429,17365d,366092,953734,76923c,5f497a,31859b,e36c09,7f7f7f,0c0c0c,1d1b10,0f243e,244061,632423,4f6128,3f3151,205867,974806'.split(',').join(suf + pre), suf].join('');
       
                        var htmlStandard = [pre, 'c00000,ff0000,ffc000,ffff00,92d050,00b050,00b0f0,0070c0,002060,7030a0'.split(',').join(suf + pre), suf].join('');
       
                        var htmlGeneralPanel = ['<div class="editor_color_panel" style="z-index:12;" unselectable="on"><div class="color_general" unselectable="on">', htmlGen, '</div><div class="color_list" unselectable="on">', htmlList, '</div><div class="color_standard" unselectable="on">', htmlStandard, '</div></div>'].join('');
       
                        cmd._htmlCache = htmlGeneralPanel;
                    }
       
                    content.append(cmd._htmlCache)
                        .find('strong')
                        .click(function (e) {
                            callback($(this).attr('style').substr(17, 7));
                            editor.closeDropDown(true);
                            e.preventDefault();
                        });
       
                    editor.createDropDown(caller, "color-picker", content);
                };
       
            })
        });

:enreg: 

Et c'est tout. ^^


Pour faciliter les recherches, mettez un titre explicite.
Remerciez Choix des couleurs dans le message 976083691 le message qui vous a aidé pour que celui-ci soit mis en évidence.
Épinglez votre sujet en résolu Choix des couleurs dans le message 3592387030 pour prévenir la modération.

Choix des couleurs dans le message Baston10
Lixyr

Lixyr
Aidactive
Aidactive

Féminin
Messages : 7381
Inscrit(e) le : 22/07/2010

https://forum.forumactif.com
Lixyr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Choix des couleurs dans le message

Message par Nekothika Mar 30 Juil 2013 - 10:16

SI cela n'est pas trop demandé, j'aimerais savoir comment modifier les couleurs proposées, utilisant deja certaines dans le panel actuel mais n'étant pas présentes dans l'image. ^^"
Nekothika

Nekothika
*****

Féminin
Messages : 678
Inscrit(e) le : 26/09/2009

http://nexity.bb-fr.com / http://yggdrasil-minecraft.geekaddict.
Nekothika a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Choix des couleurs dans le message

Message par Lixyr Mar 30 Juil 2013 - 10:22

Pour éviter de détruire le dégradé, je te conseille de modifier la première ligne de couleur.
Donc dans le code javascript, repère ce petit passage:
 var htmlGen = [pre, 'ffffff,000000,eeece1,1f497d,4f81bd,c0504d,9bbb59,8064a2,4bacc6,f79646'.split(',').join(suf + pre), suf].join('');
=> htmlGen

à l'intérieur de cette ligne, tu as les 10 couleurs. Tu peux modifier les 8 dernières (parce que 'ffffff' correspond au blanc et '000000' correspond au noir)
Donc, à la place de
eeece1,1f497d,4f81bd,c0504d,9bbb59,8064a2,4bacc6,f79646
, tu mets d'autres codes de couleurs ; celles que tu as déjà, ou d'autres que tu peux trouver ici.


Dernière édition par Lixyr le Mar 30 Juil 2013 - 10:26, édité 2 fois
Lixyr

Lixyr
Aidactive
Aidactive

Féminin
Messages : 7381
Inscrit(e) le : 22/07/2010

https://forum.forumactif.com
Lixyr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Choix des couleurs dans le message

Message par Nekothika Mar 30 Juil 2013 - 10:24

Je vais tester ca et je ferai un double post qui servira de up pour vous tenir au courant ! ^^
Nekothika

Nekothika
*****

Féminin
Messages : 678
Inscrit(e) le : 26/09/2009

http://nexity.bb-fr.com / http://yggdrasil-minecraft.geekaddict.
Nekothika a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Choix des couleurs dans le message

Message par Nekothika Mer 31 Juil 2013 - 3:32

Comment modifier la seconde ligne de couleur, celle qui est tout en bas ?
Nekothika

Nekothika
*****

Féminin
Messages : 678
Inscrit(e) le : 26/09/2009

http://nexity.bb-fr.com / http://yggdrasil-minecraft.geekaddict.
Nekothika a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Choix des couleurs dans le message

Message par Lixyr Mer 31 Juil 2013 - 9:49

La liste tout en bas est celle-ci :

var htmlStandard = [pre, 'c00000,ff0000,ffc000,ffff00,92d050,00b050,00b0f0,0070c0,002060,7030a0'.split(',').join(suf + pre), suf].join('');
htmlStandard


Pour faciliter les recherches, mettez un titre explicite.
Remerciez Choix des couleurs dans le message 976083691 le message qui vous a aidé pour que celui-ci soit mis en évidence.
Épinglez votre sujet en résolu Choix des couleurs dans le message 3592387030 pour prévenir la modération.

Choix des couleurs dans le message Baston10
Lixyr

Lixyr
Aidactive
Aidactive

Féminin
Messages : 7381
Inscrit(e) le : 22/07/2010

https://forum.forumactif.com
Lixyr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Choix des couleurs dans le message

Message par Nekothika Mer 31 Juil 2013 - 16:36

Merci encore ^^
Nekothika

Nekothika
*****

Féminin
Messages : 678
Inscrit(e) le : 26/09/2009

http://nexity.bb-fr.com / http://yggdrasil-minecraft.geekaddict.
Nekothika 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