Utilisateur :
anonyme
Vendredi 19 Avril 2024
Navigation
Weblog
Jeux
Bons plans
A propos
Contact
Cat�gories Blog
Divers
Scripts
Article au hasard
Rechercher
Commentaires
Roll-Over progressif en javascript
le 09/09/16
par Charles Renault
Armada Rouen 2003 en Diaporama Javascript
le 28/02/06
par donia
Armada Rouen 2003 en Diaporama Javascript
le 27/02/06
par Forrest
Armada Rouen 2003 en Diaporama Javascript
le 25/02/06
par donia
Armada Rouen 2003 en Diaporama Javascript
le 25/02/06
par donia
Nuancier
.fond-navigateur
.fond-cadrepage
.fond-page
.fond-contenu
.fond-titre1
.fond-titre2
.article-blog
.commentaire-blog
liens
police
Stats Blog
216 commentaires
dans
17 articles
Publicité
Autres Blogs
Ludo, prof au Japon
iroiro
Paris-Tokyo
Hasard parmi 12 blogs
SOFUN - Blog, article : Coloriage
samedi 19 novembre 2005 - 07:12
Coloriage
Aujourd'hui, un petit jeu.
Lors de mon
tout premier article
, nous avions évoqué l'aspect de ce site. Les couleurs étaient alors de
ce genre
(étape précédente de
l'évolution
de ce site). Autour de cette question, j'ai développé un petit module, appelé "nuancier", que l'on peut trouver dans la barre de gauche.
Celui-ci permet de modifier dynamiquement les couleurs du site afin qu'elles soient à la convenance de chaque utilisateur. Cette modification n'est pas visible des autres utilisateurs alors les styles les plus kitchs ne posent aucun problème.
Le principe est simple : chacun ces champs permet de modifier le type d'élément qui est noté au dessus. Les premiers éléments sont des couleurs et le dernier correspond à la police d'écriture globale du site.
Chacun des paramètres est sauvegardé dans les cookies de votre navigateur, et il est possible de rétablir les couleurs par défaut à l'aide du bouton RAZ (Remise à Zéro).
Les couleurs peuvent être indiquées en anglais ou avec un code couleur en hexadécimal précédé de "#". En cas de besoin, voici un tableau de
couleurs prédéfinies
pour le web.
L'objectif est donc de savoir si cette fonction est utilisée par certains d'entre vous et de faire une copie d'écran de vos réalisations.
Pour rappel, l'intégration d'une image dans un commentaire se fait par l'insertion suivante :
<img src="http://mon.serveur.fr/.../mon_image.gif">
En cas de dificultés pour intégrer une image, ou si vous ne disposez pas d'espace d'ébergement, vous pouvez me faire parvenir les images par
mail
(le formulaire ne permet pas l'envoi de fichiers) et je m'occuperai de la mise en ligne avec le commentaire à y associer.
Voici donc en avant première l'une de mes expérimentations, peu fructueuse, mais qui permet de montrer l'ampleur des possibilités. (passez le curseur de la souris au dessus de l'image).
PS : Si quelqu'un arrive à me faire un détourage correct de l'image "city hunter" pour y mettre un fond transparent et que ça fasse propre sur n'importe quelle couleur, je suis preneur.
publié par Forrest
Ajouter un commentaire
Voir les commentaires (14)
Arg, je viens juste de remarquer l'effet en passant la souris sur l'image. Super!
Commentaire de Ludo (
site web
) le samedi 19 novembre 2005 - 08:58
J'ai pratiquement honte de montrer ce que j'ai fait tellement je trouve ça moche !!
Chui pas doué dans les couleurs mais c'est grave comme... enfin.. voilà le résultat :
Pardon...
Commentaire de legnoch (
site web
) le samedi 19 novembre 2005 - 11:15
Moi j'aime bien comme ça
Commentaire de Ludo (
site web
) le samedi 19 novembre 2005 - 14:15
legnoch : on dira que c'est la faute des pigeons ;)
ludo : mon site c'est fait ouglisé. Je devrais essayer pour voir si cela joue sur la popularité. Pour l'effet, j'ai pas mal galéré pour la compatibilité. Il reste le problème de chargement d'image qui peut être la raison pour laquelle tu n'as pas vu l'effet tout de suite.
Commentaire de Forrest (
site web
) le samedi 19 novembre 2005 - 15:23
ah ouais c'est fun aux couleurs d'Ougl!
C'est pas possible de n'utiliser que deux petites images de Kaori et Ryo pour faire ce que tu veux? Genre en passant par photoshop pour ne garder que les deux persos sans le fond...
Commentaire de lolo (
site web
) le lundi 21 novembre 2005 - 19:08
Lolo : pour le détourage, l'affaire a été réglée magnifiquement par MP. Il ne me reste plus qu'à supprimer le bleu du rollover du menu de navigation, mais seul moi peu y faire quelque chose.
C'est vrai qu'avec les couleurs d'ougl ça en jette pas mal. J'envisage d'en faire un thème préconfiguré.
Sinon, mon blog tu le prends nature ou tu as tes propres couleurs ?
Commentaire de Forrest (
site web
) le lundi 21 novembre 2005 - 19:25
Merçi du commentaire laissé sur mon blog. Je pense avoir compris ton article . Amicalement.
Commentaire de Christian (
site web
) le lundi 21 novembre 2005 - 23:50
Christian, je pense que tu viens de révéler la puissance insoupçonnée de mon nuancier.
Commentaire de Forrest (
site web
) le mardi 22 novembre 2005 - 00:09
des nonnes russes ... da nonne
Commentaire de KM (
site web
) le mercredi 23 novembre 2005 - 13:35
KM : excellent le "da nonne". J'avais pas tilté sur le coup car j'avais lu tout autre chose. (oui, je sais que "tout autre chose" et "da nonne" ça ne se ressemble pas mais j'ai un peu de mal des fois)
Même question que pour lolo : nature ou pas ? (non, je ne parle pas de yahourt)
En attendant, MP m'avais promis sa version...
Commentaire de Forrest (
site web
) le vendredi 25 novembre 2005 - 17:42
j'ai fais mumuse avec ton nuancier...voici le résultat (j'espère que ca va s'afficher...)
Commentaire de sugi (
site web
) le lundi 28 novembre 2005 - 16:31
oups...c'est un peu grand ^/////^
Gomen gomen gomen.....
Commentaire de sugi (
site web
) le lundi 28 novembre 2005 - 16:33
Pas grâve pour l'image. Je me suis permis de limiter la taille à l'affichage. J'imagine que la taille originale était proportionnelle à l'amusement.
A part ça, j'aime bien ce thème de couleur et ça donne une version féminine en contraste avec le bleu.
Commentaire de Forrest (
site web
) le lundi 28 novembre 2005 - 17:34
Ravi que ca te plaise^^
Je me suis effctivement bien amusé^^
Merci pourt com sur mon blog^^
je t'ai répondu sur mon blog^_~
biz
sugi
Commentaire de sugi (
site web
) le mardi 29 novembre 2005 - 17:03
Ajouter un commentaire
Nombre de surfeurs égarés en ce moment : 1
Nouveau moteur de recherche français
Nouveau moteur de recherche français
accueil
accueil
blog
blog : liste complète
blog : article choisi au hasard
blog : Divers
Chat / Discussion / Applet Java
CV - Intro
CV - Formation
CV - Expérience
CV - Compétences
CV - Divers
Liens
Contact
Blog Article : Tout a un commencement
Blog Article : Tout a un commencement
Blog Article : Restaurant Japonais
Blog Article : Restaurant Japonais
Blog Article : L'age de glace
Blog Article : L'age de glace
Blog Article : Les pigeons : une organisation internationnale
Blog Article : Les pigeons : une organisation internationnale
Blog Article : Roll-Over à 10000 Yen
Blog Article : Roll-Over à 10000 Yen
Blog Article : Quotidien japonais
Blog Article : Quotidien japonais
Blog Article : Quelle heure est-il chez vous ?
Blog Article : Quelle heure est-il chez vous ?
Blog Article : Coloriage
Blog Article : Coloriage
Blog Article : Armada Rouen 2003 en Diaporama Javascript
Blog Article : Armada Rouen 2003 en Diaporama Javascript
Blog Article : Bande dessinée - Grimmy - Mother Goose & Grimm
Blog Article : Bande dessinée - Grimmy - Mother Goose & Grimm
Blog Article : Marre des chaînes e-mail ?
Blog Article : Marre des chaînes e-mail ?
Blog Article : Mise à jour du diaporama en javascript
Blog Article : Mise à jour du diaporama en javascript
Blog Article : Roll-Over progressif en javascript
Blog Article : Roll-Over progressif en javascript
Blog Article : Pour une vie sans tabac
Blog Article : Pour une vie sans tabac
Blog Article : Diaporama javascript en transition progressive floue
Blog Article : Diaporama javascript en transition progressive floue
Blog Article : 18 ans
Blog Article : 18 ans
Blog Article : Expériences vidéo ludiques
Blog Article : Expériences vidéo ludiques
blog : Liste complète page 0
blog : Liste complète page 1
blog : Liste complète page 2
blog : Liste complète page 3
blog : Liste complète page 4
Bons plans
accueil
accueil
blog
blog : liste complète
blog : article choisi au hasard
blog : Divers
Chat / Discussion / Applet Java
CV - Intro
CV - Formation
CV - Expérience
CV - Compétences
CV - Divers
Liens
Contact
Blog Article : Tout a un commencement
Blog Article : Tout a un commencement
Blog Article : Restaurant Japonais
Blog Article : Restaurant Japonais
Blog Article : L'age de glace
Blog Article : L'age de glace
Blog Article : Les pigeons : une organisation internationnale
Blog Article : Les pigeons : une organisation internationnale
Blog Article : Roll-Over à 10000 Yen
Blog Article : Roll-Over à 10000 Yen
Blog Article : Quotidien japonais
Blog Article : Quotidien japonais
Blog Article : Quelle heure est-il chez vous ?
Blog Article : Quelle heure est-il chez vous ?
Blog Article : Coloriage
Blog Article : Coloriage
Blog Article : Armada Rouen 2003 en Diaporama Javascript
Blog Article : Armada Rouen 2003 en Diaporama Javascript
Blog Article : Bande dessinée - Grimmy - Mother Goose & Grimm
Blog Article : Bande dessinée - Grimmy - Mother Goose & Grimm
Blog Article : Marre des chaînes e-mail ?
Blog Article : Marre des chaînes e-mail ?
Blog Article : Mise à jour du diaporama en javascript
Blog Article : Mise à jour du diaporama en javascript
Blog Article : Roll-Over progressif en javascript
Blog Article : Roll-Over progressif en javascript
Blog Article : Pour une vie sans tabac
Blog Article : Pour une vie sans tabac
Blog Article : Diaporama javascript en transition progressive floue
Blog Article : Diaporama javascript en transition progressive floue
Blog Article : 18 ans
Blog Article : 18 ans
Blog Article : Expériences vidéo ludiques
Blog Article : Expériences vidéo ludiques
blog : Liste complète page 0
blog : Liste complète page 1
blog : Liste complète page 2
blog : Liste complète page 3
blog : Liste complète page 4
Bons plans
Attineos - Entreprise de services numériques
Attineos - Entreprise de services numériques