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" 
> 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-...@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
>
_______________________________________________
liste spip
spip@rezo.net - désabonnement : envoyer un mail à  spip-...@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

Répondre à