HTML : codes des couleurs

un petit tableau bien pratique pour ceux qui jouent avec les scripts et qui veulent personnaliser les couleurs, et qui n'ont que les codes RVB

HTML: Tableau des codes et des couleurs - basiques
résultat			résultat
	white	FFFFFF
	silver	C0C0C0
	gray	808080
	black	000000
	red	FF0000
	maroon	800000
	yellow	FFFF00
	lime	00FF00
	green	008000
	olive	808000
	aqua	00FFFF
	teal	008080
	blue	0000FF
	navy	000080
	fuchsia	FF00FF
	purple	800080

HTML : tableau des codes et des couleurs - complet
résultat			résultat
	white	FFFFFF
	ghostwhite	F8F8FF
	whitesmoke	F5F5F5
	snow	FFFAFA
	azure	F0FFFF
	honeydew	F0FFF0
	mintcream	F5FFFA
	lightyellow	FFFFE0
	floralwhite	FFFAF0
	ivory	FFFFF0
	linen	FAF0E6
	oldlace	FDF5E6
	seashell	FFF5EE
	lavenderblush	FFF0F5
	lavender	E6E6FA
	gainsboro	DCDCDC
	lightgrey	D3D3D3
	silver	C0C0C0
	darkgray	A9A9A9
	lightslategray	778899
	slategray	708090
	gray	808080
	dimgray	696969
	black	000000
	bisque	FFE4C4
	wheat	F5DEB3
	moccasin	FFE4B5
	peachpuff	FFDAB9
	mistyrose	FFE4E1
	pink	FFC0CB
	lightpink	FFB6C1
	rosybrown	BC8F8F
	coral	FF7F50
	tomato	FF6347
	orangered	FF3300
	red	FF0000
	crimson	DC143C
	indianred	CD5C5C
	firebrick	B22222
	darkred	8B0000
	maroon	800000
	brown	A52A2A
	saddlebrown	8B4513
	sienna	A0522D
	chocolate	D2691E
	darkorange	FF8C00
	orange	FFA500
	lightsalmon	FFA07A
	darksalmon	E9967A
	salmon	FA8072
	sandybrown	F4A460
	navajowhite	FFDEAD
	blanchedalmond	FFEBCD
	papayawhip	FFEFD5
	antiquewhite	FAEBD7
	beige	F5F5DC
	cornsilk	FFF8DC
	palegoldenrod	EEE8AA
	khaki	F0E68C
	yellow	FFFF00
	gold	FFD700
	darkgoldenrod	B8860B
	peru	CD853F
	goldenrod	DAA520
	tan	D2B48C
	burlywood	DEB887
	darkkhaki	BDB76B
	chartreuse	7FFF00
	greenyellow	ADFF2F
	lawngreen	7CFC00
	lime	00FF00
	springgreen	00FF7F
	palegreen	98FB98
	mediumspringgreen	00FA9A
	limegreen	32CD32
	mediumseagreen	3CB371
	yellowgreen	9ACD32
	aliceblue	9ACD32
	mediumaquamarine	66CDAA
	darkseagreen	8FBC8F
	forestgreen	228B22
	green	008000
	seagreen	2E8B57
	olive	808000
	olivedrab	6B8E23
	darkgreen	006400
	darkslategray	2F4F4F
	darkolivegreen	556B2F
	aquamarine	7FFFD4
	aqua	00FFFF
	cyan	00FFFF
	paleturquoise	AFEEEE
	turquoise	40E0D0
	mediumturquoise	48D1CC
	darkturquoise	00CED1
	lightseagreen	20B2AA
	cadetblue	5F9EA0
	teal	008080
	darkcyan	008B8B
	steelblue	4682B4
	deepskyblue	00BFFF
	lightskyblue	87CEFA
	lightsteelblue	B0C4DE
	powderblue	B0E0E6
	skyblue	87CEEB
	cornflowerblue	6495ED
	dodgerblue	1E90FF
	mediumslateblue	7B68EE
	slateblue	6A5ACD
	royalblue	4169E1
	blue	0000FF
	mediumblue	0000CD
	darkslateblue	483D8B
	navy	000080
	darkblue	00008B
	midnightblue	191970
	indigo	4B0082
	blueviolet	8A2BE2
	darkorchid	9932CC
	darkviolet	9400D3
	mediumpurple	9370DB
	orchid	DA70D6
	mediumorchid	BA55D3
	fuchsia	FF00FF
	magenta	FF00FF
	hotpink	FF69B4
	violet	EE82EE
	thistle	D8BFD8
	plum	DDA0DD
	palevioletred	DB7093
	deeppink	FF1493
	mediumvioletred	C71585
	purple	800080
	darkmagenta	8B008B

---

merci à dsi.univ-paris5

.

texte defilant

