De l'aide svp, pour ameliorer apparence de page accueil d'un site sous SPIP 1.9.1

Permettez-moi de reprendre la page sommaire.html de la dist et de la transformer afin d’obtenir quelque chose qui ressemble à vos besoins :

[(#REM) Contenu que j’ai effacé ]

[(#REM) Contenu principal : derniers articles publies ]

[(#REM) Le dernier article ]
  • [(#LOGO_ARTICLE_RUBRIQUE|#URL_ARTICLE|image_reduire{150,100})] [

    (#SURTITRE)

    ]

    #TITRE

    [

    (#SOUSTITRE)

    ] [(#DATE|affdate_jourcourt)][, <:par_auteur:> (#LESAUTEURS)] [
    (#INTRODUCTION)
    ]

[(#REM) Articles suivants ]
<B_articles>

[(#REM) Contenu que j’ai effacé ]

Remarquez le bloc

qui entoure deux autres blocs dans lesquels se trouvent vos boucles : le bloc
et le bloc
.
Il est important ensuite d’encadrer vos boucles par les tags XHTML propres aux listes :
. Le vieillissant HTML autorise la non fermeture des tags, mais c’est source d’erreurs d’interprétation. Aussi, il est préférable de lui préférer le XHTML qui nécessite leur fermeture : on est plus tranquille !
Les deux boucles sont quasiment identiques. Seul le critère d’affichage {0,1} indique que le dernier article seulement sera affiché dans la première. L’utilisation de {doublons} empêche la deuxième boucle de l’afficher à nouveau puisqu’il est présent dans la première.

Lorsque ceci est fait, il faut passer à la présentation via le fichier CSS.

Ça devrait donner, par exemple, un truc du style :

#contenu {
width: 700px;
height: auto;
margin-right: auto;
margin-left: auto;
}

.dernier-article {
width: 50%;
height: auto;
float: left;
}

.articles-suivants {
width: 50%;
float: right;
}

En décidant de donner une largeur de 700 px au grand bloc

, j’indique que tout ce qui est à l’intérieur ne dépassera pas 700 px de large.
Et à l’intérieur j’ai toujours mes deux blocs
et
. Si je leur donne chacun une largeur de 50 % du bloc les contenant, ils feront chacun 350 px de large. Mais avec ceci, ils restent l’un au dessus de l’autre.
C’est pourquoi je rajoute à l’un float: left et à l’autre float: right, ils se placent alors l’un à gauche l’un à droite à l’intérieur de
.
C’est ainsi qu’on obtient deux colonnes à l’intérieur d’une colonne plus large.

C’est l’idée, mais bien sûr, il faut détailler les CSS pour obtenir exactement ce que vous voulez. Ce que j’ai fait là est très basique.

@micalement

On 17 juil. 08, at 17:13, argotheme@voila.fr wrote:

Salut et merci pour ces notions. VOTRE AVIS EST IMPORTANT !

Elles sont généralistes et vulgarisent énormément la philosophie (disons la richesse) SPIP. Je tiens à préciser que je suis novice, 52 ans, issu de la presse et plus fan des lettres. Autodidacte en webmastering…

Comme je l’ai indiqué, j’interviens avec Dreamweaver sur le site. Certainement en X-HTML. J’ai pu faire quelques retouches, j’en ai parlé plus bas.

VOTRE AVIS EST IMPORTANT SUR LE BOUT DE SCRIPT CI-BAS.
Je ne trouve pas son emplacement sur la boucle/articles, d’autant que je le crois juste et utile pour mon opération de vouloir créer 2 colonnes pour les articles récents. J’ai fait plusieurs tentatives, COMME VOUS DITES LA MAIN AU CAMBOUIS, je n’obtiens qu’un chamboulement de lamise en page en le positionnant sur, après ou avant les éléments de la Boucle/articles.

<BOUCLE_colonne1(ARTICLES){0,7}{1/2}>

  • #TITRE
  • #TITRE
  • #TITRE
  • #TITRE

    VOUS REMERCIANT CORDIALEMENT;

    Message du 17/07/08 à 02h23
    De : « Origenius »
    A : spip@rezo.net
    Copie à :
    Objet : Re: [Spip] De l’aide svp, pour ameliorer apparence de page accueil d’un site sous SPIP 1.9.1

    Salut

    Je ne pense pas que l’on puisse trouver une réponse à votre problème
    aussi « magiquement ».

    Un site monté avec SPIP est une alchimie entre au moins trois
    technologies : (X)HTML, CSS et Boucles SPIP. C’est leur maîtrise qui
    permet l’existence d’un site.
    En conséquence, déplacer, couper, organiser des colonnes nécessite des
    changements dans le fichier CSS, et peut-être même dans le fichier
    html des pages correspondantes. Les boucles quant à elles permettent
    de maîtriser avec précision le « contenu » affiché.

    Pour répondre rapidement

    La colonne à couper le sera par une modification du XHTML dans la page
    source : au moins deux blocs différents.
    Leur mise en page (gauche - droite) sera effectuée par des règles CSS
    supplémentaires.
    Enfin dans la colonne de droite une boucle ARTICLE dont le filtre
    exigera la publication du dernier article seulement, et dans la
    colonne de gauche une autre boucle ARTICLE dont le filtre autorisera
    par exemple les dix derniers articles sauf le premier grâce à un
    {doublons} bien envoyé.

    Voilà, à mon avis, l’idée est là, pour les détails, il vous faut
    mettre les mains dans le cambouis.

    @micalement

    On 16 juil. 08, at 22:43, argotheme@voila.fr wrote:

    Salut.

    Cet amail concerne « Jérôme - web »

    Je ne sais pas si vous interpréter comme moi
    « ligne » (horizontalement) et colonne (verticalement).

    Le site dont l’url est déjà donnée sur les précédents messages, se
    présente en 2 colonnes. Droite et gauche. Celle de droite est plus
    large et contient les titres, résumés (chapos) et auteur des des
    articles récents.

    Je souhaite la mettre en 2 colonnes, celle-là de droite. Le bout de
    code concerné figure dans mes précédents messages. Il est en bas de
    ce message, puisque c’est une réponse d’émail.

    Comment créer une colonne sur la boucle-articles de manière à
    respecter l’ordre de parution des articles.

    Cordialement

    Message du 16/07/08 à 14h29
    De : « Jérôme - web »
    A : spip@rezo.net
    Copie à :
    Objet : Re: [Spip] De l’aide svp, pour ameliorer apparence de page
    accueil d’un site sous SPIP 1.9.1

    Le 16 juil. 08 à 11:49, argotheme@voila.fr a écrit :

    Salut.

    Les articles récents, à mon avis, sont ceux qui sont affichés,
    chacun, sur la page d’accueil du site avec titre, résumé (ou
    chapo)
    et signature de l’auteur. C’est la large colonne de droite.

    Je désire les présenter en 2 colonnes, sur cette colonne large.

    Le site contient a déjà 2 colonnes : celle, à gauche la large, que
    je désire couper au sens de colonnes en 2…

    Et celle qui, à droite, comporte les rubriques du journal, le
    formulaire d’inscription et quelques infos utiles que j’ai
    réussi à
    ajouter comme la météo, un petit diapo, une offre de téléchargemet
    de livres littéraires… etc. Elles alignées l’une en dessous de
    l’autre.

    Il s’agit d’un site de publication du genre cyberpresse, journal
    sur le Web, comme Rue89, Agoravox etc… pour citer des sites
    similaires.

    C’est celle de gauche La large (je crois que c’est la boucle
    d’articles) que je veux mettre en 2 colonnes (sens vertical).

    Je crois donc que ce n’est pas une question de mise en page. En
    fait, avec SPIP ce qui est génial, une fois l’article soumis, il
    est approuvé donc il passe en premier. Dans la présentation que je
    souhaite, le dernier il sera à gauche, et en tête, suivi à droite
    par celui qui l’a précédé… ainsi de suite. Sur la ligne (sens
    horizontal) suivante les 2 qui précédent par ordre de publication
    ou d’insertion.

    Je suis disposé à donner plus de détails.

    Je vous remercie.

    Cordialement.

    Message du 16/07/08 à 11h12
    De : « Jérôme - web »
    A : spip@rezo.net
    Copie à :
    Objet : Re: [Spip] De l’aide svp, pour ameliorer apparence de
    page accueil d’un site sous SPIP 1.9.1

    Salut.

    Depuis plus de 15 jours, j’ai cherché et essayé les scripts/
    codes… En vain ! Plusieurs forums, sans résulats…
    A l’Aide SVP.

    Sur la page d’accueil le « sommaire.html » d’un site sous SPIP
    (1.9.1), je souhaite présenter les articles : titre+résumé
    (chapo)
    etc en deux -2- colonnes.

    Ils sont au nombre de 8 avec titres et résumés + -suivis de-
    10
    uniquement titres.
    L’url du site pour avoir une idée… http://www.argotheme.com/
    organecyberpresse/

    J aurai besoin du script/code et ou la placer eactement .
    Je travaille avec Dreamweaver.
    J ai uniquement idée que ça doit être sur boucle/articles.

    Voici la partie du code/script concerné dont je dispose, il
    est
    l’original que j’ai trouvé avec l’installation de SPIP. Les
    articles sont affichés l’un en dessus (ou dessous) de
    l’autre, le
    dernier publié en haut.

    (ARTICLES) {par date}{inverse} {0,8} {doublons}>le

    [(#LOGO_ARTICLE_RUBRIQUE|
    #URL_ARTICLE|image_reduire{150,100})]
    [

    class=« surtitre »>(#SURTITRE)

    ]

    href=« #URL_ARTICLE »>#TITRE
    [
    (#SOUSTITRE)

    ]

    [(#DATE|affdate)][, <:par_auteur:> (#LESAUTEURS)]
    [

    (#INTRODUCTION)
    ]

    Merci.

    De N.E. Tatem fondateur de la maison d’édition « ARGOTHEME » -
    Editeur
    et Communicateur-

    La route des vacances en quelques clics grâce à Voila !
    http://
    itineraire.voila.fr/itineraire.html

    Il me semble (sauf si j’ai mal compris) que c’est une affaire de
    mise
    en page et non de script ou de boucle.

    Jérôme

    Il faudrait nous faire un dessin car j’ai toujours l’impression
    qu’il
    s’agit d’un besoin au niveau de la mise en page
    mais cela vient peut-être aussi de moi :wink:

    Jérôme