Pour le mod TNG par Michel qui affiche la chronologie d'une personne.
Version de test 14.1 du 11 décembre 2023 installé sur GénéaKat
Depuis l'admin du mod, les couleurs de font, affichage onglet timeline (non), lieu entre parenthèses, limite aux dates du de cujus (non)
$rank0color = "#006633";
$rank2color = "#6600cc";
Dans Chronology.php
- Taille de l'icône de recherche de 11px X 11px, passer en 18 de large et 16 de haut
Ligne 379 de Chronology v14.1 du 10 décembre
$lens .= "<img src=\"{$cms['tngpath']}img/tng_search_small.gif\" title=\"{$text['findplaces']}\" style=\"width: 18px; height: 16px; border:0\">";
- Pour mettre un petit losange à la place du tiret avant le titre de chaque événement, c'est ligne 67 (mm version)
$tiret = " ♦ "; // for display
- pour mettre un tiret devant chaque événement en tête de ligne, c'est ligne 398
$texte ="- " . displayDate($event['eventdate']) . $event['event'] ;
Dans/extensions/chronology_vars.php
remettre l'alignement au ras de la page, sans l'indentation du fait des générations
changer la police en Quicksand (j'ai testé aussi avec Rochester), changer la taille de police, le font-variant, le font-weight
/* chronology rank 0 = parent events */
.chronology_rank0 {
margin-left:0rem;
color:$rank0color;
font-family:quicksand;
font-size:1.2rem;
font-weight:normal;
background-color:$bckgrcolor0;
}
/* chronology rank 1 = person's events */
.chronology_rank1 {
/*margin-left:4rem;*/
color:$rank1color;
font-family:quicksand;
/*font-variant:small-caps;*/
font-size:1.2rem;
background-color:$bckgrcolor1;
}
/* chronology rank 2 = childrens's events */
.chronology_rank2 {
/*margin-left:8rem;*/
color:$rank2color;
font-family:quicksand;
font-size:1.2rem;
font-weight:normal;
background-color:$bckgrcolor2;
}
Dans mytngstyle.css du template 16
liens changeant de couleur :
span.chronology_rank0 a, span.chronology_rank1 a, span.chronology_rank2 a {
text-decoration: none;color: hsl(324, 70%, 45%);animation: cooleur 6s infinite;font-weight:normal;font-weight: normal;
}
@keyframes cooleur {
from, to { color: hsl(324, 70%, 45%); }
10% { color: hsl(360, 65%, 45%); }
20% { color: hsl( 36, 80%, 45%); }
30% { color: hsl( 72, 75%, 35%); }
40% { color: hsl(108, 65%, 35%); }
50% { color: hsl(144, 75%, 35%); }
60% { color: hsl(180, 75%, 35%); }
70% { color: hsl(216, 60%, 45%); }
80% { color: hsl(252, 65%, 50%); }
90% { color: hsl(288, 60%, 40%); }
}
Présentation de la page Chronology en mode Citation (même css que sur le groupe de sites)
blockquote, .pageback {
display:block;
background: #fff;
padding: 15px 20px 15px 45px;
margin: 1% 3%;
position: relative;
/*Font*/
font-family: Arial, serif;
font-size: 16px;
line-height: 1.2;
color: #666;
text-align: justify;
/*Borders - (Optional)*/
border-left: 15px solid rgb(42, 44, 123);
border-right: 2px solid rgb(42, 44, 123);
/*Box Shadow - (Optional)*/
box-shadow: 2px 2px 15px #ccc;
}
blockquote::before, .pageback::before {
content: "\201C"; /*Unicode for Left Double Quote*/
/*Font*/
font-family: Georgia, serif;
font-size: 60px;
font-weight: bold;
color: rgb(42, 44, 123);
/*Positioning*/
position: absolute;
left: 10px;
top:5px;
}
blockquote::after, .pageback::after {
/*Reset to make sure*/
content: "";
}
Marges latérales de la page
body#bodytop.chronology.homebody > div#tcontainer > div#tbackground > div#tpage > div#tbody > div#tmainbody > div.pageback {
margin:0 3%;
}
Et en plus, pour que le popup de Family preview soit fixé à 45 % du haut de la page (il était toujours trop bas sauf en mode recherche)
/*Family preview popup*/
#ppup {
position: fixed;
top: 45% !important;
left: 80%;
transform: translate(-50%, -50%);
}