CSS - fond d'écran (2)
Blog4ever - CSS Modèle 5
Blog4ever - CSS Modèle 5
Comment insérer l'image du fond d'écran dans le fichier CSS.
Image ou photo de la taille de l'écran
Cette image est déjà sur Internet sur un site qui lui conserve la bonne définition, dans mon cas image en 1024x768, stockée dans mon site personnel , espace alloué par mon FAI . J'ai mis à la disposition quelques fonds d'écran pour dépanner dans un article dont voici le [lien].
Pour accéder à ton modèle graphique il faut aller sur ton espace de gestion, c'est à dire sur la page d'accueil de BLOG4EVER.COM saisir le nom de ton blog et le mot de passe.
Avant de rentrer dans l'espace de gestion , tu peux voir dans "Aide" en haut de la page, la FAQ il y a une réponse à lire suivre ce [lien].
Dans cette réponse également tu constateras qu'il y a également la possibilité d'insérer un logo, une bannière titre, des liens utiles sont proposés et la possibilité de modifier le fichier CSS.
Il y a aussi dans la page d'accueil possibilité de faire un test en saisissant comme nom de blog : "testdedeblog" et comme mot de passe "test", c'est une facilité pour faire des essais.
Avant de rentrer dans l'espace de gestion , tu peux voir dans "Aide" en haut de la page, la FAQ il y a une réponse à lire suivre ce [lien].
Dans cette réponse également tu constateras qu'il y a également la possibilité d'insérer un logo, une bannière titre, des liens utiles sont proposés et la possibilité de modifier le fichier CSS.
Il y a aussi dans la page d'accueil possibilité de faire un test en saisissant comme nom de blog : "testdedeblog" et comme mot de passe "test", c'est une facilité pour faire des essais.Dans espace gestion, notes au passage les liens indiqués pour consulter des sites traitant du CSS et de construction d'un site.
Le menu en haut à gauche >>>Votre Blog, choisir l'option Modèle graphique les vignettes des modèles s'affichent, il faut cliquer sur le bouton radio (option) en-dessous du modèle de ton choix, puis en-dessous des vignettes cliquer sur le bouton "modifier le fichier CSS (feuille de style)" pour afficher la feuille de style.
Le menu en haut à gauche >>>Votre Blog, choisir l'option Modèle graphique les vignettes des modèles s'affichent, il faut cliquer sur le bouton radio (option) en-dessous du modèle de ton choix, puis en-dessous des vignettes cliquer sur le bouton "modifier le fichier CSS (feuille de style)" pour afficher la feuille de style.
Repèrer cette ligne tout en haut: background:url(img5/fond.jpg) #000;
remplace le texte en rouge ci-dessus par l'adresse de l'image, en rouge ci-dessous
background:url(http://notreespace.neuf.fr/images/imgblog/help.jpg) top center no-repeat fixed #344566;
Si nécessaire tu peux copier l'adresse ci-dessus et la coller en provisoirement en dépannage...
remplace le texte en rouge ci-dessus par l'adresse de l'image, en rouge ci-dessous
background:url(http://notreespace.neuf.fr/images/imgblog/help.jpg) top center no-repeat fixed #344566;
Si nécessaire tu peux copier l'adresse ci-dessus et la coller en provisoirement en dépannage...
ATTENTION !!! pas d'espace entre url et la parenthèse, également ne pas oublier le ; (point-virgule) en fin de ligne.Après l'adresse pour bien placer le fond d'écran il faut indiquer: top : pour placer l'image en haut
center : pour la centrée
no-repeat : cette image fait la taille de l'écran donc pas besion
qu"elle se répétée.
fixed : pour qu'elle ne défile pas avec la page (ça fonctionne avec IE 7, mais certains navigateurs ne reconaissent pas fixed
#344566 : code de la couleur choisie en cas de problème d'affichage de l'image ou d'espace libre autour.
ne pas oublier le ";" (point-virgule) en bout de ligne.
Une fois terminé n'oublies pas de valider les modifications en cliquant sur le bouton en bas "Modifier le fichier CSS"
center : pour la centrée
no-repeat : cette image fait la taille de l'écran donc pas besion
qu"elle se répétée.
fixed : pour qu'elle ne défile pas avec la page (ça fonctionne avec IE 7, mais certains navigateurs ne reconaissent pas fixed
#344566 : code de la couleur choisie en cas de problème d'affichage de l'image ou d'espace libre autour.
ne pas oublier le ";" (point-virgule) en bout de ligne.
Une fois terminé n'oublies pas de valider les modifications en cliquant sur le bouton en bas "Modifier le fichier CSS"
Pour la couleur de fond dans la page 1 de CSS fond d'écran tu trouveras une palette de quelques couleurs avec leur nom et leur code. Par la suite j'indiquerai une palette plus détaillée et surtout pouvoir contrôler si les couleurs s'harmonisent bien en donnant une bonne visibilité. Le problème sera de trouver des couleurs qui passent partout pour les liens car dans les menus ce sont également des liens.
Dans la page suivante j'indique d'autres façons de garnir le fond de l'écran puis après à chacun de trouver des idées.
Dans la page suivante j'indique d'autres façons de garnir le fond de l'écran puis après à chacun de trouver des idées.
