Tombe la neige , au gré du vent ,( souris)

Une tempête de neige sur votre blog 

un javascript ( donc demande que soit activé le javascript sur le compte eklablog du blog) de chez 

http://schillmania.com/
http://www.schillmania.com/projects/snowstorm/

Copier  dans la zone de script ou dans article restant en page d'accueil, en passant par le bouton <> de l'éditeur d'article

<script src="http://ekladata.com/bleulezard.eklablog.com/perso/flocons.js" type="text/javascript"></script>

Les puces caractères spéciaux

 Une page avec quelques images de puces ici

3. Les puces caractères spéciaux

Grace au pseudo élément :before, il est possible d'insérer un caractère en début d'item de liste (li) ainsi:

#module_menuXXXXXXXXX li:before {content: "■   "; /* caractère UTF-8 */ color:white; /*couleur du caractere*/}

quelques caractères spéciaux avec la touche Alt:

Alt + 1         ☺ Alt + 3          ♥ Alt + 15        ☼	Alt + 14       ♫ Alt + 6          ♠ Alt + 254      ■
Alt + 10         ◙ Alt + 16        ► Alt + 26        →	Alt + 35     # Alt+ 22       ▬ Alt + 8        ◘

Les dégradés de couleurs argent

#c0c0c0 au blanc

1. #c0c0c0
2. #c7c7c7
3. #cecece
4. #d5d5d5
5. #dcdcdc
6. #e3e3e3
7. #eaeaea
8. #f1f1f1
9. #f8f8f8
10. #ffffff

#c0c0c0 au noir

1. #c0c0c0
2. #aaaaaa
3. #959595
4. #7f7f7f
5. #6a6a6a
6. #555555
7. #404040
8. #2a2a2a
9. #151515
10. #000000

Exemples de code HTML et CSS / CSS3

• #c0c0c0 premier plan
  <p style="color: #c0c0c0; background-color: #000">#c0c0c0 premier plan</p>
• #c0c0c0 fond
  <p style="background-color: #c0c0c0">#c0c0c0 fond</p>
• #c0c0c0 bordure
  <p style="border: #c0c0c0 3px solid">#c0c0c0 bordure</p>
• #c0c0c0 dégradé radial
  <p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #c0c0c0, #fff); background: -webkit-radial-gradient(50% 50%, #c0c0c0, #fff); background: -o-radial-gradient(50% 50%, #c0c0c0, #fff); background: -ms-radial-gradient(50% 50%, #c0c0c0, #fff); background: radial-gradient(50% 50%, #c0c0c0, #fff)">#c0c0c0 dégradé radial</p>
• #c0c0c0 gradient linéaire à complémentarité #c0c0c0
  <p style="padding: 15px 0; background: -moz-linear-gradient(top, #c0c0c0, #c0c0c0); background: -webkit-linear-gradient(top, #c0c0c0, #c0c0c0); background: -o-linear-gradient(top, #c0c0c0, #c0c0c0); background: -ms-linear-gradient(top, #c0c0c0, #c0c0c0); background: linear-gradient(top, #c0c0c0, #c0c0c0); color: #000">#c0c0c0 gradient linéaire à complémentarité #c0c0c0</p>
• #c0c0c0 ombre du texte
  <p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #c0c0c0">#c0c0c0 ombre du texte</p>

Les dégradés de couleurs argent

1. #aaaaaa
2. #b3b3b3
3. #bcbcbc
4. #c6c6c6
5. #cfcfcf
6. #d9d9d9
7. #e2e2e2
8. #ececec
9. #f5f5f5
10. #ffffff

#aaaaaa au noir

1. #aaaaaa
2. #979797
3. #848484
4. #717171
5. #5e5e5e
6. #4b4b4b
7. #383838
8. #252525
9. #121212
10. #000000

Exemples de code HTML et CSS / CSS3

• #aaaaaa premier plan
  <p style="color: #aaaaaa; background-color: #000">#aaaaaa premier plan</p>
• #aaaaaa fond
  <p style="background-color: #aaaaaa">#aaaaaa fond</p>
• #aaaaaa bordure
  <p style="border: #aaaaaa 3px solid">#aaaaaa bordure</p>
• #aaaaaa dégradé radial
  <p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #aaaaaa, #fff); background: -webkit-radial-gradient(50% 50%, #aaaaaa, #fff); background: -o-radial-gradient(50% 50%, #aaaaaa, #fff); background: -ms-radial-gradient(50% 50%, #aaaaaa, #fff); background: radial-gradient(50% 50%, #aaaaaa, #fff)">#aaaaaa dégradé radial</p>
• #aaaaaa gradient linéaire à complémentarité #a9a9a9
  <p style="padding: 15px 0; background: -moz-linear-gradient(top, #aaaaaa, #a9a9a9); background: -webkit-linear-gradient(top, #aaaaaa, #a9a9a9); background: -o-linear-gradient(top, #aaaaaa, #a9a9a9); background: -ms-linear-gradient(top, #aaaaaa, #a9a9a9); background: linear-gradient(top, #aaaaaa, #a9a9a9); color: #000">#aaaaaa gradient linéaire à complémentarité #a9a9a9</p>
