logo en alternance à droite et à gauche

Général
1

Dans un squelette de la dist, sur une page rubrique comment faire alterner

#TITRE #LOGO_ARTICLE
#LOGO_ARTICLE #TITRE
Une fois le logo à droite et le titre à gauche
Une fois le logo à gauche et le titre à droite

et cela se répète

J’ai essayé avec #COMPTEUR_BOUCLE{alterner} mais je n’y arrive pas

Merci
RP

2

Le 14/01/2021 à 20:06, Renée Picard a écrit :

Dans un squelette de la dist, sur une page rubrique comment faire alterner
#TITRE #LOGO_ARTICLE
#LOGO_ARTICLE #TITRE
Une fois le logo à droite et le titre à gauche
Une fois le logo à gauche et le titre à droite
et cela se répète

J'ai essayé avec #COMPTEUR_BOUCLE{alterner} mais je n'y arrive pas

Merci
RP

Quelque chose comme ça ? (pas testé)
[(#COMPTEUR_BOUCLE|modulo{1}|=={0}) #TITRE #LOGO_ARTICLE]
[(#COMPTEUR_BOUCLE|modulo{1}|=={1}) #LOGO_ARTICLE #TITRE]

3

Le 15/01/2021 à 07:39, Manu a écrit :
> Le 14/01/2021 à 20:06, Renée Picard a écrit :
>> Dans un squelette de la dist, sur une page rubrique comment faire alterner
>> #TITRE #LOGO_ARTICLE
>> #LOGO_ARTICLE #TITRE
>> Une fois le logo à droite et le titre à gauche
>> Une fois le logo à gauche et le titre à droite
>> et cela se répète
>>
>> J'ai essayé avec #COMPTEUR_BOUCLE{alterner} mais je n'y arrive pas
> Quelque chose comme ça ? (pas testé)
> [(#COMPTEUR_BOUCLE|modulo{1}|=={0}) #TITRE #LOGO_ARTICLE]
> [(#COMPTEUR_BOUCLE|modulo{1}|=={1}) #LOGO_ARTICLE #TITRE]

alterner n'est pas un argument de #compteur_boucle, c'est un filtre,
à utiliser comme indiqué cf https://www.spip.net/fr_article4145.html :
[(#COMPTEUR_BOUCLE|alterner{white, yellow})]
Mais je crains que ce sera un petit plus compliqué à utiliser que modulo dans ton cas.

Sinon. Pour placer à gauche ou à droite,
ça peut aussi peut être plutôt une classe css qui change.

JLuc

4

ou ça

[(#COMPTEUR_BOUCLE|alterner{#TITRE #LOGO_ARTICLE,#LOGO_ARTICLE #TITRE})]

Message du 15/01/21 07:39
De : « Manu » manu@mine-de-rien.fr
A : spip@rezo.net
Copie à :
Objet : Re: [Spip] logo en alternance à droite et à gauche

Le 14/01/2021 à 20:06, Renée Picard a écrit :

Dans un squelette de la dist, sur une page rubrique comment faire
alterner
#TITRE #LOGO_ARTICLE
#LOGO_ARTICLE #TITRE
Une fois le logo à droite et le titre à gauche
Une fois le logo à gauche et le titre à droite
et cela se répète

J’ai essayé avec #COMPTEUR_BOUCLE{alterner} mais je n’y arrive pas

Merci
RP

Quelque chose comme ça ? (pas testé)
[(#COMPTEUR_BOUCLE|modulo{1}|=={0}) #TITRE #LOGO_ARTICLE]
[(#COMPTEUR_BOUCLE|modulo{1}|=={1}) #LOGO_ARTICLE #TITRE]

liste spip
spip@rezo.net - désabonnement : envoyer un mail à spip-off@rezo.net

Archives : https://www.mail-archive.com/spip@rezo.net/maillist.html

Infos : https://listes.rezo.net/mailman/listinfo/spip

Documentation de SPIP : http://www.spip.net/

Irc : de l’aide à toute heure : http://spip.net/irc

5

Le 15/01/2021 à 09:11, Josiane ALETTO a écrit :

ou ça

[(#COMPTEUR_BOUCLE|alterner{#TITRE #LOGO_ARTICLE,#LOGO_ARTICLE #TITRE})]

Tiens, je ne savais pas qu'on pouvait mettre des balises dans des arguments de filtre.

6

Via css en flex avec flex-direction un coup sur 2 ?

Tu mets le titre et le logo article dans un div en display:flex; et tu cibles un bloc sur 2 avec :nth-child() que tu passes en flex-direction:row-reverse;

Pour tester flex (pas facile à prendre en main au début), j’utilise cette page qui « illustre » toutes les propriétés :

jeanmarie

7

Le 15/01/2021 à 09:34, Manu a écrit :
> Le 15/01/2021 à 09:11, Josiane ALETTO a écrit :
>>
>> ou ça
>>
>> [(#COMPTEUR_BOUCLE|alterner{#TITRE #LOGO_ARTICLE,#LOGO_ARTICLE #TITRE})]
>>
> Tiens, je ne savais pas qu'on pouvait mettre des balises dans des arguments de filtre.

Oui c'est possible, mais c'est pas possible ou plus aléatoire quand il y a plusieurs balises à la suite dans le même argument. Voilà pourquoi je disais que c'est plus difficile dans ce cas là.

JL

8

Le 15/01/2021 à 09:34, Manu a écrit :

Le 15/01/2021 à 09:11, Josiane ALETTO a écrit :

ou ça

[(#COMPTEUR_BOUCLE|alterner{#TITRE #LOGO_ARTICLE,#LOGO_ARTICLE #TITRE})]

Tiens, je ne savais pas qu'on pouvait mettre des balises dans des arguments de filtre.

C'est pourtant un grand classique.

Exemple d'usage :
[(#LOGO_EVENEMENT|sinon{#LOGO_ARTICLE})]

9

tu peux aussi mettre des classes css

[(#SET{maclasse,#COMPTEUR_BOUCLE|alterner{css1,css2} })]

pour flex par exemple [(#SET{maclasse,#:COMPTEUR_BOUCLE|alterner{rowordre,rowinverse} })]

avec .rowinverse {flex-flow: row-reverse } et .rowordre :{flex-flow: row }

ou simplement a l’endroit adéquat [(#COMPTEUR_BOUCLE|alterner{rowordre,rowinverse} )]

ou meme remplir une variable sens et meme preciser la boucle en cas d’imbrication…

[(#SET{sens,#_information:COMPTEUR_BOUCLE|alterner{row,row-inverse} })]

pour la partie css : https://www.w3schools.com aide bien.

mais dans ton cas la solution [(#COMPTEUR_BOUCLE|alterner{#TITRE #LOGO_ARTICLE,#LOGO_ARTICLE #TITRE})]

en précisant eventuellement la boucle par #:maboucle_ pour le titre et le logo si il ya des imbrications

Message du 15/01/21 20:55
De : « Maïeul Rouquette » maieul@maieul.net
A : spip@rezo.net
Copie à :
Objet : Re: [Spip] logo en alternance à droite et à gauche

Le 15/01/2021 à 09:34, Manu a écrit :

Le 15/01/2021 à 09:11, Josiane ALETTO a écrit :

ou ça

[(#COMPTEUR_BOUCLE|alterner{#TITRE #LOGO_ARTICLE,#LOGO_ARTICLE #TITRE})]

Tiens, je ne savais pas qu’on pouvait mettre des balises dans des
arguments de filtre.

C’est pourtant un grand classique.

Exemple d’usage :
[(#LOGO_EVENEMENT|sinon{#LOGO_ARTICLE})]

liste spip
spip@rezo.net - désabonnement : envoyer un mail à spip-off@rezo.net

Archives : https://www.mail-archive.com/spip@rezo.net/maillist.html

Infos : https://listes.rezo.net/mailman/listinfo/spip

Documentation de SPIP : http://www.spip.net/

Irc : de l’aide à toute heure : http://spip.net/irc

10

Amha la meilleur approche c'est de faire ça 100% en CSS, sans toucher du tout au HTML.

.ton-bloc:nth-child(odd) .ton-logo { <ce qu'il faut pour aligner à gauche> }

.ton-bloc:nth-child(even) .ton-logo { <ce qu'il faut pour aligner à droite> }

Le 16/01/2021 à 09:12, Josiane ALETTO a écrit :

tu peux aussi mettre des classes css

[(#SET{maclasse,#COMPTEUR_BOUCLE|alterner{css1,css2} })]

pour flex par exemple [(#SET{maclasse,#:COMPTEUR_BOUCLE|alterner{rowordre,rowinverse} })]

avec .rowinverse {flex-flow: row-reverse } et .rowordre :{flex-flow: row }

ou simplement a l'endroit adéquat [(#COMPTEUR_BOUCLE|alterner{rowordre,rowinverse} )]

ou meme remplir une variable sens et meme preciser la boucle en cas d'imbrication..

[(#SET{sens,#_information:COMPTEUR_BOUCLE|alterner{row,row-inverse} })]

pour la partie css : https://www.w3schools.com aide bien.

mais dans ton cas la solution [(#COMPTEUR_BOUCLE|alterner{#TITRE #LOGO_ARTICLE,#LOGO_ARTICLE #TITRE})]

en précisant eventuellement la boucle par #:maboucle_ pour le titre et le logo si il ya des imbrications

11

effectivement la solution est meilleure … mais je voullais expliquer les différentes possibilités avec alterner

Message du 16/01/21 17:26
De : « tcharlss » tcharlss@bravecassine.com
A : spip@rezo.net
Copie à :
Objet : Re: [Spip] logo en alternance à droite et à gauche

Amha la meilleur approche c’est de faire ça 100% en CSS, sans toucher du
tout au HTML.

.ton-bloc:nth-child(odd) .ton-logo { }

.ton-bloc:nth-child(even) .ton-logo { > droite> }

Le 16/01/2021 à 09:12, Josiane ALETTO a écrit :

tu peux aussi mettre des classes css

[(#SET{maclasse,#COMPTEUR_BOUCLE|alterner{css1,css2} })]

pour flex par exemple
[(#SET{maclasse,#:COMPTEUR_BOUCLE|alterner{rowordre,rowinverse} })]

avec .rowinverse {flex-flow: row-reverse } et .rowordre :{flex-flow: row }

ou simplement a l’endroit adéquat
[(#COMPTEUR_BOUCLE|alterner{rowordre,rowinverse} )]

ou meme remplir une variable sens et meme preciser la boucle en cas
d’imbrication…

[(#SET{sens,#_information:COMPTEUR_BOUCLE|alterner{row,row-inverse} })]

pour la partie css : https://www.w3schools.com aide bien.

mais dans ton cas la solution [(#COMPTEUR_BOUCLE|alterner{#TITRE
#LOGO_ARTICLE,#LOGO_ARTICLE #TITRE})]

en précisant eventuellement la boucle par #:maboucle_ pour le titre et
le logo si il ya des imbrications

liste spip
spip@rezo.net - désabonnement : envoyer un mail à spip-off@rezo.net

Archives : https://www.mail-archive.com/spip@rezo.net/maillist.html

Infos : https://listes.rezo.net/mailman/listinfo/spip

Documentation de SPIP : http://www.spip.net/

Irc : de l’aide à toute heure : http://spip.net/irc