Un petit script de défilement de texte, avec toutes les explications en prime, pour le personnaliser à volonté.



<!-- Début du code du texte défilant --><marquee Class="Scroller" behavior="scroll" direction="left" width="100%" height="19" scrollamount="4" scrolldelay="0" onmouseover="this.stop()" onmouseout="this.start()">TAPEZ ICI VOTRE TEXTE</marquee><!-- Fin du code du texte défilant -->

TAPEZ ICI VOTRE TEXTE


Quelques explications:

Pour faire défiler un texte il faut utiliser la balise MARQUEE

Exemple :<MARQUEE> Votre texte </MARQUEE>

Votre texte

DIRECTION : définit le sens de défilement, les valeurs possibles sont :

- right : défile vers la droite,
- left : défile vers la gauche,
- up : défile vers le haut,
- down : défile vers le bas.

Exemple : <MARQUEE direction="left"> Votre texte </MARQUEE>

LEFTRIGHT

BEHAVIOR : définit le type de défilement, les valeurs possibles sont :

- slide : glisse jusqu'au bord et s'arrête,
- alternate : le texte change de direction quand il arrive au bord de la zone d'affichage

Exemple : <MARQUEE behavior="alternate"> Votre texte </MARQUEE>

NORMALALTERNATESLIDE

BGCOLOR : définit la couleur de fond

Exemple : <MARQUEE bgcolor="blue"> Votre texte </MARQUEE>

Votre texte sur fond bleu



SCROLLAMOUNT : définit le nombre de pixels duquel avance le texte (permet de rendre plus ou moins fluide le mouvement)

Exemple : <MARQUEE scrollamount="10"> Votre texte </MARQUEE>

valeur=10valeur=30

SCROLLDELAY : définit la vitesse de défilement.

Exemple : <MARQUEE scrolldelay="10"> Votre texte </MARQUEE>

Valeur=10Valeur=500

LOOP : définit le nombre de défilement, si la valeur est à 0, le texte défilement indéfiniment.

Exemple : <MARQUEE loop="6"> Votre texte </MARQUEE>

HEIGHT et WIDTH : définissent les dimensions de la zone de défilement en pixels.

Exemple : <MARQUEE width="100" height="100"> Votre texte </MARQUEE>

ASTUCE : pour faire arreter le défilement au survol de la souris et le faire reprendre quand la souris ne survole plus le texte, il utiliser les fonctions ONMOUSEOVER et ONMOUSEOUT.

Exemple : <marquee onmouseover="this.stop();" onmouseout="this.start();"> Votre texte </marquee>

Survol du texte

Merci aux 2 stefs

VidéoZap - GORILLAZ

VidéoZap - QUEEN

installer une image dans la barre adresse

Voici donc un petit tuto pour installer un logo devant sa barre adresse

Avant même de commencer, un grand merci à :
Lavande
http://www.blogtuto.org/45-index.html
et à Coralie

Marche sous Internet Explorer et sous Firefox, uniquement si l'image est au format .ICO

pour les autres formats, JPG, PNG, GIF ..... cela ne marchera pas sous Internet Explorer

1ère étape


il vous faut d'abord choisir un logo.
soit un déjà tout fait, qui vous plait, soit vous en créez un.
Il vous faudra avoir un logo de 16 x 16 pixels ou 32 x 32 maximum.

Pour la faire sous Windows, vous pouvez utiliser le logiciel Paint.
sinon, sur le site HTML Kit, à la page FavIcon from PICS, suivez la procédure pour créer votre icône à partir d'une image sur votre disque dur. Vous pourrez alors télécharger un dossier contenant un icône 16x16, un 32x32, et un icône animé.

Attention !! plusieurs tutos vous proposent de renommer au format .png ou autre.

c'est sans doute parce qu'une image au format .ICO ne peut pas être directement transférée sur les blogs. Ils n'acceptent pas le transfert de ce type de fichier.
il faut donc passer par un hébergeur d'image gratuit sur le web, et qui accepte le format .ICO.
Pas si évident à dégotter, mais on doit trouver.
je suis actuellement sur http://www.picdo.net/, mais c'est un hébergement provisoire.



l'intégration pour votre site


copiez votre icône à la racine de votre site.
C'est à dire là ou est votre index.html, pas dans un dossier.

ensuite vous éditez votre index.html et vous copiez ce script

*<link rel="shortcut icon" href="favicon.ico">* sans les**

sous la 1ère balise * <head> *

ce qui donne ceci:

* <html> *

* <head> *

* <link rel="shortcut icon" href="favicon.ico"> *

Favicon.ico étant le non que vous avez donné à votre icône.




l'intégration pour Blogger



la difficulté pour Blogger, c'est qu'i refuse les .ICO, d'ou l'hébergement de l'icône sur un site.
il faut donc connaitre l'adresse de votre icône sue cet Hébergeur, pour moi:
http://www.picdo.net/Fichiers/--------------------------/favicon.ico

ensuite allez sur votre blog, identifiez vous pour vous connecter.
allez dans "Personnaliser".









allez ensuite sur "mise en page" , puis "modifier le code HTML"
insérer le script: (sans les* * et pensez à changer l'adresse de votre image)
*http://www.picdo.net/Fichiers/---------------------/favicon.ico' REL='SHORTCUT ICON'/>*

avant la balise

* <head> *

et avant

* < title > titre de votre blog < / title >

ce qui donne ceci:

Il ne reste qu'à enregistrer et ouvrir le blog pour voir apparaitre le logo dans la barre adresse.

Michael Buble : Me and Mrs Jones

Michael Buble - Me and Mrs Jones
envoyé par Rob

Pink Dear Mr. Président " Français"

Pink - Dear Mr President
envoyé par potter45

Cher Président
Venez faire un tour avec moi
Imaginons que nous sommes juste deux personnes
Et Que Vous N'êtes pas meilleur que moi
J'aimerais vous poser quelques questions si nous pouvons parler honnêtement.

Que ressentez-vous quand vous voyez tout ces sans-abri dans les rues
Pour qui priez-vous le soir avant de vous coucher ?
Que ressentez-vous en regardant dans le mirroir ?
Êtes-vous Fier ?

Comment pouvez-vous dormir pendant que tout le monde pleure ?
Comment pouvez-vous rêver lorsqu'une mère n'a pas la chance de dire au-revoir ?
Comment pouvez-vous marcher la tête haute ?
Pouvez-vous encore me regarder dans les yeux et me dire pourquoi ?

Cher Président
vous sentiez-vous seul étant jeune ?
Êtes-vous un garçon seul ?
Êtes-vous un garçon seul ?
Comment pouvez-vous dire
« aucun enfant n'est laissé de coté » ?
Nous ne sommes pas sourds, nous ne sommes pas aveugles
Ils sont tous là dans vos cellules,
Pendant que vous pavez les routes vers l'enfer !

Quel genre de père peut retirer les droits de sa propre fille ?
Et quel genre de père peut haïr sa fille parce qu’elle est gay ?
J’imagine seulement ce que la première Dame pourrait vous dire...
Vous revenez de loin, entre whisky et la cocaïne.

Comment pouvez-vous dormir quand tout le monde pleure?
Comment pouvez-vous rêver lorsqu'une mère n'a pas la chance de dire au-revoir ?
Comment pouvez-vous encore marcher la tête haute ?
Pouvez-vous encore me regarder dans les yeux ?

Laissez moi vous dire ce que c’est de travailler dur
Le salaire minimum en attendant un gébé
Laissez moi vous dire ce que c’est de travailler dur
Reconstruire sa maison après que les bombes l'aient emportée
Laissez moi vous dire ce que c’est de travailler dur
Construire un lit avec des boites en carton
Laissez moi vous dire ce que c’est de travailler dur
travailler dur
travailler dur
Vous n’en savez rien !
Travailler dur
Travailler dur
Oh

Cher Président,
Vous ne viendrez jamais faire un tour avec moi
N’est-ce pas ?

-------------

Pink Dear Mr. President " English "

Pink - Dear Mr President
envoyé par potter45

Dear Mr. President
Come take a walk with me
Let_s pretend we_re just two people and
You_re not better than me
I_d like to ask you some questions if we can speak honestly

What do you feel when you see all the homeless on the street
Who do you pray for at night before you go to sleep
What do you feel when you look in the mirror
Are you proud

How do you sleep while the rest of us cry
How do you dream when a mother has no chance to say goodbye
How do you walk with your head held high
Can you even look me in the eye
And tell me why

Dear Mr. President
Were you a lonely boy
Are you a lonely boy
Are you a lonely boy
How can you say
No child is left behind
We_re not dumb and we_re not blind
They_re all sitting in your cells
While you pay the road to hell

What kind of father would take his own daughter_s rights away
And what kind of father might hate his own daughter if she were gay
I can only imagine what the first lady has to say
You_ve come a long way from whiskey and cocaine

How do you sleep while the rest of us cry
How do you dream when a mother has no chance to say goodbye
How do you walk with your head held high
Can you even look me in the eye

Let me tell you bout hard work
Minimum wage with a baby on the way
Let me tell you bout hard work
Rebuilding your house after the bombs took them away
Let me tell you bout hard work
Building a bed out of a cardboard box
Let me tell you bout hard work
Hard work
Hard work
You don_t know nothing bout hard work
Hard work
Hard work
Oh

How do you sleep at night
How do you walk with your head held high
Dear Mr. President
You_d never take a walk with me
Would you

..............