-
Un CSS pour une présentation de type sommaire
L'objectif est de présenter une rubrique et de présenter les articles comme dans un sommaire (sans le chapô.
Réalisé avec l'aide de stormalo (co auteur averti et finalement découvreur!!!)
L'accès aux articles se fait en cliquant sur l'article.
C'est cette options qui a été prise pour la rubrique CSS
Attention ce code n'est pas encore vérifié car il ne fonctionne plus lors du changement de page (donc limité aux articles de la première page = 30 max)
Le code CSS est à installer dans la rubrique :
-
Commentaires
Salut !
Au sujet de 1/
Je suis bien incapable de dire si c'est plus simple, par contre ça n'est pas fiable à 100%.
- En page d'accueil seule l'adresse du blog est affichée (pas de a, ni de c, ni de p)
- Il est annoncé que les personnes qui ont configurent le blog en mode Ajax ont un affichage bloqué de l'url (il n'y en a peut être pas beaucoup)
message help >
Ceci étant dit il serait étonnant qu'une méthode s'adapte à toutes les situations.
-----------------------------------------------------------------------------------------------------------
Pour infos :
- le fil Ariane à pour sélecteur CSS #breabcrumb
- Il ne faut pas masquer entièrement le dernier article de la liste de chaque page car il contient la pagination éventuelle et les liens de flux rss.
J'utilise actuellement sur blog test (max 30articles) :
<style><!--
[id*="module_contenu_article"] {display: none;} /* afficher seulement les titres */
[id*="module_contenu_articles"] {display: block;} /* sauf pour en-tête */
--></style>
En tout css, bien sûrPour conserver la pagination et les flux rss il faut rajouter 4 lignes, pour traiter à part le dernier de la liste.
-
Mercredi 15 Février 2017 à 11:17
Concernant le point 1 je croois que j'ai trouvé avec la class de la balise body (articleS pour la rubrique et article pour l'article). je vérifie en détail.
Pour l'application du css j'ai aussi trouvé plusieurs solutions
Il faut que je regarde pour la pagination (à ce propos quelles sont les 4 lignes dont tru parles à ce sujet?
-
Principe des 4 lignes :
Ligne 1- j'autorise l'affichage du dernier article (occulté précédemment)
Ligne 2 à 4 - je bloque un à un les éléments internes du dernier article, sauf celui qui contient rss et pagination éventuelle.
L'ensemble constitue:
<style><!--
[id*="module_contenu_article"] {display: none;} /* afficher seulement les titres */
[id*="module_contenu_articles"] {display: block;} /* sauf pour esp présentation en-tête */
/* laisser visible flux rss et pagination éventuelle au dernier de la liste */
li:last-of-type [id*="module_contenu_article"] {display: block;}
li:last-of-type [id*="module_contenu_article"] .article_info {display: none;}
li:last-of-type [id*="module_contenu_article"] .article_text {display: none;}
li:last-of-type [id*="module_contenu_article"] .article_comments_link {display: none;}
--></style>-
Mardi 21 Février 2017 à 13:33
-
Mardi 21 Février 2017 à 14:22
Si ça peut aider:
[id*="module_contenu_article"]
sélectionne tous les éléments dont l'identifiant id contient la chaine de caractères module_contenu_article (donc dans tenir compte des numéros qui suivent)
li:last-of-type [id*="module_contenu_article"] .article_info sélectionne la class article_info du dernier élément de la liste, élément dont l'identifiant contient module_contenu_article
li:last-of-type ciblant le(les) dernier élément d'une liste
La class pagination concerne le style les liens qui affichent le n° de la section suivante (page de la liste complète de la rubrique).J'utilise ce document de papasti:
http://toutlecss.ek.la/les-selecteurs-a91753773
-
Ajouter un commentaire
Bonjour,
Idée de découverte, 02/2017
Pour être applicable quel que soit le nombre d'articles, il est peut être possible de faire un code JavaScript qui commande la prise en compte du css selon le contenu du "fil d'Ariane" :
Bien sûr, il faut que le fil d’Ariane soit activé sur le blog.
L'id du file d'Ariane est: breadcrumb
Hello
1/ pour savoir s'il s'agit d'une rubrique d'article il est plus simple de regarder l'adresse (elle commence par un c alors qu'un article commence par un a
2/ pour exécuter à chaque page j'ai la solution
3/ par contre pour piloter l'application du css sous condition via script, il faut que je cherche