background preloader

Image de fond en CSS (background-image) dans une page html - CSS Debutant

Image de fond en CSS (background-image) dans une page html - CSS Debutant
Mettre une image de fond dans une page html est un exercice très répandu. Et il est loin et révolu le temps où on utilisait le code du type : <body background="images/image_de_fond.png"> si peu adaptable aux besoins. Avec les feuilles de style on peut obtenir beaucoup plus, surtout depuis l'arrivée des CSS3 qui permettent de mettre plusieurs images de fond d'un seul coup. Fonctionne avec : Tous les navigateurs graphiques Attributs utilisés : background-image background-repeat background-position Petits avertissements préliminaires : L'image de fond d'une page html doit être légère. Pour illustrer tout cela, visionnez ce mauvais exemple : la photo fait 330 ko ; la couleur utilisée, pour la police de caractère et le fond, est blanche. Code CSS de base L'image de fond se déclare en général pour la balise body (corps de page), mais on peut aussi l'appliquer à un bloc (<div></div>), ou un titre (<hx></hx>), une citation (<blockquote></blockquote>), etc. Visionner l'exemple Fond de page fixe ou : Astuce

http://css.mammouthland.net/image-de-fond-background-css.php

Related:  guygwadadaCode&cie

Des stations de métro fantômes sous Paris Cela se passe généralement lors des Journées du patrimoine. A l'heure où les métros parisiens font leur dernier trajet, une rame pleine de voyageurs décolle d'un quai caché dans les profondeurs de la station Porte des Lilas. Toute la nuit, elle sillonnera en tout sens le réseau de la RATP, en passant par les voies régulières et les tunnels de service. Objectif: découvrir et visiter des stations abandonnées. Dimensionner ses fontes avec rem Par Jonathan Snook Déterminer quelle unité de mesure choisir pour la taille de notre texte peut mener à un débat houleux, même de nos jours. Malheureusement, il existe toujours des avantages et inconvénients qui rendent ces différentes techniques peu désirables. La question est alors de savoir quelle solution est la « moins pire ».

GrizzlyDev - Migration de CMS Migration de CMS Pour une entreprise qui doit gérer des milliers de pages en ligne, la question aujourd’hui est de rester dans le coup, non pas d’un point de vue marketing, mais dans la structure technique du site de l’entreprise. Le développement des CMS a permis aux responsables de la communication de reprendre la main sur la très nécessaire actualisation continue des informations de l’entreprise en ligne. Mais nous arrivons à présent à un nouvel âge de l’Internet professionnel où les CMS plébiscités d’il y a seulement 4 ou 5 ans sont aujourd’hui dépassés ou abandonnés et où il devient nécessaire de migrer les sites d’une solution à une autre, de la manière la plus efficace, la plus rapide et la moins couteuse possible, que ce soit en temps, en argent ou en énergie, et malgré le poids croissant des données. Pour illustrer la délicatesse d’un changement de CMS pour un site professionnel, GrizzlyDev vous propose de suivre deux cas d’écoles. Migration sans casse du site Enviscope.com

Sélecteurs CSS class et id A quoi servent les sélecteurs CSS class et id ? Tout simplement à définir des styles particuliers que l'on voudra reproduire de façon ponctuelle ou récurrente dans les pages HTML.Une fois que la la feuille de style de base n'a plus de secrets, il est temps de passer à la vitesse supérieure. Les sélecteurs class et id sont incontournables et indispensables. Voyons leurs similitudes et leurs différences par deux exemples. Fonctionne avec : Utilisation de l’éditeur de texte Word 1- Présentation générale de Word 2007 Initiation à l’utilisatin de Word 2007, cette vidéo vous présente les différentes fonctionnalités de Word : format de fichier, polices, cadrage, les images, styles, tableaux, table des matières ... 2- Initiation à l’utilisation de Word 2007 Comment utiliser les polices, mettre un texte en gras, en italique, cadrer le texte, les en-têtes et pieds de page ...

Créer un bouton en CSS3 sans images - Utiliser les dégradés, les ombres et les coins arrondis. Tutoriel Dans ce tutoriel, nous allons utiliser différentes techniques CSS qui vont par exemple nous permettre de réaliser un bouton, sans utilisation d’images. Ces techniques sont utilisables sur tous les éléments d’une page web : C’est parti ! Tuto Geek » Tutoriaux » [CSS] Les bases 1) Introduction Bonjour Le langage CSS, Cascade Style Sheet, traduit littéralement Feuille de Style en Cascade sert à la mise en forme. Il est en effet très utile pour séparer mise en forme et contenu du XHTML. 2) Utilisation du CSS Pour pouvoir l'utiliser, vous devez créer une balise <div> ou <span> avec un attribut class ou id.

Débuter avec PowerPoint Pour vous aider à réaliser vos premières présentations avec le logiciel Powerpoint, nous avons sélectionné pour vous une liste des meilleurs tutoriaux disponibles gratuitement sur le Web, classés en deux catégories : les formations animées et les formations statiques. Il vous suffit de cliquer sur les images pour accéder aux formations… Les formations animées à PowerPoint Présentation animée du logiciel PowerPoint Une formation audio et animée à Powerpoint réalisée par Alain Pire.

Installer WordPress chez OVH L’offre perso est suffisante pour faire tourner WordPress et vous pourrez reconsidérer ce choix par la suite. Evoluer à l’avenir vers une offre supérieure est enfantin, à vous de voir selon vos besoins. Souscription DNS Anycast Après avoir trouvé un nom de domaine disponible, je vous recommande l’option DNS Anycast qui accélérera le chargement de votre site aux visiteurs étrangers comme les Québecois, les Belge, les Suisses, etc. et qui sera d’autant plus efficace si vous créez un site multilingue. Pour 1€ l’année, c’est fortement recommandé, sauf si vous préférez les laisser sur la terrasse d’un café.. Apprendre le HTML : les bases des CSS Les CSS (Cascading Style Sheets) peuvent constituer le point de réference du formatage (couleurs et apparence du texte, des liens, et de certains éléments de la page html) de tout le site web. Si votre site comporte plus d'une centaine de pages HTML, il serait fastidieux de les modifier une à une, si vous décidez de changer la couleur de vos liens sur votre site ! Les CSS vous permettent une maintenance extrèmement simple...

Comment naviguer sur une ancienne version d'un site internet Édité par WikiHow Traduction, Nbentayou, Team FR Ne vous êtes-vous jamais demandé à quoi ressemblait Google à ses débuts ? Et ce vieux site internet familial que vous aviez créé en 1997 ? Une organisation appelée « Internet Archive » quadrille et archive le web depuis plusieurs années pour créer une librairie internet virtuelle. Nous allons vous expliquer comment en tirer le meilleur parti !

Website Copier - Aspirateur de sites web libre (GNU GPL) Version 3.48-3 (11/04/2014) Corrections dans le moteur (keep-alive, redirections, tables de hachage, tests unitaires) Installer HTTrack: Visitez la la section téléchargement! Pour toute aide ou questions:Visitez le forum (en anglais), Lisez la documentation, Lisez les FAQs, Naviguer dans les sources

CSS : on reprend tout à zéro ! Par Joe Gillespie Cet article est le premier d'une série qui en compte 15. Chaque épisode sera publié bimensuellement dans nos pages.

Related: