Installation (profils)
Personnalisation des profils seuls
CSS
Même chose que précédemment, on configure l'apparence par défaut qu'on veut.
Javascript
Le script est presque similaire mais il est à activer sur toutes les pages.
Note : j'ai pas été la plus maline dans les templates du Blank Theme donc il n'y a pas de container bien défini du pseudo. Dans le code ci-dessous, j'utilise une chaîne de sélecteur pour atteindre le pseudo. - Code:
// Placement : sur toutes les pages
$(function(){
// Réccupère la couleur du groupe dans le pseudo
// Stock dans la variable groupClr
var groupColor = $('.container .page-title span').css('color');
// Sélectionne le container du profil
// Défini la couleur de la bordure avec la variable (couleur du groupe)
$('.user_profile').css('borderColor', groupColor);
});
(bonus) Plugin Wombat
Si vous utilisez le Blank Theme et le plugin
Wombat vous allez vous rendre compte que le script ne semble pas fonctionner dans votre pop-up. Normal, comme prévu dans la documentation, les scripts qui s'appliquent à la page de profil doivent être réexécutés (voir
afterLoad dans les options de la documentation).
Pour cela, rendez vous dans le template
overall_footer_end où le script de Wombat est installé puis modifiez le deuxième bloc d'initialisation par le code suivant :
- Code:
<!-- Script qui permet d'initialiser le plugin -->
<script>
(function() {
new Wombat({
afterLoad: function(aside, overlay) {
var groupColor = $(aside).find('.container .page-title span').css('color');
$(aside).find('.user_profile').css('borderColor', groupColor);
}
});
})();
</script>