01 décembre 2009

L'effet mosaïque (2)

L'effet mosaÎque peut être utilisé de façon avantageuse pour recouvrir la totalité du fond d'une page avec le minimum d'informations. Avec un motif de forme carrée on obtient un effet de tapisserie intéressant . Illustration : Forme de base : Rendu sur le fond de page : Dans la feuille de style : body {           background : #A30257 url(url de l'image) repeat; } L'effet est réussi avec un motif parfaitement raccordable.
Posté par Michal53 à 11:41 - - Permalien [#]
Tags : , , , , ,

27 novembre 2009

L'effet mosaïque (1)

On peut décider de laisser l'effet mosaïque se produire et il n'est pas nécessaire de préciser la valeur de la propriété "background-repeat" (par défaut, c'est "repeat"). Ou bien, on peut l'empêcher : body {           background : url(http://i24.tinypic.com/5aolrs.jpg) top center no-repeat; } écran 1680x1050 Ou le limiter par exemple verticalement : body {           background : url(http://i24.tinypic.com/5aolrs.jpg) top center repeat-y; } écran 1680x1050 L'espace... [Lire la suite]
Posté par Michal53 à 09:00 - - Permalien [#]
Tags : , , , , , , ,
26 novembre 2009

La position de l'image

Pour obtenir le même positionnement de l'image par rapport au corps de la page dans toutes les résolutions d'écran, on utilisera la propriété "background-position". On lui donnera la valeur "top center". Par défaut "background-position" a en fait pour valeur "top left". body {           background : url(http://i24.tinypic.com/5aolrs.jpg) top center; } écran 1680x1050
Posté par Michal53 à 09:00 - - Permalien [#]
Tags : , , , , ,
25 novembre 2009

Une image en fond de page (3)

La taille d'une image est toujours fixe alors que les dimensions de l'écran varient d'un visiteur à l'autre. Exemple d'une image (Tinypic) utilisée en fond de page - dimensions 1024x767 : body {           background : url(http://i24.tinypic.com/5aolrs.jpg); } Ce que voit un visiteur avec un écran 1024x768 : Ce que voit un visiteur avec un écran 1680x1050 : Par défaut (c'est-à-dire quand aucune précision n'est apportée), l'image de fond se cale non pas au centre de l'écran mais en haut à gauche... [Lire la suite]
Posté par Michal53 à 09:00 - - Permalien [#]
Tags : , , , , , ,
22 novembre 2009

Une image en fond de page (1)

Pour afficher une image dans le fond d'une page, il suffit d'ajouter la propriété "background-image" dans l'élément "body" de votre feuille de style. Sa valeur sera l'adresse internet (URL) de l'image. On aura donc : body {           background-image: url(URL de l'image); } Exemple (modèle lily) : body {           background-image: url(http://i32.tinypic.com/34y1i5f.jpg); } D'autres propriétés peuvent être ajoutées : ... [Lire la suite]