29 mars 2009

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

whiteFFFFFF

silverC0C0C0

gray808080

black000000

redFF0000

maroon800000

yellowFFFF00

lime00FF00

green008000

olive808000

aqua00FFFF

teal008080

blue0000FF

navy000080

fuchsiaFF00FF

purple800080

HTML : tableau des codes et des couleurs - complet
résultat

résultat

whiteFFFFFF

ghostwhiteF8F8FF

whitesmokeF5F5F5

snowFFFAFA

azureF0FFFF

honeydewF0FFF0

mintcreamF5FFFA

lightyellowFFFFE0

floralwhiteFFFAF0

ivoryFFFFF0

linenFAF0E6

oldlaceFDF5E6

seashellFFF5EE

lavenderblushFFF0F5

lavenderE6E6FA

gainsboroDCDCDC

lightgreyD3D3D3

silverC0C0C0

darkgrayA9A9A9

lightslategray778899

slategray708090

gray808080

dimgray696969

black000000

bisqueFFE4C4

wheatF5DEB3

moccasinFFE4B5

peachpuffFFDAB9

mistyroseFFE4E1

pinkFFC0CB

lightpinkFFB6C1

rosybrownBC8F8F

coralFF7F50

tomatoFF6347

orangeredFF3300

redFF0000

crimsonDC143C

indianredCD5C5C

firebrickB22222

darkred8B0000

maroon800000

brownA52A2A

saddlebrown8B4513

siennaA0522D

chocolateD2691E

darkorangeFF8C00

orangeFFA500

lightsalmonFFA07A

darksalmonE9967A

salmonFA8072

sandybrownF4A460

navajowhiteFFDEAD

blanchedalmondFFEBCD

papayawhipFFEFD5

antiquewhiteFAEBD7

beigeF5F5DC

cornsilkFFF8DC

palegoldenrodEEE8AA

khakiF0E68C

yellowFFFF00

goldFFD700

darkgoldenrodB8860B

peruCD853F

goldenrodDAA520

tanD2B48C

burlywoodDEB887

darkkhakiBDB76B

chartreuse7FFF00

greenyellowADFF2F

lawngreen7CFC00

lime00FF00

springgreen00FF7F

palegreen98FB98

mediumspringgreen00FA9A

limegreen32CD32

mediumseagreen3CB371

yellowgreen9ACD32

aliceblue9ACD32

mediumaquamarine66CDAA

darkseagreen8FBC8F

forestgreen228B22

green008000

seagreen2E8B57

olive808000

olivedrab6B8E23

darkgreen006400

darkslategray2F4F4F

darkolivegreen556B2F

aquamarine7FFFD4

aqua00FFFF

cyan00FFFF

paleturquoiseAFEEEE

turquoise40E0D0

mediumturquoise48D1CC

darkturquoise00CED1

lightseagreen20B2AA

cadetblue5F9EA0

teal008080

darkcyan008B8B

steelblue4682B4

deepskyblue00BFFF

lightskyblue87CEFA

lightsteelblueB0C4DE

powderblueB0E0E6

skyblue87CEEB

cornflowerblue6495ED

dodgerblue1E90FF

mediumslateblue7B68EE

slateblue6A5ACD

royalblue4169E1

blue0000FF

mediumblue0000CD

darkslateblue483D8B

navy000080

darkblue00008B

midnightblue191970

indigo4B0082

blueviolet8A2BE2

darkorchid9932CC

darkviolet9400D3

mediumpurple9370DB

orchidDA70D6

mediumorchidBA55D3

fuchsiaFF00FF

magentaFF00FF

hotpinkFF69B4

violetEE82EE

thistleD8BFD8

plumDDA0DD

palevioletredDB7093

deeppinkFF1493

mediumvioletredC71585

purple800080

darkmagenta8B008B




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



28 mars 2009

VidéoZap - GORILLAZ

VidéoZap - QUEEN

26 mars 2009

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.







10 mars 2009

Michael Buble : Me and Mrs Jones


8 mars 2009

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




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 "




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

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