• 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

    1
    Samedi 11 Février 2017 à 16:14

    Bonjour,

    Idée de découverte, 02/2017 he

    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" :


    • si le nom de la rubrique est présent en dernier > exécuter le css
    • si le nom de la rubrique n'est pas présent en dernier > ne pas exécuter le css

    Bien sûr, il faut que le fil d’Ariane soit activé sur le blog.

    L'id du file d'Ariane est: breadcrumb

     

      • Mardi 14 Février 2017 à 11:55

        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

    2
    Mardi 14 Février 2017 à 21:11

    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ûr smile

    Pour 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?

    3
    Mercredi 15 Février 2017 à 20:03

    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

        Je galère grave !!!

        • avec le id* en java
        • avec les li:last-of-type en java (je vais essayer avec la class pagination?)
      • 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

    Suivre le flux RSS des commentaires


    Ajouter un commentaire

    Nom / Pseudo :

    E-mail (facultatif) :

    Site Web (facultatif) :

    Commentaire :