Modifier la palette de couleur de manière avancée

2 participants

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

Résolu Modifier la palette de couleur de manière avancée

Message par Elizala Ven 21 Fév 2014 - 15:12

Bonjour à toutes et à tous.

Je ne suis pas sûr d'être dans la bonne catégorie, si c'est le cas veuillez me pardonner.

Voici mon problème, ou plutôt mon envie:

Comme vous pouvez le voir sur cette page j'ai personnalisé le post body pour que les messages apparaissent toujours avec l'effet du troisième paragraphe, à savoir ce code css là:

Code:
   text-align: justify;
   color: #8bfffe;
   font-weight:bold;
   font-style: normal;
   font-family: Tahoma;
   text-shadow: 0 0 4px #0036ff, 0 0 0.2em #0036ff;

Cela rend comme je voulais, mais le soucis est que le changement de couleur de la typo avec la palette de base rend la chose assez laide dans le premier paragraphe puisque cela change la couleur des lettre, mais pas le dégradé.

Ce que je souhaite c'est en fait remplacé le
Code:
[color=#ff3333][/color]
Par un style css tel que
Code:
.Rouge {
   color: #ffc6c6;
   text-shadow: 0 0 4px #ff0000;   
}

Dans le second paragraphe le texte est encadré par une div avec cette fameuse class Rouge. Je voudrais disons automatisé tout ça, pour que le membre lambda qui n'aime pas coder puisse simplement choisir sa couleur dans la liste et que son texte se retrouve encadrer (par une div ou autre) avec ce style là en lieu et place du basique changement de couleur de la typo.

J'ai conscience qu'il faudra coder chaque couleur en css, ce n'est pas un soucis, mais je ne sais pas comment appliquer les styles à la palette. J'ai lu ce tuto mais n'ait pas réussi à le modifier pour obtenir le résultat voulu.

Voilà, je ne sais pas si j'ai été bien clair, n'hésitez pas à me demander pour plus de détails, merci d'avance de vos réponses.


Dernière édition par Elizala le Jeu 27 Fév 2014 - 21:56, édité 1 fois
avatar

Elizala
Nouveau membre

Messages : 16
Inscrit(e) le : 21/02/2014

http://masseffect.monempire.net/
Elizala a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Modifier la palette de couleur de manière avancée

Message par Elizala Sam 22 Fév 2014 - 17:12

un petit up ^^
avatar

Elizala
Nouveau membre

Messages : 16
Inscrit(e) le : 21/02/2014

http://masseffect.monempire.net/
Elizala a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Modifier la palette de couleur de manière avancée

Message par Self Mer 26 Fév 2014 - 4:40

Bonjour et bienvenue sur le Forum des forums Elizala Smile .

Vous pouvez essayé ce code javascript à mettre sur les sujets:
Code:
function LightenDarkenColor(col, amt) {
 
    var usePound = false;
 
    if (col[0] == "#") {
        col = col.slice(1);
        usePound = true;
    }
 
    var num = parseInt(col,16);
 
    var r = (num >> 16) + amt;
 
    if (r > 255) r = 255;
    else if  (r < 0) r = 0;
 
    var b = ((num >> 8) & 0x00FF) + amt;
 
    if (b > 255) b = 255;
    else if  (b < 0) b = 0;
 
    var g = (num & 0x0000FF) + amt;
 
    if (g > 255) g = 255;
    else if (g < 0) g = 0;
 
    return (usePound?"#":"") + (g | (b << 8) | (r << 16)).toString(16);
 
}

$(function(){
    $('.postbody font').each(function(){
        $(this).css("text-shadow", "0px 0px 4px"+$(this).attr('color'));
       
        var shadow = LightenDarkenColor($(this).attr('color'), -50);
        $(this).css("text-shadow", "0px 0px 4px"+shadow); 
    });
});

Le code cherche si il y a les balises
Code:
<font></font>
qui sont les balises générées par le BBcode
Code:
[color=#ff0000][/color]
par exemple Very Happy .

Puis si c'est le cas alors il prend la couleur de cette balise et la place en tant que couleur de l'ombre du texte.

Et pour terminé on assombri la couleur, la stock dans une varibale et remplace l'ancienne couleur par celle-ci.

C'est un peut bizarre mais c'est comme ça que ça fonctionne Wink .

Cordialement Smile .
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: Modifier la palette de couleur de manière avancée

Message par Elizala Jeu 27 Fév 2014 - 15:26

je vais essayer ça je tiens au courant, merci!


edit: Alors après test, c'est pas mal du tout, j'aimerais juste que la couleur de base soit un peu éclaircie comme dans ma div, je connais pas grand chose en javascript alors si je pouvais avoir encore un tout petit coup de main ce serait vraiment sympa.
avatar

Elizala
Nouveau membre

Messages : 16
Inscrit(e) le : 21/02/2014

http://masseffect.monempire.net/
Elizala a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Modifier la palette de couleur de manière avancée

Message par Self Jeu 27 Fév 2014 - 16:27

Bonjour,

Par couleur de base vous entendez la couleur du texte ou celle de l'ombre ?
Si c'est celle de l'ombre vous pouvez tenter de nouveau le tutoriel indiquez dans votre premier message en éditant les codes couleur hexadécimaux (commençant par un # et suivant d'une combinaison de 6 chiffres de 0 à 9 et/ou lettres de A à F) pour y mettre le couleur que vous désirez.
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: Modifier la palette de couleur de manière avancée

Message par Elizala Jeu 27 Fév 2014 - 20:44

C'est la couleur du texte que je souhaite éclaircir automatiquement en fait, désolé du manque de précision. Merci je vais tenter de le combiner avec le tuto ^^
avatar

Elizala
Nouveau membre

Messages : 16
Inscrit(e) le : 21/02/2014

http://masseffect.monempire.net/
Elizala 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