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
  • Portrait de bartetmf Auteur du sujet
  • Nouveau membre
  • Nouveau membre
Plus d'informations
il y a 12 ans 3 mois - il y a 12 ans 3 mois #466 par 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.
Pièces jointes :
Dernière édition: il y a 12 ans 3 mois par Lyr!C.

Connexion ou Créer un compte pour participer à la conversation.

  • Lyr!C
  • Portrait de Lyr!C
  • Administrateur
  • Administrateur
  • Lead Developer
Plus d'informations
il y a 12 ans 3 mois #468 par 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) .

Fichier attaché :

Connexion ou Créer un compte pour participer à la conversation.

Modérateurs: Lyr!C
Temps de génération de la page : 0.146 secondes

 

Follow Us

Créez vos templates Joomla avec Template Creator CK

acymailing logo new