(OverBlog) Créer une page d'accueil

Je vous propose de réaliser une page d'accueil splash. Elle se présente sans article, avec une jolie photo en fond et un lien menant vers le dernier article paru.

Un exemple :

1) Vous passez en mode avancé : Configurer > Mode avancé. Vous aurez ainsi un CSS et une configuration différente pour la partie accueil et la partie articles.

2 ) Dans Configurer > Accueil :

Dans la colonne de gauche, tout en bas, vous sélectionnez le choix de votre structure :

• une seule colonne centrale
  
• une entête
  
• un pied de page
  

Toujours dans Configurer > Accueil, dans la représentation schématique de votre blog sur la droite de l'écran :

• Vous enlevez l'entête, en la faisant glisser dans la réserve de gauche
  
• Vous enlevez le pied de page, en le faisant glisser dans la réserve de gauche
  
• Vous ne mettez aucun module Texte Libre au-dessus de l'article.
  

Vous cliquez sur le marteau de l'article (qui sera donc votre accueil) pour le configurer :

• vous ne mettez aucune étiquette : ni date, ni commentaires, ni trackbacks...
  
• vous fixez le nombre d'articles en accueil : 1
  
• vous réglez l'ordre des articles par date : du plus ancien au plus récent (ça n'affectera que la page d'accueil)
  
• afficher la pagination : vous ne cochez pas
  
• ordre des commentaires : vous ne mettez rien, vous laissez tel quel
  

3) Publier > Articles > Ecrire un nouvel article

Vous créez maintenant un article. Vous allez le dater avant le 1er article de votre Blog. Il apparaîtra ainsi en 1er puisque l'on a demandé une édition du plus vieux au plus récent.

Dans cet article, vous rajoutez un lien pour que l'on puisse entrer dans votre blog. Il devra pointer sur l'archive du mois

<a href="http://nomdublog/archive-09-2010.html">Accueil</a>

ainsi il n'est à remettre à jour qu'une seule fois par mois, le 1er du mois.

4) Design > Mode CSS > Accueil

Si c'est la première fois que vous intervenez dans le CSS, cochez Appliquer ma feuille de style personnalisée et enregistrez.

Puis complétez cette ligne :

body {background-image: url (adresse de votre image de fond);background-repeat:no-repeat;background-position:center;background-attachment:fixed;}

Enregistrez.

Votre image de fond devra mesurer au minimum : 1024*768px. La taille moyenne actuelle des résolutions d'écran.