Vie de ViaBloga
Mots-clés : Nouvelles fonctionnalités, Mise en page, Modèles
Suite à la discussion initiée par Olivier "Amélioration des maquettes alternatives", j'ai réfléchi à comment on pourrait permettre de changer facilement la mise en page d'une page ou d'un ensemble de pages données, sans passer par la technique qui consiste à utiliser plusieurs modèles et à spécifier directement le modèle alternatif dans l'url (c'est compliqué, ce n'est pas très flexible, et c'est un cauchemar à maintenir).
J'ai trouvé une solution simple, qui permet non seulement de changer le style de certaines pages, mais aussi de changer les styles d'un modèle de mise en page public.
En pratique, il faut mettre dans le texte d'un article, d'un texte, ou d'un bloc libre le code souhaité entre les balises <head> et </head>. (attention à bien passer en mode code source pour les articles et textes).
Pour essayer, j'ai ajouté le code suivant dans un des blocs libres de Vie de ViaBloga :
<head>
<style type="text/css" media="all">
#header h1 a {
font:1.5em Verdana, Arial, sans-serif;
}
</style>
</head>
Et j'ai ainsi pu changer la police de caractère utilisée pour le titre du blog, tout en gardant le modèle public. Avant il fallait télécharger le modèle public, changer le code, et renvoyer le modèle en tant que modèle personnel. Le gros souci, c'est que les mises à jour des modèles (nouvelles fonctionnalités etc.) ne sont faites que sur le modèles publics, ce qui a refroidi les ardeurs de redesign de beaucoup d'entre vous. Maintenant c'est beaucoup plus facile et flexible : vous gardez le modèle public, vous ajoutez les styles que vous souhaitez dans un des blocs affichés, et c'est tout. Génial, non ? :-)
Je vais maintenant passer en mode code source pour essayer de changer le style du titre de cet article, et seulement de cet article.
J'ai ajouté :
<head>
<style type="text/css" media="all">
#content h2, #content h2 a
{
font-family:comic sans ms;
color:orange;
background-color:black;
}
</style>
</head>
Je suis sûr que vous trouverez de nombreuses utilisations pour cette nouvelle fonction, changements de styles, javascript, voir ajout de metatags et autres. A vous de jouer !
D'autres articles sur des thèmes similaires :
- Renommer les modèles de mises en page personnels - 23/11/06
- Menu "Présentation des articles et commentaires" -- en cours - 22/10/06
- Options des modèles de mise en page - 15/05/07
- Nouvelle gestion dynamique des blocs de mise en page - 24/12/07
- Activation de toutes les options du menu Présentation du contenu - 27/12/07
- Etoile du modèle Déclic -- en cours - 04/06/07
- Goofy vs Regular - 14/05/07
- Quelles sont les conséquences pour la mise en page actuelle du blog si l'on change de modèle de présentation ? -- résolu - 21/10/06
- Affichage en page principale à volonté - 22/09/05
- Nouvelle mise en page : Pâques - 23/03/05
je ferai un tutoriel en vidéo ce we (et en même temps, je montrerai les possibilités des tables avec les images).
![[^]](/public_images/icon_up.gif "En Haut"){kind=icon}
Génial, génial !!
. J'ai du me tromper quelque part. Est-ce qu'un pro du camboui pourrait me le corriger :-)
comme tu peux le voir, sur XP/IE6, ta belle police a été remplacée par une autre :-( 
Pour voir...
oh oui !! c'est une grande évolution, chaque page du blog pouvant maintenant avoir son propre modèle de mise en page. Il n'y a quasiment plus de limite à la personnalisation du blog ! :-)