Dans le tpl, ajouter ceci:
<span class="avatar">{$firstname[0]}</span>
en css:
span.avatar {
font-size: 32px;
background-color: green;
border-radius: 50%;
line-height: 3.2;
padding: 10px 20px;
color: white;
}
C'est juste un exemple, vous pouvez aussi varier les couleurs de fond suivant la position dans l'alphabet...
Dans le tpl, ajouter ceci:
<span class="avatar">{$firstname[0]}</span>
en css:
span.avatar {
font-size: 32px;
padding: 20px;
background-color: green;
border-radius: 50%;
line-height: 3.2;
padding: 10px 20px;
color: white;
}
C'est juste un exemple, vous pouvez aussi varier les couleurs de fond suivant la position dans l'alphabet...
