Overblog Suivre ce blog
Administration Créer mon blog
10 janvier 2009 6 10 /01 /janvier /2009 00:05
  • SI vous êtes en mode normal, l'accueil n'a pas une configuration différente des autres parties du blog : vous concevrez votre page d'accueil en utilisant  la première façon de concevoir son accueil (ci-dessous)
  • Si vous êtes en mode avancé, vous avez le choix entre les 2 façons. Mais tant qu'à être en mode avancé, autant utiliser tous les ressources et faire un accueil distinct.

Pour accéder à sa configuration, vous cliquez sur Configurer dans le Menu :

Puis Accueil.

Vous voyez :

  • à gauche, les différents modules en réserve à déplacer sur la représentation schématique de votre blog à droite (en saisie d'écran ci-dessus).
  • Toujours à gauche, en bas de la colonne, les différentes structures possibles (voir l'article : Les différentes structures selon les designs
  • à droite, la représentation shématique de votre blog : entête, modules, pied de page, article.

Si vous pointez (en haut à droite) votre souris sur un de ces éléments, des petites icônes apparaissent :

  • un I bleu d'information par infobulle
  • un marteau (lorsque vous pouvez configurer le module)
  • une croix rouge pour le supprimer (en pointant la souris sur le module, en cliquant sur le bouton gauche et en le faisant glisser vers la réserve à gauche, on obtient le même résultat)

La page d'accueil peut donc avoir un design réservé qui ne touchera pas les autres pages du Blog. Si vous décidez d'enlever l'entête, le pied de page ou un/plusieurs module(s) sur cette page, ils seront toujours présents ailleurs.

DEUX FACONS DE CONCEVOIR SA PAGE D'ACCUEIL

LA PREMIERE : Une page ordinaire

Vous pouvez la réaliser en mode normal.

Avec un petit encart central présentant votre blog et les articles en-dessous.

Dans le CSS :

Vous utiliserez seulement la partie Global puisque toutes vos pages auront le même aspect.

Dans la partie Configuration - Mise en page - Accueil

Une nouveauté : vous pouvez positionner un module Texte Libre au-dessus ou en-dessous de l'article. Ce module pourra vous servir d'Accueil si vous le placez au-dessus.

Vous allez le chercher en réserve, à droite de l'écran ; vous cliquez sur le bouton gauche de la souris et vous le faîtes glisser jusqu'au dessus de l'article.Vous cliquez sur le marteau et une page de saisie s'ouvre. Il suffit de la compléter comme pour un article.Je ne voulais pas de titre, j'ai effacé le titre préinscrit (Texte Libre), ça n'a pas posé de problème.

Pour que ce module d'accueil ne se répéte pas sur toutes les pages de votre blog, dans la fenêtre de saisie de l'accueil, vous cochez N'afficher que sur la page d'accueil du blog.  Cette ligne n'apparaît que si vous êtes en mode normal, pas en mode avancé

Dans la représentation shématique du module de l'article, vous choisissez ensuite la configuration des articles de cette première page du blog (nombre d'articles, etc...) en cliquant sur le petit marteau en haut à droite.

LA DEUXIEME : Un accueil Splash

Il s'agit d'une page d'accueil sans article avec un lien menant vers le dernier article paru.

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

2 ) Dans Configurer - Mise en page - 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

