Overblog Suivre ce blog
Editer l'article Administration Créer mon blog
7 septembre 2006 4 07 /09 /septembre /2006 11:47
Bonjour,

Je précise que cet article est un "apparté" destiné aux utilisateurs d'Over-blog débutants qui souhaiteraient mettre en place un classement "au fil du blog" avec en tête des liens vers les pages 1, 2, 3, etc ... que Over-blog ne propose pas dans sa configuration. La platte forme propose de nombreux autres modes de classements très pratiques, notamment les catégories.
Le but ici était donc d'avoir les
pages 1, 2, 3, etc ... tout en conservant  le bénéfice des catégories.
En effet, étant moi même novice complet il n'y a pas si longtemps, je n'ai pas trouvé dans les aides de solution toute faite qui m'apparaisse satisfaisante. Un fil concerne ce sujet dans le forum....

Voici les codes sources à rentrer dans le CSS et l'en tête et pied de page (ou un article, cela doit fonctionner aussi je suppose). Le modèle de menu est de PeUR, qui fournit de très bons tutoriels et conseils pour les bloggeurs de OB. Merci à lui et passez sur son site pour une meilleure description de ses menus... En effet, je précise que je ne suis pas encore trop habile, mais je pense pouvoir donner la recette minimale pour que cela fonctionne.

Dans le CSS
Il faut préciser la mise en forme qu'aura le menu (nommé ici #menu6)
Pour ma part je l'ai fait en début de CSS, avant la marque
/* --------------- Structure -------------------- */
voici le code, en couleur sont les points intéressants à modifier pour intégration à votre en tête.

 #menu6 a {
  display:inline;
  font:verdana small bold;                           ! style
  color:#6633CC;                                      ! couleur du lien
  text-align:center;
  text-decoration:none;                              
! bold , underline... pour le lien
  background:#C0DEF5;                           ! couleur du fond (dans mon cas, identique                                                                        fond de l'en tête
  padding:0.5em 0.8em;
  margin:0;                                                 
! taille de la "boîte" contenant le lien
  }

#menu6 a:hover {
  background:#FAE4EE;text-decoration:underline;
  color: #871F78
  }                  
! mêmes réglages pour le survol du lien avec la souris
#menu6 a:visited {
  background:#C0DEF5;text-decoration:underline;
  color: #871F78
  }                 
! mêmes réglages pour le lien une fois que la page est visitée... A adapter de manière claire, afin que le lecteur puisse voir rapidement quelles pages 1  2  3  4  5  il a déjà survolées par exemple.
/*menus en_tête et pied de page*/


Dans le Code source de l'en-tête, pied de page ou article...

Il faut appeler le "menu6"

<br />
<div align="center" id="menu6"><span style="font-weight: bold;">&nbsp; </span>


Ensuite il  s'agit de  "remplir" le menu en en attribuant une étiquette à chacune des URL de lien.

L'étiquette peut être chronologique du type "sep06  Aou06  Jui06...."
ou quelconque, "NEWS", "PHOTOS"...
Dans notre cas, elles sont numérotées "1"  "2"  "3"  "4..."

