10 avril 2013

Afficher la page d'album dans une boîte

En fait ce n'est pas la page d'album qui s'affichera dans une boîte mais plus exactement l'image de couverture et la description de l'album comme vous pouvez le voir dans l'image suivante : Pour obtenir ce résultat, il suffit d'ajouter le sélecteur (.albumdesc) complété des propriétés déjà indiquées dans les articles précédents sur le sujet :   .albumdesc {    background-color: #353B36;    padding: 10px;    margin-bottom: 20px;    -moz-border-radius:... [Lire la suite]
Posté par Michal53 à 10:00 - - Permalien [#]
Tags : , , , , , , , ,

08 avril 2013

Afficher les commentaires dans des boîtes

 L'astuce qui permet d'afficher les articles dans des boîtes séparées fonctionne très bien dans la page d'accueil et la page d'archives. Pour la page des messages, elle marche aussi mais mérite d'être améliorée par la possibilité d'afficher aussi les commentaires dans des boîtes. Là aussi, il n'est pas nécessaire d'ajouter quoi que ce soit au HTML, il suffit d'ajouter le sélecteur .comment_item dans la feuille de style en le complétant avec les propriétés nécessaires : couleur de fond (background-color), marge intérieure... [Lire la suite]
Posté par Michal53 à 10:00 - - Permalien [#]
Tags : , , , , , , ,
05 avril 2013

NEW KITCHEN

Un nouveau design sur le thème de la cuisine. La largeur du corps de la page est de 1200px. Configuration du menu horizontal de Canalblog et pied de page comme d'habitude. Ce design avait initialement été conçu pour une blogueuse qui depuis a abandonné son blog. Comme je n'aime pas que mon travail se perde je vous le propose donc aujourd'hui.   page d'accueil (écran 1920x1200)   page d'album (écran 1920x 1200)   Pour recevoir la feuille de style par mail, inscrivez-vous ici. Pour être tenu au courant des... [Lire la suite]
Posté par Michal53 à 10:00 - - Permalien [#]
Tags : , , , , , , , , , ,
03 avril 2013

Afficher les articles dans des boîtes

Il peut être intéressant d'afficher chaque article de son blog dans une boîte. Cela permet de bien repérer où il commence et où il finit. C'est le choix que j'ai fait pour le blog que vous êtes en train de lire, vous pouvez donc voir ce que cela donne. La boîte en question doit pouvoir s'afficher aussi bien avec un article entier qu'avec un article sous forme d'extraits (nouvelle possibilité offerte par Canalblog). Pour cela, pas besoin d'ajouter quoi que ce soit dans les pages HTML, il faudra juste ajouter le sélecteur .blogbody... [Lire la suite]
Posté par Michal53 à 10:00 - - Permalien [#]
Tags : , , , , , , ,
28 mars 2013

NEW NEW LILY

Ce design est le dernier de la série des rééditions de ceux que j'avais faits entre le 21 septembre et le 22 novembre 2011. Je vais continuer à mettre à jour les anciens designs (proposés initialement pour les anciens thèmes de Canalblog) afin de les adapter aux nouvelles possibilités de Canalblog. Allez voir "les habits d'Ulysse". En cliquant sur les petites vignettes, vous pourrez voir une copie écran de chaque design. Vous pourrez ainsi vous faire une meilleure idée du rendu. Je travaillerai en priorité sur les designs qui vous... [Lire la suite]
Posté par Michal53 à 10:00 - - Permalien [#]
Tags : , , , , , , , , , ,
22 mars 2013

Ajouter un séparateur d'articles

Je vous avais proposé il y a longtemps (le 22 décembre 2009) une astuce permettant d'insérer une image à la fin de chaque article (voir Un séparateur d'articles). On peut bien sûr obtenir le même résultat en modifiant le HTML mais c'est plus ardu et surtout pourquoi se priver d'utiliser un moyen simple : modifier quelques lignes de la feuille de style (en mode avancé). Cette astuce est devenue pratiquement obsolète avec la possibilité d'ajouter ou non "une barre de partage en fin de message" et/ou "une barre de vote à la fin de... [Lire la suite]
Posté par Michal53 à 10:02 - - Permalien [#]
Tags : , , , , , , , ,

20 mars 2013

NEW NEW HUSH!

Un design que j'aime particulièrement sans doute pour son athmosphère douce et tendre... Le conteneur principal fait 990px de large. Comme tous les autres designs il comporte un pied de page. Le menu horizontal de Canalblog est configuré pour s'intégrer à l'ensemble. La petite figurine à droite est un gif animé. La partie gauche du bandeau supérieur est actuellement bleue mais elle peut être remplacée par votre propre bannière (dimensions : 660 x 200). page d'archives (écran 1920x1200)   page album (écran 1920x1200)   ... [Lire la suite]
Posté par Michal53 à 10:00 - - Permalien [#]
Tags : , , , , , , , , , ,
18 mars 2013

NEW NEW CITY

Encore un ancien design remanié ? En fait il serait difficile d'y reconnaître le design originel. J'ai joué avec les ombres et les dégradés de couleurs (le fond n'est pas une image mais uniquement le résultat de quelques lignes insérées dans la feuille de style). Le corps du design fait 1024px. Le bandeau supérieur peut facilement être remplacé par votre propre bandeau pourvu qu'il en ait les dimensions (1024px x 160px). Comme pour les autres designs, le menu horizontal de Canalblog peut être activé et s'intégrer parfaitement dans le... [Lire la suite]
Posté par Michal53 à 10:04 - - Permalien [#]
Tags : , , , , , , , , , ,
15 mars 2013

NEW NEW ROTARY

Encore un ancien design relooké... Rien de plus à dire si ce n'est qu'il est dans la lignée des précédents. Le corps du design a une largeur de 1040px. Le bandeau supérieur peut facilement être remplacé par votre propre image (dimensions : 1000x170), vous n'aurez même pas à vous soucier des coins arrondis, le CSS s'en chargera. La barre de menu horizontal de Canalblog une fois activée s'intégrera parfaitement à l'ensemble.   écran page d'accueil (écran 1920x1200)   écran page d'accueil avec menu horizontal (écran... [Lire la suite]
Posté par Michal53 à 10:00 - - Permalien [#]
Tags : , , , , , , , , , ,
13 mars 2013

NEW NEW CIRCUS

Troisième ancien design relooké pour être conforme aux nouvelles normes de Canalblog. Il existe en deux versions, l'une avec le bandeau supérieur contenant juste une image "mon blog" et l'autre avec le titre de votre propre blog. Le corps du design a une largeur de 1 000px et ne comporte qu'une seule colonne de menu à droite. Le petit clown dans le bandeau est une image animée. Comme d'habitude, le menu horizontal proposé par Canalblog est lui aussi configuré pour s'afficher en harmonie avec le reste du design. Ne pas oublier... [Lire la suite]
Posté par Michal53 à 10:00 - - Permalien [#]
Tags : , , , , , , , , , , ,