Vie de ViaBloga
Mots-clés : Nouvelles fonctionnalités, Bloc, Mises à jour des mises en page, Toglage
C'était en test depuis deux semaines sur Vie de ViaBloga et les modèles Mimbo, Goofy et rdc_large (et proposé par labosonic il y a très longtemps), c'est maintenant disponible sur tous les modèles publics : en un clic sur le titre d'un bloc, vous pouvez enrouler ou dérouler son contenu. Celà vous permet de minimiser les blocs qui ne vous intéressent pas souvent, tout en gardant la possibilité de les afficher si nécessaire (le bloc Session ou Recherche par exemple).
Le choix des blocs ouverts et fermés est personnel et il est stocké dans un cookie sur votre navigateur. Il n'y a donc pas besoin d'avoir ouvert une session. Par contre si vous accèder à votre blog avec plusieurs ordinateurs, les choix pourront être différents sur chaque.
Si vous avez un modèle personnel, il faut ajouter dans le header de votre modèle :
<style type="text/css" media="all">
.toggle h3 {
cursor:pointer;cursor:hand;
}
</style>
<script>
$(document).ready(function(){
$(".toggle h3").each(function(i) {
var id = $(this).parent().attr('id');
var toggle = $.cookie('toggle_' + id);
if (toggle == 'hidden') {
$(this).next().hide();
}
});
$(".toggle h3").click(function () {
var id = $(this).parent().attr('id');
if ($(this).next().is(":visible")) {
$.cookie('toggle_' + id, 'hidden', {path: "/", expires: 365});
}
else {
$.cookie('toggle_' + id, 'shown', {path: "/", expires: 365});
}
$(this).next().slideToggle();
});
});
</script>
Et dans votre macro sb_start il faut ajouter la classe "toggle" et un id pour le bloc, par exemple :
<div class="side block_<arg name="type"> toggle" id="<arg name="id">">
Et vérifier que le titre des blocs est en h3 (ou remplacer les h3 plus haut en h2).
Il faut également que le reste du bloc soit encapsulé dans un <div>.
D'autres articles sur des thèmes similaires :
- Nouveau bloc "Derniers commentaires" avec images des auteurs - 09/01/09
- Pagination des articles - 12/07/08
- Affichage des blocs en première page seulement - 14/07/07
- Version imprimable - déploiement - 04/08/06
- Des PLUS et des MOINS pour dérouler des trucs -- en cours - 27/09/09
- Nouveaux blocs "Nouveaux inscrits" et "Profils mis à jour" - 14/10/08
- Mise en avant des commentaires de l'administrateur du blog - 24/09/08
- Mise en valeur des articles précédent et suivant - 28/04/08
- Activation de toutes les options du menu Présentation du contenu - 27/12/07
- Règlage du nombre d'articles à afficher en première page - 24/10/06
Il faut juste changer le modèle, ce n'est pas très épineux.
![[^]](/public_images/icon_up.gif "En Haut"){kind=icon}
J'ai l'impression que ma question te hérisse... 
J'ai bien compris pour ce qui est du roule et déroule.
Bon alors, il faut que tu nous expliques ce que c'est que la nouvelle nouveauté de la semaine dernière que tu veux !
que ce n'est pas disponible sur le modèle de mise en page Palatin :-)
il me semblait que personne n'utilisait ce modèle. ;-)
Assez d'accord avec les + et les -...
Modèle de mise en page iTheme :
J'espère ne pas être rabat-joie mais il serait très important d'avoir cette fonctionnalité en option ou encore avoir la possibilité de blocs qui ne peuvent pas s'enrouler !
Hello :-)
Merci !
je viens de cliquer par mégarde sur un des titres de la colonne de droite (je voulais en fait afficher tous les tutoriels en cliquant sur le titre "tutoriels" de la colonne), et bien sûr le bloc s'est enroulé, je ne me souvenais plus de cette fonction ! il faudrait vraiment une icône à gauche du titre pour rappeler cette possibilité je pense..
ça n'a pas l'air simple pour les modèles perso, s'il faut à chaque fois changer le code d'un bloc (de toutes manières, s'pas, je suis incapable de toucher à mon/mes codes).