chat cool

  



DEVELOPPEMENT WEB :

Codes couleurs css
* Codes couleurs html5 * Héritage Css * i-tchat * Nuages de mots * Polices fonts
Javascript 1 * Références CSS * Pratique html * Clavier 1 * Clavier 2 * Clavier 3 * Gimp Linux Graphisme
Liens couleur * Langage HTML et CSS * CSS3 Créate * CSS Deck * Texte html forme * Balises html5
JSbin * JSfiddle * html5 et css vidéos * html Balises etc. * Wikiboocks html * Menu à onglet * Site HTML 1
Site HTML 2 * Docteur HTML5 * Cours Complets Html et Css * Générateur JS * Outils du Web * Viewlike
Tableaux HTML * Compteur de visites * Générateur 1 * Générateur 2 * Générateur 3 * Générateur 4
Générateur Logo * Générateur RSS * Générateur Image cliquables * Résolutions écran * Développez.net forum * Wix site web gratuit * Smiley * Scriptol * Net pratique * Développement web * Texte animé
Web Soluces * Fonds d'écran * Sélecteur couleur html * Zône Css * Générateur RSS 2 * Générateur Logotype * Boutons glassy * Mailing Icones css * Bandeau led défilant * Modèles Html 5 * Validator html
Vues Browsers * Boutons CSS3 * Samourai CSS Design CSS3 * Cours CSS3 * Php



LES CODES DE COULEURS :

Permettent de colorer les textes, les fonds par les attributs color, bgcolor ou background :

<p style="color:#905575">texte</p>
<body bgcolor="#eee">

Le code consiste en six chiffres: les deux premiers représentent la proportion de rouge,
les deux suivants le vert, et les deux derniers le bleu, ce qui donne 16 777 216 nuances. Si on n’a pas besoin d’autant de nuances, on peut abréger le code en trois chiffres hexadécimaux: le premier pour la proportion de rouge, le deuxième de vert et le troisième de bleu; cela donne 4096 nuances.
L’ensemble de chiffres est précédé du dièse # et les valeurs utilisent les chiffres de 0 à 9 et de A à F. L’ensemble doit être précédés du dièse # pour montrer que le système utilise l’hexadécimal:
16 valeurs de 0 à 15, où A représente le 10; B, le 11… et F le 15

Il est possible d’utiliser certains noms pour coder les couleurs. Pour obtenir du texte doré :

<span style="color: gold;">texte</span>

Voici un tableau des noms officiels :

aliceblue antiquewhite aqua aquamarine azure
beige bisque black blanchedalmond blue
blueviolet brown burlywood cadetblue chartreuse
chocolate coral cornflowerblue cornsilk crimson
cyan darkblue darkcyan darkgoldenrod darkgray
darkgreen darkkhaki darkmagenta darkolivegreen darkorange
darkorchid darkred darksalmon darkseagreen darkslateblue
darkslategray darkturquoise darkviolet deeppink deepskyblue
dimgray dodgerblue firebrick floralwhite forestgreen
fuchsia gainsboro ghostwhite gold goldenrod
gray green greenyellow honeydew hotpink
indianred indigo ivory khaki lavender
lavenderblush lawngreen lemonchiffon lightblue lightcoral
lightcyan lightgoldenrodyellow lightgreen lightgrey lightpink
lightsalmon lightseagreen lightskyblue lightslategray lightsteelblue
lightyellow lime limegreen linen magenta
maroon mediumaquamarine mediumblue mediumorchid mediumpurple
mediumseagreen mediumslateblue mediumspringgreen mediumturquoise mediumvioletred
midnightblue mintcream mistyrose moccasin navajowhite
navy oldlace olive olivedrab orange
orangered orchid palegoldenrod palegreen paleturquoise
palevioletred papayawhip peachpuff peru pink
plum powderblue purple red rosybrown
royalblue saddlebrown salmon sandybrown seagreen
seashell sienna silver skyblue slateblue
slategray snow springgreen steelblue tan
teal thistle tomato turquoise violet
wheat white whitesmoke yellow yellowgreen
Les couleurs suivantes ne sont pas garanties et dépendent de votre navigateur. InternetExplorer, Konqueror (et Safari?) les affichent; Mozilla et dérivés ne les affichent pas. Il vaut donc mieux les éviter. Chaque couleur est doublée de son équivalent en code hexadécimal, qui sera lu par tous les navigateurs en mode graphique:
brass cadet cornflower cyclamen feldspar
#b0a000 #cade00 #c0f0e0 #c00ae0 #fed0a0
flesh grass indian meadow scarlet
#f0e000 #00a000 #00d0a0 #0ead00 #ca0e00
slate summer
#00a0e0 #0000e0
LES COULEURS EN CSS :

