Main menu

Forum


A toy VW combi with a Christmas tree on the roof.

The developer takes a few days off for Holidays...
...and will be back with charged battery!

From 23 December to 2 January included
During this period,
assistance from developer will not be provided.

× Forum d'aide en Français

[ASTUCE] Fond des évènements dans la liste des évènements

  • bartetmf
  • Avatar di bartetmf Autore della discussione
  • New Member
  • New Member
Di più
12 Anni 3 Mesi fa - 12 Anni 3 Mesi fa #466 da bartetmf
Bonsoir,
J'aimerais avoir la même couleur dans le fond de mes différents évènements, pas comme actuellement:(voir fichier joint)
Quel css dois-je modifier ?
J'ai cherché mais suis pas experte ^^
Merci d'avance.
Allegati:
Ultima Modifica 12 Anni 3 Mesi fa da Lyr!C.

Si prega Accedi o Crea un account a partecipare alla conversazione.

  • Lyr!C
  • Avatar di Lyr!C
  • Administrator
  • Administrator
  • Lead Developer
Di più
12 Anni 3 Mesi fa #468 da Lyr!C
Donc, je vais donner l'info pour les 2 templates (chacun pouvant être adapté à l'autre)

Changer les couleurs de fond des évènements en affichage liste :

Template Default
/* fond par défaut si non défini ailleurs (dans ce cas, aucun fond) */
#default .event {padding:1%;}

/* fonction css 1 événement sur 2, à partir du premier (soit 1-3-5-7-...), fond de couleur gris très clair */
#default .event:nth-child(2n+1){background:#f3f3f3;}

Template ic_rounded
/* fond par défaut si non défini ailleurs (ici, fond gris presque blanc et transparent (esthétique si image de fond, en opacité 50%) */
#icagenda .event{
	background:#F4F4F4; /* anciens IE */
	background: rgba(244,244,244,0.5); /* navigateur récents */
	margin:1%; 

}

/* fonction css 1 événement sur 2, à partir du premier (soit 1-3-5-7-...) (ici fond gris clair, un peu plus foncé que le gris ci-dessus) */
#icagenda .event:nth-child(2n+1){
	background:#dddddd; /* anciens IE */
	background: rgba(221,221,221,0.5); /* navigateur récents */
	margin:1%; 

}

Pour avoir une seule et même couleur, il faut supprimer le style css NOM_TEMPLATE.event:nth-child(2n+1) et définit la couleur de fond pour tous dans NOM_TEMPLATE.event

On peut ainsi pour l'un comme pour l'autre, varier les couleurs, et choisir ou nom des fond pour les évènements affichés en liste.

Pour plus d'info sur les possibilités des nth-child petit lien utile : www.marevueweb.com/css-html/liste-nth-child-propriete/

A noter que cette fonction n'est pas lisible par les anciens navigateurs, donc, il faut veiller que la ligne NOM_TEMPLATE.event soit lisible avec un couleur définie sans transparence, placée avant celle avec transparence

Latest version : iCagenda 3.9.7
We recommend every user to keep iCagenda updated.
Don't forget to have your Joomla!™ up-to-date!

Do you like iCagenda?
I would appreciate if you could take 5 minutes to post a review on JED (Joomla Extensions Directory) .

File allegato:

Si prega Accedi o Crea un account a partecipare alla conversazione.

Moderatori: Lyr!C
Tempo creazione pagina: 0.226 secondi

 

Follow Us

Create your Joomla templates with Template Creator CK

acymailing logo new