Dans la représentation shématique de votre blog (toujours dans Configurer - onglet accueil - 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 :

  • on ne met aucune étiquette (tag): ni date, ni commentaires, ni trackbacks...
  • nombre d'articles dans cette page : 1
  • ordre des articles par date : du plus ancien au plus récent (ça n'affectera que cette page d'accueil)
  • afficher la pagination : on ne coche pas
  • ordre des commentaires : on ne met rien, on laisse tel quel

Ensuite, vous allez créer un article contenant votre accroche de page d'accueil. 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 l'article, n'oubliez pas de mettre un lien pour que l'on puisse entrer dans votre blog. De préférence, un lien pointant sur l'archive du mois

Exemple : pour le mois de septembre 2007 :

http://nomdublog/archive-09-2007.html

Dans mon cas : http://annak.over-blog.com/archive-09-2007.html

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

 


A voir :

Concevoir sa page d'accueil - Design

Repost 0
Published by AnnaK - dans Archives
commenter cet article
10 janvier 2009 6 10 /01 /janvier /2009 00:05

Cet article a été transféré sur les nouvelles ficelles d'Anna K

Repost 0
Published by AnnaK - dans Archives
commenter cet article
10 janvier 2009 6 10 /01 /janvier /2009 00:00

Si vous êtes en mode avancé, le design des modules peut être différent, selon qu'ils se trouvent en page d'accueil, en articles ou en pages.

Vous accédez à chaque design, en cliquant sur Design dans le Menu de votre administration :

Puis Paramètres avancés (à droite).

Dans le menu de gauche, vous constatez qu'il y a 6 onglets :

Global
Accueil
Articles
Pages
Album Photos
Photo seule

Ce qui signifie que vous avez la possibilité de faire plusieurs design différents pour les modules, en intervenant sur chaque CSS.

Mais, rassurez-vous, si vous désirez un seul type de design pour vos modules dans tout le blog, il suffira de cliquer sur Global.

Les lignes CSS concernant les modules sont :

/*--------------Modules------------------------------------*/
.box {margin:auto; margin-bottom:10px; overflow: hidden;}
.box-content { padding:5px;}
.box-content ul  { margin:5px 0px 5px 15px; padding:0px; }
.box-content li  { list-style:square; color:#b6b6b6; margin:5px; padding:0px; }
.box-titre  { margin:0px; padding:0px; }
.box-titre span{ display:block;margin:0px; padding:0px;  }
.box-titre h2 {padding:0px; margin:0px; margin-left:5px;}

.box-footer  {margin:0px; padding:0px; font-size:2px; height:5px;}
.box-footer  h2 { display:block;margin:0px; padding:0px; }
.box-footer  span { display:block;margin:0px; padding:0px; }

Pour les cas particuliers, vous irez voir ici : Ecriture dans les modules

Repost 0
Published by Anna K - dans Archives
commenter cet article
10 janvier 2009 6 10 /01 /janvier /2009 00:00

Cet article a été transféré sur les nouvelles ficelles d'Anna K

Repost 0
Published by Anna K - dans Archives
commenter cet article
10 janvier 2009 6 10 /01 /janvier /2009 00:00

Comme pour l'entête, le CSS du pied de page peut être différent entre celui de la page d'accueil et celui du reste du blog.

COMMENT Y ALLER ?

Cliquez sur Design dans le Menu de votre administration :

Puis Paramètres avancés (à droite).

Dans le menu de gauche, vous constatez qu'il y a 5 onglets :

Global

Accueil

Articles

Album Photos

Photo seule

Ce qui signifie que vous avez la possibilité de faire 2 pieds de page différents :

un pour la page d'accueil (en cliquant sur l'onglet Accueil)

un autre pour toutes autres pages (en cliquant sur l'onglet Articles)

Mais, rassurez-vous, si vous désirez un seul type de pied de page dans tout le blog, il suffira de cliquer sur Global.

Les lignes CSS concernant le pied de page sont :

/* Bas de page */
#cl_2_0 {width:100%; margin-top:5px;}
#footer   { clear:both; color: #333; border-top: 1px solid gray; }
#footer p { margin:0px; padding: 10px;  }
#footer .box-content { padding:0px; background:transparent; border:0px none;}
#footer .box-titre  {display:none;}
#footer .box-footer  {display:none;}

.basLien { }
.basLien:hover { }

Repost 0
Published by Anna K - dans Archives
commenter cet article
10 janvier 2009 6 10 /01 /janvier /2009 00:00

Cette fois-ci, nous allons voir comment modifier le CSS de l'entête.

COMMENT Y ALLER ?

Cliquez sur Design dans le Menu de votre administration :

Puis Paramètres avancés (à droite).

Dans le menu de gauche, vous constatez qu'il y a 5 onglets :

Global

Accueil

Articles

Album Photos

Photo seule

Ce qui signifie que vous avez la possibilité de faire 2 entêtes différentes :

une pour la page d'accueil (en cliquant sur l'onglet Accueil)

une autre pour toutes autres pages (en cliquant sur l'onglet Articles)

Mais, rassurez-vous, si vous désirez un seul type d'entête, vous allez cliquer sur Global.

Les lignes CSS concernant l'entête sont :

#ln_0 {margin:0px; padding:0px;}
/* entete */
#cl_0_0 {  margin:0px; padding: 0;}

#header {margin:0 0 10px 0; padding:0px; }
#top    { padding:0 5px;   width:100%; border-bottom: 1px solid gray;}
#top h1 { padding:2px; margin:0px!important;}
#top .box-content { padding:0px; background:transparent; border:0px none;}
#top .box-titre  {display:none;}
#top .box-footer  {display:none;}

.topLien{text-decoration:none;}
.topLien:hover {text-decoration:none;}

Repost 0
Published by Anna K - dans Archives
commenter cet article
10 janvier 2009 6 10 /01 /janvier /2009 00:00

Cet article a été transféré sur les nouvelles ficelles d'Anna K

Repost 0
Published by Anna K - dans Archives
commenter cet article
10 janvier 2009 6 10 /01 /janvier /2009 00:00

Cet article vous concerne si vous êtes en mode avancé.

Si vous êtes en mode normal, il n'y a qu'un seul CSS Global pour tout le blog : accueil, articles, pages

En mode avancé, de même qu'il y a une partie Configuration réservée à la page d'accueil, il y a une partie CSS réservée à cette page d'accueil.

Pour y accéder, vous cliquez sur Design dans le Menu de votre administration :

 

Puis Mode Avancé (CSS).

Cliquez à droite sur Accueil, vous voyez apparaître un CSS avec 2 onglets en haut à gauche :

  • Original : c'est le CSS type sans correction ou modification. Il ne faudra, de préférence, jamais y toucher. Il vous servira de référence.
  • Mon style :

Si vous venez de passez en V2, c'est celui que vous aviez auparavant.

Si vous venez d'ouvrir un Blog, c'est là où vous allez copier le CSS Original afin de le transformer à vos goûts.

Cliquez sur Mon style dans l'onglet. Faîtes les modifications désirées.

N'oubliez pas que ce CSS n'intervient que sur la page d'accueil. Si vous décidez de mettre les titres des modules à 20 px, cela n'agira que sur ceux présents dans la page d'accueil ; si vous voulez cette modification pour tout le Blog, il faudra aller sur Global.

Après modification de CSS, n'oubliez pas d'enregistrer.

Repost 0
Published by Anna K - dans Archives
commenter cet article
10 janvier 2009 6 10 /01 /janvier /2009 00:00

Cet article a été transféré sur les nouvelles ficelles d'Anna K

Repost 0
Published by AnnaK - dans Archives
commenter cet article
10 janvier 2009 6 10 /01 /janvier /2009 00:00

Cet article a été transféré sur les nouvelles ficelles d'Anna K

Repost 0
Published by AnnaK - dans Archives
commenter cet article