Les couleurs CSS sont en fait les mêmes que celles de HTML. Les 16 couleurs de fondamentales ont un nom parlant (en anglais) normalisé : elles sont reconnus par tous les navigateurs. Pour faire référence à d’autres couleurs,
vous devrez utiliser le code hexadécimal. C’est bien sûr un peu moins parlant mais universel.
[Nom]

La couleur est désignée par son nom. Il n’y a que 16 noms de couleurs normalisés par le W3C.
D’autre nom existent mais risquent de ne pas être reconnus par tous les navigateurs.
#RRVVBB

La couleur est désignée par son code hexadécimal (un dièse suivi de 6 digits). Les deux premiers digits représentent la valeur de rouge, les deux suivants le vert et les deux derniers le bleu. En mélangeant dans des proportions différentes ces trois couleurs de base, on peut obtenir toutes les couleurs.

La notation hexédicmale est parfaitement normalisée. Malheureusement, les codes ne sont pas très faciles à lire.
RGB( [R],[V],[B] )

La couleur est définie par trois nombres de 0 à 255 indiquant respectivement le taux de rouge,
le taux de vert et le taux de bleu.
Exemples.

Background-Color: Yellow;
Background-Color: #FFFF00;
Background-Color: RGB(255,255,0);

La couleur jaune peut être définie indifféremment par les trois lignes ci-dessus.
Couleurs nommées normalisées.
#00FFFF
Aqua #000000   Black #0000FF   Blue #FF00FF   Fuchsia #808080   Gray #008000   Green #00FF00   Lime #800000  
Maroon #000080   Navy #808000   Olive #800080   Purple #FF0000   Red #C0C0C0   Silver #008080   Teal #FFFFFF   White #FFFF00


JAVASCRIPT

Exemple de liste de redirection :

Partie à coller après le titre de la page entre deux balises script :


function Lien() {
	i = document.Choix.Liste.selectedIndex;
	if (i == 0) return;
	url = document.Choix.Liste.options[i].value;
	parent.location.href = url;
}

Partie à coller dans le body ou dans une bannière, entre deux balises script :


<div id="secondary" class="widget-area" role="complementary">
	<form name="Choix">
<select name="Liste" onchange="Lien()">

<option selected="selected" value="">Nessub Sélecteur
</option><option value="Page1.html">Page 1
</option><option value="Page2.html">Page 2
</option><option value="Page3.html">Page 3
</option><option value="Page4.html">Page 4
</option><option value="Page5.html">Page 5

</option></select>
</form><

CSS

Les feuilles de styles :

La feuille de style est un fichier en texte simple contenant une structure définissant les attributs des balises.
On désigne la feuille de styles par une balise dans la première partie du fichier HTML (entre <head> et </head>) :


<link rel="stylesheet" href="votrefeuille.css" type="text/css">

et elle a la forme suivante (/* ceci est un commentaire */):


/* feuille de styles */
body
  {
  color: black;
  background-color: white;
  font-family: sans-serif;
  font-size: 100%;
  }
p
  {
  margin-left: 5%;
  margin-left: 5%;
  text-align: justify;
  }

HTML

Structure d'un fichier HTML5 :

Un fichier HTML5 est essentiellement du texte formaté par des balises.
Celles-ci sont constituées d'un terme entourés des signes < et > et peuvent contenir des attributs, de façon générale :


<balise attribut1="definition1" attribut2='definition2'>

La déclaration préliminaire est maintenant réduite à :
il n'existe plus de versions «Frame» ou «Loose» comme en HTML4.
Hormis le doctype, une page html doit entièrement être contenue entre les balises <head> et </head>.
Dans un souci de simplification, les balises qui ne peuvent être emboîtées
(par exemple la balise de paragraphe <p>) ne doivent plus nécessairement être fermées.
Ce n'est pas le cas des balises <div></div> ou <table></table> qui peuvent se contenir elles-mêmes,
ou des balises «interrupteurs» comme <b></b> (gras) ou <i></i> (italique).
Une page html est subdivisée en deux parties distinctes: la première, entre <head> et </head>,
contient des descriptions et paramétrages de la page; la seconde, entre <body> et </body>,
contient ce qui apparaîtra lors de l'ouverture de la page par un navigateur.
Bien qu'on puisse écrire indifféremment les balises en majuscules ou minuscules,
il est recommandé d'utiliser les minuscules pour la compatibilité avec le langage XHTML et XML.
Exemple d'une structure de listing HTML (version 5) :


<!DOCTYPE html>
<html lang="fr"><head>

<meta charset="utf-8">
<title>Le post-moderne est-il soluble dans le relativisme?</title>
<meta name="author" content="Dudule">
<meta name="description" content="Hyper-relativisme et post-modernisme
vont-il nécessairement de pair? Discussion définitive.">
<meta name="keywords" content="post-moderne, relativisme, philosophie,
epistemologie">

</head><body>

<h1>Un titre, par exemple</h1>

<p>Un premier paragraphe de texte
 = ... et des liens, des images, des tableaux, des listes, etc.

</body></html>