02 décembre 2009

Ajouter un pied de page

Les feuilles de style proposées par Canalblog ne comportent pas de pied de page. D'un point de vue esthétique, un pied de page permet d'équilibrer la page et éventuellement d'ajouter des indications. Ajouter un pied de page est assez facile. Il suffit d'apporter quelques petites modifications à la feuille de style et aux pages HTML. Voici la procédure à suivre. 1- Ajoutez dans la feuille de style les définitions des éléments "footer" et "footer p". #footer {           background: #CCCC55;  ... [Lire la suite]
Posté par Michal53 à 08:45 - - Permalien [#]
Tags : , , ,

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 : , , , , ,
30 novembre 2009

Futur

Malgré les apparences, ce modèle n'utilise aucune image, tout est affaire de CSS ! Ci-dessous, ce que l'on voit avec Mozilla Firefox 3.5 et ce que l'on voit avec Internet Explorer 7. futur futur Nota : ce modèle possède un pied de page.
Posté par Michal53 à 11:53 - - Permalien [#]
Tags : , , , , , , , , , ,
30 novembre 2009

CSS3

La nouvelle norme du CSS3 complète et augmente de façon conséquente les possibilité du CSS2 actuellement toujours en cours. Tous les navigateurs Internet ne l'ont pas encore intégré complètement. Seules les dernières versions de certains d'entre eux l'ont fait. Les plus connus et utilisés : - Firefox 3.5 - Google Chrome 3 - Safari 4 Opera 10 l'intègre partiellement. Vous trouverez une liste exhaustive des navigateurs Internet ici.
Posté par Michal53 à 09:00 - - Permalien [#]
Tags : ,
29 novembre 2009

Electronics

Ce modèle se révèlera pleinement pour les heureux utilisateurs de navigateurs Internet ayant déjà intégré la norme du CSS3. Si l'affichage que vous obtenez est très différent de celui que vous voyez ci-dessous, votre navigateur n'en fait pas partie. Inutile de désinstaller votre navigateur actuel, téléchargez-en simplement un nouveau !   electronics
Posté par Michal53 à 10:13 - - 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 : , , , , , ,
24 novembre 2009

Un film pour s'évader

L'évocation d'un film qui a marqué son époque. L'image de fond est de taille moyenne mais elle est répétée uniquement dans le sens horizontal car elle est fixe. Le bandeau comporte un élément animé qui se déclenche à l'ouverture de la page puis s'arrête. Il en est de même pour la barre qui souligne les titres dans la colonne de droite. matrix
Posté par Michal53 à 09:28 - - Permalien [#]
Tags : , , , , , , , , , ,
23 novembre 2009

Une image en fond de page (2)

Pour renseigner correctement la propriété "background-image" il est donc nécessaire de connaître l'adresse de l'image, son URL. L'image doit avoir été stockée au préalable sur un site d'hébergement et de partage d'images. Tinypic, un exemple d'écran de téléchargement d'image Plusieurs hébergeurs fournissent ce service gratuitement. Il faudra porter son choix sur celui qui fournira une adresse directement utilisable et ne modifiera pas la qualité et les dimensions de l'image. Ne pas confondre ce type de service avec un disque dur... [Lire la suite]
Posté par Michal53 à 09:16 - - Permalien [#]
Tags : , , , , , ,