Ensuite, les URLs sont choisies afin de correspondre chacune à une page de 5 articles (affichage maximal de OB, mais cela peut être fait avec le nombre d'articles désirés par page). Pour avoir le "fil" du blog, j'utilise l'archivage chronologique de OB mois par mois. C'est intéressant car ainsi il n'est pas nécessaire de se passer des catégories (voir autre solution souvent proposée = faire une catégorie unique).
Pour récupérer les URL, utiliser le module "archives" de votre blog, faites comme si vous étiez visiteur et copier l'URL qui vous intéresse.
Exemple d'attribution d'un mois "01-2006" à l'étiquette "5":

<a href="http://tiwen.inde.over-blog.com/archive-01-2006.html">5</a>

Evidemment, il est probable que vous ayez plus de 5 articles par mois, dans ce cas, il faut précéder l'archive par le numéro du premier article de la page... 5-  10- 15- et ajuster l'étiquette 6, 7, 8...

<a href="http://tiwen.inde.over-blog.com/5-archive-01-2006.html">6</a>
<a href="http://tiwen.inde.over-blog.com/10-archive-01-2006.html">7</a>
<a href="http://tiwen.inde.over-blog.com/15-archive-01-2006.html">8</a>
<a href="http://tiwen.inde.over-blog.com/archive-12-2005.html">9</a>
......
cloturez par

<br /> </div>

et votre menu est opérationnel

A faire,
- éventuellement, bidouiller un peu les dates de vos vieux articles pour remplir des pages de 5 articles, quitte à sauter des mois dans le classement pour limiter le nombre de pages.
- possibilité de numéroter à l'envers pour ne pas tout retaper à chaque fois... 4  3  2  1....

Avantages:
- offrir la navigation chronologique intuitive (par pages de 1 à 5 articles) en conservant les catégories, ce que je souhaitais...
- On rentre les URL que l'on souhaite... Dans mon cas cela me permet d'entremêler deux blogs sans que le lecteur ne soit gêné, exemple:
 
<a href="http://tiwen.over-blog.com/archive-09-2006.html">1</a>
<a href="http://tiwen.inde.over-blog.com/archive-06-2006.html">2</a>

Ce qui m'autorise 10 albums photo en mode confiance!! Sympa.

Inconvénients:
- Je ne sais pas s'il est possible de faire un "glissement" des pages quand elles deviennent nombreuses... Du type:
          <   <<  4   5  6  7  8  9  10   11  12  13  14 >>  >
Si quelqu'un maîtrise ce genre de prouesse (à mon niveau), sa solution est la bienvenue.
A ce propos, je viens de trouver ce site:
http://www.team-masters.com/Une-barre-de-pagination-tout-en.html
Qui donne un CSS valable, mais à mon niveau je ne maîtrise pas tout. Il faurait reprendre les URL que j'ai cités plus haut, en finalisant l'installation... Quand j'aurai un peu de temps.
Si vous essayer, prévenez moi en un message.

J'espère que cela pourra être utile à quelqu'un... Bonne journée


PS: voici mon code qui fonctionne:

<br />
<div align="center" id="menu6"><span style="font-weight: bold;">&nbsp; </span>
<a href="http://tiwen.over-blog.com/archive-09-2006.html">1</a>
<a href="http://tiwen.inde.over-blog.com/archive-06-2006.html">2</a>  
<a href="http://tiwen.inde.over-blog.com/archive-03-2006.html">3</a>
<a href="http://tiwen.inde.over-blog.com/archive-02-2006.html">4</a>
<a href="http://tiwen.inde.over-blog.com/archive-01-2006.html">5</a>
<a href="http://tiwen.inde.over-blog.com/5-archive-01-2006.html">6</a> 
<a href="http://tiwen.over-blog.com/archive-12-2005.html">7</a>
<a href="http://tiwen.over-blog.com/archive-11-2005.html">8</a> 
<a href="http://tiwen.over-blog.com/archive-10-2005.html">9</a> 
<a href="http://tiwen.over-blog.com/5-archive-10-2005.html">10</a> 
<a href="http://tiwen.over-blog.com/archive-9-2005.html">11</a> 
<a href="http://tiwen.over-blog.com/5-archive-9-2005.html">12</a> 
<a href="http://tiwen.over-blog.com/archive-8-2005.html">13</a> 
<a href="http://tiwen.over-blog.com/archive-7-2005.html">14</a><a href="http://tiwen.over-blog.com/5-archive-7-2005.html">15</a>
<br /><br /> </div>
<br /> </div>

Partager cet article

Repost 0

commentaires

Contacter L'auteur

  • : Itinerance Ros&eacute;e
  • Itinerance Ros&eacute;e
  • : condensation et récupération de vapeur d'eau atmosphérique (rosée) pour une ressource alternative en eau, anecdotes d'une thèse de doctorat.
  • Contact

Recherche

Exo-liens

Voici quelques liens "amis" que je recommande :

OPUR bien sûr, développement de la rosée comme ressource alternative en eau
International Organization For Dew Utilization



pour un aperçu, poster thèse condensation de rosée lauréat concours innovation POLLUTEC


undefined

Constructions (maisons, logements et habitat collectifs, tertiaire) modulaires Dhomino


L'association L'Abeille En Jeu, pour des découvertes passionnantes : L'abeille en jeu


Jazz créole que je ne me lasse pas d'écouter, extraits du nouvel album du Jazz Kreyol Trio "Nos Richesses"

jazz kreyol trio NosRichesses 

 

 

Habitants entre Montpellier et Cévennes contre les forages d'exploration de la ressource en gaz de schistes, destructifs pour les ressources en eau douce

 

http://a3.twimg.com/profile_images/1266180656/PicStLoup_0_bigger.jpg

 

JOBE, notre fabuleux groupe de compos indéfinissables. Photos et  Extraits de notre albOum enregisté dans le potager (2002)... grands moments de second degré.

 

Plus récemment, petite playlist du groupe "La Bise A Madame" à écouter ici.

ou encore https://www.facebook.com/Labiseamadame


Exposition virtuelle d'oeuvres réelles de Erico-ArDko-à-suivre


Céline a réalisé quelques vidéos pour LaPupille...

 

Site météo fiable qui sert aussi bien à prévoir la rosée qu'une grosse brafougne à sortir  petite voile et casque bleu pour une meilleure médiation avec les éléments. Voir aussi WINDGURU.


DIVERGENCE FM online, la meilleure radio, et qui a besoin d'être soutenue...

Un site incontournable, AMNESTY INTERNATIONAL. Actions faciles, cliquez AGIR/ACTIONS URGENTES/