background preloader

CSS Colors

CSS Colors

Créer un menu horizontal centré en CSS (sans JavaScript) Cet article a 3 années. Il commence à dater, lisez-le donc en gardant son âge en tête ! Merci publié le Lu 93 383 fois. C’est une chose qui peut paraître très simple à faire, mais sur laquelle beaucoup de personnes se sont cassés les dents. Aujourd’hui encore je trouve des solutions en JavaScript qui permettent d’attribuer une marge à gauche de l’élément ul pour centrer les li qu’il contient. Solution avec li en inline Vous savez sous doute que l’affichage des éléments de liste se fait par défaut en display: list-item;, qui procure à la liste ce comportement particulier, notamment l’attribution de puces de liste. Considérons le code HTML suivant : <ul id="nav"> <li><a href="#">Accueil</a></li> <li><a href="#">Services</a></li> <li><a href="#">À propos</a></li> <li><a href="#">Contact</a></li> </ul> Les commentaires HTML entre chaque élément de liste permettent de supprimer l’espace blanc (white-space) indésirable, visible sur certaines mises en forme. Solution avec li en inline-block

artest35 « Tutoriel wordpress pour les amateurs Quand on programme avec WordPress ou que l’on modifie une feuille de style, on a besoin de coder les couleurs. On peut utiliser le format hexadécimal avec une notation à 3 ou 6 chiffres. Voici un article expliquant bien cette notation. De plus, on aimerais, connaissant une couleur, savoir le code correspondant et aussi connaissant le code savoir la couleur (à 3 ou à 6 chiffres) : Le logiciel gratuit de retouche d’images, gimp, permet cela. Voici comment procéder : On ouvre gimp. On clique sur l’outil de couleur de premier et d’arrière-plan. Voici ce qu’on obtient : On voit dans cet exemple que, à la couleur noire (Actuelle), correspond la notation HTML #000000. A vous d’essayer : Par exemple, à quelle couleur correspond le code hexa #cb4fe1? A vous de trouver… Par ailleurs, avec gimp, on peut trouver la correspondance entre entre une couleur et son code RGB (Red, Green, Blue OU Rouge, Vert et bleu) : a vous de chercher en utilisant l’outil de modification de couleur de premier plan.

Formation vidéo : Apprendre MySQL Sommaire MySQL est un Système de Gestion de Bases de Données Relationnelles (SGBDR) Open Source qui vous permettra de gérer des bases de données. Quelque soit le projet web que vous souhaitez créer (blog, e-boutique, site social...) vous aurez besoin d'une base de donnée pour stocker les informations qui constituent votre site. Cette formation a pour but de vous donner tous les outils qui vous permettront ensuite d'utiliser MySQL dans vos sites dynamiques. Nous ne verrons pas l'ensemble des fonctionnalités de ce SGBD mais les fonctionnalités essentielles qui vous seront utiles. Introduction Les bases Les fonctions Notions avancées Dumps5min 30sLes jointures ( Réservé aux membres premium )15min 5sRecherches FULLTEXT ( Réservé aux membres premium )13min 17sLes Transactions ( Réservé aux membres premium )6min 59sLes requêtes préparées ( Réservé aux membres premium )4min 53sLes vues ( Réservé aux membres premium )8min 25s Conclusion Conclusion1min 26s

Links : Colors on Text Links There are a few settings that can be useful for controlling the colors of text links. This page will teach you how to: Define colors for all links on the page.Define colors for individual links on the page. Define colors for all links on the page The general color of text links is specified in the <body> tag, like in the example below: link - standard link - to a page the visitor hasn't been to yet. Define colors for individual links on the page The method described above is for setting overall link colors for the page. However, you might want one or more links to have different colors than the rest of the page. There are two methods for doing this: Placing font tags between the <a href> and the </a> tag. The second technique would look like this: Note: The RGB numbers indicate amounts of red, green, and blue using values between 0 and 255. Now, since neither of the two methods covers all browsers, we need to use both techniques at once. This example will work on all browsers:

CSS Hat turns Photoshop layer styles to CSS3 with a click - PSD CSS - Convert PSD to CSS3 Police En CSS : Style Et Polices En parcourant les exemples des tutoriels précédents, vous avez dû vous apercevoir que l'on a souvent utilisé des propriétés telles que font-size, font-family, color etc. Pour autant, on n'a pas encore expliqué ce que cela signifie exactement. Dans les chapitres qui suivent, on essaiera de voir tout cela plus en détail. Commençons d'abord par tout ce qui concerne la typographie : les fonts, ou polices de caractères. La mise en forme nous permet d'avoir des polices de caractère personnalisées à notre goût. Choix de la police Le pouvoir de l'informatique nous permet d'avoir une multitude de polices de caractères qui ont chacune leur forme. Code CSS : Cependant, il ne faut surtout pas oublier que vos pages web seront visitées. Le navigateur essaiera d'abord de mettre la police en Agency FP. En principe, on a intérêt à mettre en tout dernier une police standard. famille classique : arial, times new roman, etc.famille générique : serif, sans-serif,etc. Code XHTML : Mettre en gras en CSS

Sécuriser ses formulaires avec une clé unique — Ange Chierchia Il y a quelques jours je suis tombé sur un article très intéressant de Wouter Bulten concernant la sécurité lors de la soumission de formulaire web. Sa solution contre le cross-site scripting ? Créer une classe PHP qui nous permettra de créer une clé unique pour chaque formulaire afin de n’accepter que les requêtes provenant de notre site web. Comment cela va se passer ? D’abord il nous faudra un champ caché qui contiendra la clé unique pour notre formulaire.Enregistrer cette clé dans une session PHPVérifier la clé lors de la soumission du formulaire Notre formulaire Pour l’exemple on utilisera un bête formulaire de login, qui est tout de même l’un des formulaires les plus importants d’un site, puisque c’est lui qui donne accès à certaines informations plus ou moins « sensibles ». <! Maintenant qu’on a notre formulaire, il est temps de commencer le processus de sécurisation Créer une classe PHP Ici on a donc la structure de base de notre classe. Passons maintenant à la génération de la clé.

Skeleton: Beautiful Boilerplate for Responsive, Mobile-Friendly Development lorempixel - placeholder images for every case

Related: