Main menu

Forum


× Forum d'aide en Français

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

  • bartetmf
  • bartetmf's Avatar Topic Author
  • New Member
  • New Member
More
11 years 8 months ago - 11 years 7 months ago #466 by 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.
Attachments:
Last edit: 11 years 7 months ago by Lyr!C.

Please Log in or Create an account to join the conversation.

  • Lyr!C
  • Lyr!C's Avatar
  • Administrator
  • Administrator
  • Lead Developer
More
11 years 8 months ago #468 by 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.3
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 Attachment:

Please Log in or Create an account to join the conversation.

Moderators: Lyr!C
Time to create page: 0.206 seconds

Follow Us

Create your Joomla templates with Template Creator CK

acymailing logo new