Modifier la palette de couleur de manière avancée
2 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1 • Partagez
Modifier la palette de couleur de manière avancée
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à:
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
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.
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]
- 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
Re: Modifier la palette de couleur de manière avancée
un petit up ^^
Re: Modifier la palette de couleur de manière avancée
Bonjour et bienvenue sur le Forum des forums Elizala .
Vous pouvez essayé ce code javascript à mettre sur les sujets:
Le code cherche si il y a les balises
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 .
Cordialement .
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>
- Code:
[color=#ff0000][/color]
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 .
Cordialement .
Re: Modifier la palette de couleur de manière avancée
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.
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.
Re: Modifier la palette de couleur de manière avancée
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.
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.
Re: Modifier la palette de couleur de manière avancée
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 ^^
Sujets similaires
» Comment modifier les informations du profil de cette manière
» Modifier la palette de couleurs - Titre de sujet
» Pb de palette de couleur
» Souci avec la palette de couleur
» Une 2ème palette de couleur ?
» Modifier la palette de couleurs - Titre de sujet
» Pb de palette de couleur
» Souci avec la palette de couleur
» Une 2ème palette de couleur ?
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum