background preloader

Les propriétés CSS :nth-child et :first-child

Les propriétés CSS :nth-child et :first-child
Afin de styliser en CSS une liste d’éléments, que ce soit pour la navigation de votre site web ou pour une liste dans vos contenus, vous pouvez utiliser un « ID » différent pour chacun de vos items. Cependant, cela aura comme inconvénient de vous créer plusieurs lignes de codes qui auraient pu être évitées à l’aide de différentes propriétés telles que :nth-child, :nth-of-type, :first-child et :last-child. Ces propriétés sont également très utiles lorsque vous avez une liste avec énormément d’éléments. Voici un article illustrant à merveille l’utilisation de chacune de ces propriétés CSS dans différents contextes afin d’avoir un contrôle absolu sur vos listes HTML. L’article suivant a été écrit par Chris Coyier du site web CSS-Tricks.com Sélectionner seulement le 5e élément Si vous devez sélectionner seulement le 1er élément de la liste, vous pouvez utiliser ceci li:first-child ou tout simplement li:nth-child(1). Tout sélectionner sauf les cinq premiers Sélectionner seulement les cinq premiers

Les préfixes vendeurs en CSS Afin de permettre le développement progressif et l'implémentation des modules CSS, les éditeurs de navigateurs (vendors) ont la possibilité d'introduire le support de propriétés spécifiques. Cette manière d'opérer est recommandée par le W3C depuis CSS 2.1 et valable pour les versions suivantes. Ces "propriétés propriétaires" doivent être préfixées d'un tiret et d'un code correspondant au moteur les exploitant : -o- pour Opera -moz- pour Gecko (Mozilla) -webkit- pour Webkit (Chrome, Safari, Android...) Le tout doit être suivi du nom de la propriété souhaitée ou anticipée. Ainsi, la fameuse propriété border-radius destinée à arrondir les angles des boîtes sans utiliser d'images ou de techniques alternatives s'est vue introduite par : -moz-border-radius sous Gecko (2.0 à 3.6) -webkit-border-radius sous WebKit Opera 10.5 l'a implémentée directement sans préfixe, puis suite à sa finalisation, l'ont fait également Safari 5.0, Chrome 5.0, Firefox 4.0 et Internet Explorer 9.

[PHP] Afficher les articles d’un flux RSS « Tony Archambeau Les flux RSS sont utiles pour suivre l'actualité d'un site web. Sachant qu'ils contiennent les informations liés aux articles d'un site, il peut se révéler pratique d'extraire le contenu d'un flux RSS pour en afficher une liste des articles avec un lien vers ceux-ci. L'objectif de cet article consiste à créer un simple code PHP qui sert d'agrégateur RSS. ElePHPant Prérequis Il faut avoir quelques notions avec le langage de programmation PHP et avoir un hébergement qui prend en compte PHP 5. Code PHP Le code PHP, qui ne fait que 8 lignes, est visible ci-dessous. <? Démonstration Dans un premier temps ce code extrait les informations du flux RSS et convertit le document XML en un objet. A l'intérieur de la boucle foreach, il y a il ne reste plus qu'à afficher les informations souhaités. Personnaliser Il est possible d'utiliser plus d'informations si celles-ci sont disponibles dans le flux RSS. Amélioration supplémentaire Il est possible d'améliorer le code présenté sur cet article.

CSS Overflow Module Level 3 Abstract CSS is a language for describing the rendering of structured documents (such as HTML and XML) on screen, on paper, in speech, etc. This module contains the features of CSS relating to new mechanisms of overflow handling in visual media (e.g., screen or paper). In interactive media, it describes features that allow the overflow from a fixed size container to be handled by pagination (displaying one page at a time). Status of this document This is a public copy of the editors' draft. The (archived) public mailing list www-style@w3.org (see instructions) is preferred for discussion of this specification. This document was produced by the CSS Working Group (part of the Style Activity). This document was produced by a group operating under the 5 February 2004 W3C Patent Policy. The following features are at risk: … Table of contents 1. In CSS Level 1 [CSS1], placing more content than would fit inside an element with a specified size was generally an authoring error. 2. overflow 2.1. The

Comment migrer son site WordPress avec le script DBSR | Grégoire Noyelle Dans ce dernier tutoriel sur le sujet nous verrons comment migrer un site d’un emplacement A à un emplacement B avec le script DBSR. Pour les deux les versions peuvent être en ligne ou en local. La seule chose à respecter est de copier les bonnes URL. Mise au point importante Attention, merci de vous référer à cet autre article sur les bases de la migration WordPress. Lancer le script pour migrer WordPress Après avoir effectué les transferts du dossier WordPress et de la base de données (comme décrits dans l’article sur bases de la migration WordPress, nous allons lancer le script. Placer le fichier script D’abord téléchargez le script DBSR et installez le à la racine de votre site après avoir extrait le contenu de l’archive .zip.Attention à bien supprimer le dossier du script après la migration. Vous lancerez ensuite le script en utilisant l’URL: L’URL nom-de-mon-site devra être remplacée. Vérifier les réglages de la base de données WordPress

Change All WordPress Site URLs in the MySQL Database via phpMyAdmin – Stanhub Moving a WordPress website to a new domain, host or just a different directory scares many people. There are a lot of ways you can do this. Some people prefer to process the migration manually, others prefer to use a plugin as there are quite a few available. Whether you are using a plugin or not, it often happens that after the migration process you are still encountering URLs through your website, pointing to the old WordPress location. You can easily modify all WP site URLs in the MySQL database tables through phpMyAdmin. 1) Log into your phpMyAdmin profile 2) Select the database you would like to edit 3) Run the following SQL queries: Note: Don’t forget to change ‘ and ‘ in the snippet above. Please bear in mind this is not a complete guide on how to move a WordPress website to a new domain/host. If you have any questions or concerns, please do not hesitate to let me know.

Related: