IdentifiantMot de passe
Mot de passe oublié ?Je m'inscris ! (gratuit)
logo
Sommaire > Divers > CSS
        Comment changer l'apparence du curseur ?
        Comment colorer les barres de défilement (ou ascenseurs) ?
        Comment définir et fixer un arrière-plan avec les css ?
        Lors de l'impression, la couleur de fond de ma page ne s'imprime pas, pourquoi ?


Comment changer l'apparence du curseur ?
auteur : debug
On peut grâce aux CSS, spécifier le style du curseur. C'est l'attribut cursor.

Il peut prendre comme valeur :
  • auto
  • nw-resize
  • crosshair
  • n-resize
  • default
  • se-resize
  • pointer
  • sw-resize
  • move
  • s-resize
  • e-resize
  • w-resize
  • ne-resize
  • text
  • help
  • wait
  • inherit

On le définit ainsi : 
.feuille
{
  cursor: auto;
}


Comment définir et fixer un arrière-plan avec les css ?
auteur : Giminik
Il faut utiliser l'attribut background de la balise <body>.

Définition du style : 
body
{
  /* url de l'image */
  background-image : url(image.gif) ; 

  /* définit si l'image est répétée. Valeurs possibles : 
  no-repeat : l'image n'est affichée qu'une seule fois.
  repeat : l'image est répétée verticalement et horizontalement.
  repeat-y : l'image est répétée verticalement.
  repeat-x : l'image est répétée horizontalement .*/
  background-repeat : no-repeat ; 

  /* définit si l'image est fixe ou si elle bouge lors que l'on descend dans le document à l'aide des ascenseurs. Valeurs possibles :
  scroll : l'image bouge avec les ascenseurs.
  fixed : l'image est toujours fixe. */
  background-attachment : fixed ; 

  /* définit la position horizontale de l'image par rapport au côté gauche. Valeurs possibles : 
  pourcentage : pourcentage (25%) entre le côté gauche du navigateur et le côté gauche de l'image.
  longueur : même chose mais en pixels ou points.
  left : l'image est alignée à gauche.
  center : l'image est centrée.
  right : l'image est alignée à droite. */
  background-position-x : center ;

  /* définit la position verticale de l'image par rapport au côté supérieur. Valeurs possibles :
  pourcentage : pourcentage entre le côté haut du navigateur et le côté supérieur de l'image.
  longueur : même chose mais en pixels ou points.
  top : l'image est alignée en haut.
  center : l'image est centrée.
  bottom : l'image est alignée en bas. */
  background-position-y : center ;
}
Puis appel du style : 
<body>
  les sauts de lignes sont là pour faire apparaître les ascenseurs.
  <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
  <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
  <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
  <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
  <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
</body>

Lors de l'impression, la couleur de fond de ma page ne s'imprime pas, pourquoi ?
auteur : debug
C'est normal, les couleurs de fond ne sont pas imprimées par défaut, il faut changer ça dans les options de votre navigateur.
  • Dans Internet Explorer : outils-> options internet-> avancées et il faut cocher la ligne impression
  • Dans FireFox : Fichier -> Mise en Page -> Cocher la croix Imprimer le fond de page (Couleurs et Images)


Consultez les autres F.A.Q's

Valid XHTML 1.0 TransitionalValid CSS!

Les sources présentées sur cette page sont libres de droits et vous pouvez les utiliser à votre convenance. Par contre, la page de présentation constitue une œuvre intellectuelle protégée par les droits d'auteur. Copyright © 2004 Developpez.com Developpez LLC. Tous droits réservés Developpez LLC. Aucune reproduction, même partielle, ne peut être faite de ce site ni de l'ensemble de son contenu : textes, documents et images sans l'autorisation expresse de Developpez LLC. Sinon vous encourez selon la loi jusqu'à trois ans de prison et jusqu'à 300 000 € de dommages et intérêts.