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.
CSS Tutorial 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
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:
Codrops Co-Authors Plus Assign multiple bylines to posts, pages, and custom post types via a search-as-you-type input box. Co-authored posts appear on a co-author's archive page and in their feed. Co-authors may edit the posts they are associated with, and co-authors who are contributors may only edit posts if they have not been published (as is core behavior). Add writers as bylines without creating WordPress user accounts. On the frontend, use the Co-Authors Plus template tags to list co-authors anywhere you'd normally list the author. This plugin is an almost complete rewrite of the Co-Authors plugin originally developed at Shepherd Interactive (2007). Skeleton: Beautiful Boilerplate for Responsive, Mobile-Friendly Development