• #aaaaaa ombre du texte
  <p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #aaaaaa">#aaaaaa ombre du texte</p>

Couleurs OR

code

1. 
   
2. 
   
3. 
   
4. 
   
5. 
   
6. 
   
7. #d2b55c
8. #d8b

1. #6c591d
2. #826a23
3. #977c29
4. #ad8e2f
5. #c3a035
6. #cdac47
7. #d2b55c
8. #d8bf72
9. #dec988
10. #e4d39d

1. Gold (metallic)
   #d4af37
2. Old gold
   #cfb53b
3. Satin sheen gold
   #cba135
4. Vegas gold
   #c5b358
5. Goldenrod
   #daa520
6. Lemon curry
   #cca01d
7. Urobilin
   #e1ad21
8. Brass
   #b5a642
9. Meat brown
   #e5b73b
10. Indian yellow
    #e3a857

• 
  
• 
  
• 
  

Les dégradés de couleurs OR

Les dégradés de couleurs

#d9b554 au blanc

1. #d9b554
2. #ddbd67
3. #e1c57a
4. #e5cd8d
5. #e9d5a0
6. #eedeb3
7. #f2e6c6
8. #f6eed9
9. #faf6ec
10. #ffffff

#d9b554 au noir

1. #d9b554
2. #c0a04a
3. #a88c41
4. #907838
5. #78642e
6. #605025
7. #483c1c
8. #302812
9. #181409
10. #000000

Exemples de code HTML et CSS / CSS3

• #d9b554 premier plan
  <p style="color: #d9b554; background-color: #000">#d9b554 premier plan</p>
• #d9b554 fond
  <p style="background-color: #d9b554">#d9b554 fond</p>
• #d9b554 bordure
  <p style="border: #d9b554 3px solid">#d9b554 bordure</p>
• #d9b554 dégradé radial
  <p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #d9b554, #fff); background: -webkit-radial-gradient(50% 50%, #d9b554, #fff); background: -o-radial-gradient(50% 50%, #d9b554, #fff); background: -ms-radial-gradient(50% 50%, #d9b554, #fff); background: radial-gradient(50% 50%, #d9b554, #fff)">#d9b554 dégradé radial</p>
• #d9b554 gradient linéaire à complémentarité #5378d9
  <p style="padding: 15px 0; background: -moz-linear-gradient(top, #d9b554, #5378d9); background: -webkit-linear-gradient(top, #d9b554, #5378d9); background: -o-linear-gradient(top, #d9b554, #5378d9); background: -ms-linear-gradient(top, #d9b554, #5378d9); background: linear-gradient(top, #d9b554, #5378d9); color: #000">#d9b554 gradient linéaire à complémentarité #5378d9</p>
• #d9b554 ombre du texte
  <p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #d9b554">#d9b554 ombre du texte</p>

Maintenant voici à quoi peut servir ce tutoriel

Un TUTO Pailleté

UN TUTO PAILLETÉ ET UN KIT GLITTER À TÉLÉCHARGER !

Aujourd’hui je vous propose un petit tutoriel sur photoshop, je vais vous parler de brillant, de pailleté, de doré et de glitter !
Les paillettes c’est un peu l’envoutement des filles,alors je vais vous montrer comment en 4 étapes assez simple
vous pouvez sous photoshop obtenir une texture pailleté qui peut par la suite vous servir pour décorer vos photos ou vos blogs.
Voici les 4 étapes en impression d’écran, et en dessous un petit kit de widgets glitter !

étape N°1 : Ouvrir un calque sous photoshop (Pomme (ou ctrl) + N ou fichier > nouveau) et mettre un aplat de couleur dans les tons or
grâce à l’outil pot de peinture.

voici différents codes couleurs de doré, choisir parmis la liste celui qui vous convient le plus :

étape N°2 : Dupliquer le calque de base pour cela il faut se rendre dans notre fenêtre de calques où il s’appelle ici « glitter texture » car je l’ai renommé
pour faciliter le tutoriel mais qui ,chez vous, apparaitra en tant que « arrière-plan ».

étape N°3 : sélectionner le calque que vous avez dupliquer qui se nomme chez moi « copie N°1″ et aller dans le menu du haut : filtre > bruit > ajout de bruit,
puis cocher monochromatique et le mettre à 400 %.

étape N°4 : Rester sur ce même calque et le passer en « densité linéaire – (Ajout) » (voir image) et baisser l’opacité jusqu’à trouver le rendu qui vous convient le plus.

Maintenant voici à quoi peux vous servir ce tutoriel :

Voici différents codes couleurs de doré

Code couleurs graphique

http://www.unesourisetmoi.info/gestiondescouleurs/index.html