Photo.Graph

Profil

  • : Christelle Vinsonneau

Catégories

Recommander

Syndication

  • Flux RSS des articles

Design et Css

Vendredi 6 novembre 2009

Après "Arabesque", "Stendhal", "Kobayashi", "Rapadura", "Nuit blanche", "Cumulonimbus" (en bleu et en rose), "blog-note", "Myosotis", "Buren" et "Gutenberg" (en gris et en beige) pour les blogs over-blog, voici un nouveau thème complet : "Mention TB" un thème scolaire qui représente une feuille de copie. Ce design s'adapte à un blog avec une colonne principale centrale qui contient les articles et une seule colonne secondaire pour les modules à droite.



 

Voici une copie d'écran de Mention TB :


Ce design vous plait ?

Aller sur les « conditions d'utilisations » pour connaître la marche à suivre pour obtenir le css gratuitement par mail. N'oubliez pas d'insérer un lien vers mon blog en retour !

Voir les 5 commentaires
Ecrire un commentaire - Recommander
Vendredi 9 octobre 2009

près "Arabesque", "Stendhal", "Kobayashi", "Rapadura", "Nuit blanche", "Cumulonimbus" (en bleu et en rose), "blog-note", "Myosotis" et "Buren" pour les blogs over-blog, voici un nouveau thème complet : "Gutenberg" disponible en deux versions : beige et gris.  Un thème classique qui s'articule graphiquement avec des lettres. Ce design s'adapte à un blog avec une colonne principale centrale qui contient les articles et une seule colonne secondaire pour les modules à droite.


Voici une capture d'écran de Gutenberg beige :
 

 Voici une capture d'écran de Gutenberg gris :


Ce design vous plait ?

Aller sur les « conditions d'utilisations » pour connaître la marche à suivre pour obtenir le css gratuitement par mail (un lien en dur vers mon blog devra figurer sur le votre).

Voir les 0 commentaires
Ecrire un commentaire - Recommander
Lundi 14 septembre 2009

près "Arabesque", "Stendhal", "Kobayashi", "Rapadura", "Nuit blanche", "Cumulonimbus", "blog-note" et "Myosotis" pour les blogs over-blog, voici un nouveau thème complet pour Over-Blog :  "Buren" une déclinaison colorée autour du thème des rayures. Ce design s'adapte à un blog avec une colonne principale centrale qui contient les articles et une seule colonne secondaire pour les modules à droite.


Voici une capture d'écran : 

Ce design vous plait ?

Aller sur les « conditions d'utilisations » pour connaître la marche à suivre pour obtenir le css gratuitement par mail.

Voir les 0 commentaires
Ecrire un commentaire - Recommander
Mercredi 3 juin 2009

Après "Arabesque", "Stendhal", "Kobayashi", "Rapadura", "Nuit blanche", "Cumulonimbus" et "blog-note" pour les blogs over-blog, voici un nouveau thème complet pour Over-Blog :  "Myosotis" un thème estival avec des motifs floraux déclinés autour du turquoise et du marron. Ce design s'adapte à un blog avec une colonne principale centrale qui contient les articles et une seule colonne secondaire pour les modules à droite.



 

Voici quelques copies d'écran de Myosotis :

Ce design vous plait ?

Aller sur les « conditions d'utilisations » pour connaître la marche à suivre pour obtenir le css gratuitement par mail.

Voir les 1 commentaires
Ecrire un commentaire - Recommander
Lundi 1 juin 2009

Ce tutoriel s'adresse aux blogueurs qui souhaitent utiliser un de mes designs complets pour leur blog et fait suite au précédent article sur le sujet disponible ici: http://photo.graph.over-blog.com/article-26701749.html. Over-blog ayant changé d'interface, quelques mises au point s'imposent.
L'utilisation est très simple... Vous ne pouvez rien perdre en suivant les directives données ci-dessous.
Un CSS ne modifie QUE l'apparence du blog en aucun cas son contenu (articles, modules, photos, bannière... ne disparaissent pas!)



Voici comment procéder en étape :



Allez sur l'administration de votre blog et allez sur « configurer ».


Si vous êtes en mode « avancé », passez en mode « classique » (en cliquant sur « mode classique »).

 

Comment savoir si vous êtes en mode avancé ou en mode classique ?



Définissez la structure du blog.

Dans la présentation du design complet je vous indique quel est sa structure de base. Par exemple pour Arabesque : une colonne principale qui contient les articles se trouve à gauche et la colonne secondaire qui contient les modules se trouve à droite.

Pour la définir dans l'administration d'Over-Blog, il suffit d'aller dans « configurer », « mise en page ». (1) dans le schéma.

Pour définir la structure de base, il faut aller en bas de la page et de placer la souris sur l'icône en dessous du texte « choix de la structure ». Un menu déroulant s'affiche, et vous pouvez choisir celle qui correspond. (2) dans le schéma.

Ensuite il suffit de choisir les modules de la colonne de gauche par « glisser-déposer » avec la souris. (3) dans le schéma.

 

Dans le design complet, la bannière est déjà incluse dans le css... vous n'avez plus qu'à ajouter le nom de votre blog. Rien de plus simple : il suffit d'ajouter un module de texte libre (toujours par « glisser-déposer ») en tête de la structure. (4) dans le schéma.

Cliquez ensuite sur le marteau du texte-libre.

Et écrivez votre titre.

 


Vous pouvez en profiter pour indiquer le nombre d'articles que vous souhaitez sur vos pages (en cliquant sur le marteau de "article").


Il est temps d'aller sur l'onglet « design ». Votre blog comporte déjà un design (soit par défaut lors de la création d'un blog) soit votre choix jusqu'à ce jour.


Peut-importe le design de base que vous avez dans votre administration, ça ne modifiera pas l'apparence du design complet que vous allez installer.

Cliquer sur « mode CSS », puis sur « mon style ».

Cochez la case « Appliquer ma feuille de style personnalisée ». La fenêtre de css jusqu'alors grise va devenir blanche...


 


Par contre, si votre design actuel a déjà reçu quelques modifications de css que vous voudriez éventuellement conserver, il est temps de songer à faire une sauvegarde...

 

Effacez le contenu de la fenêtre.
Si ça ne marche pas (demandez pourquoi se produit ce bug à Over-Blog...), cliquez sur "enregistrer" en bas de la page (oui, oui, même si vous n'avez rien fait encore)

et revenez sur la fenêtre, ça devrait marcher.

Collez alors le css que je vous ai envoyé par mail. Et enregistrez !

 

Allez de ce pas constater les changements sur votre blog... n'oubliez pas rafraichir la page en faisant F5 ou en actualisant.

Voir les 1 commentaires
Ecrire un commentaire - Recommander
Dimanche 22 mars 2009

Après "Arabesque", "Stendhal", "Kobayashi", "Rapadura", "Nuit blanche" et "Cumulonimbus" pour les blogs over-blog, voici un nouveau thème complet pour Over-Blog : "blog-note" un thème composé de papier, trombones, scotch et bloc-notes. Ce design s'adapte à un blog avec une colonne principale centrale qui contient les articles et une seule colonne secondaire pour les modules à droite.



 

Voici une copie d'écran de blog-note :

Ce design vous plait ?

Aller sur les « conditions d'utilisations » pour connaître la marche à suivre pour obtenir le css gratuitement par mail.

Voir les 14 commentaires
Ecrire un commentaire - Recommander
Mercredi 18 mars 2009

Après "Arabesque", "Stendhal", "Kobayashi", "Rapadura" et "Nuit blanche"  pour les blogs over-blog, voici un nouveau thème complet pour Over-Blog : "Cumulonimbus" un thème léger qui se décline deux couleurs. Ce design s'adapte à un blog avec une colonne principale centrale qui contient les articles et une seule colonne secondaire pour les modules à droite le tout sur un fond dégradé.



 

Voici une copie d'écran de cumulonimbus fond rose :

Voici une copie d'écran de cumulonimbus, version bleue :


Ce design vous plait ?

Aller sur les « conditions d'utilisations » pour connaître la marche à suivre pour obtenir le css gratuitement par mail.

Voir les 2 commentaires
Ecrire un commentaire - Recommander
Samedi 21 février 2009

Après "Arabesque", "Stendhal", "Kobayashi" et "Rapadura" pour les blogs over-blog, voici un nouveau thème complet pour Over-Blog. Voici "Nuit blanche" un thème nocturne, basé sur une photo prise il y a quelques temps. Ce design s'adapte à un blog avec une colonne principale centrale qui contient les articles et une seule colonne secondaire pour les modules à droite le tout sur un fond.



 

Voici une copie d'écran.



Je ne me suis pas occupée des albums photos, puisque la nouvelle version des albums photos d'Over-Blog ne permet pas la personnalisation des albums... même si la nouveauté met du temps à monter son nez.

 


 

Ce design vous plait ?

Aller sur les « conditions d'utilisations » pour connaître la marche à suivre pour obtenir le css gratuitement par mail.

Voir les 4 commentaires
Ecrire un commentaire - Recommander
Dimanche 15 février 2009

Après "Arabesque", "Stendhal" et "Kobayashi" pour les blogs over-blog, voici un nouveau thème complet pour Over-Blog. Un thème plus sucré et plus culinaire au nom évocateur : Rapadura
Ce design s'adapte à un blog avec une colonne principale centrale qui contient les articles et une seule colonne secondaire pour les modules à droite le tout sur un fond sucré fixe.



 

Voici trois copies d'écran. La première est la page d'accueil quelques modules. La deuxième montre les commentaires et leurs réponses. La troisième montre la configuration d'une page.





Je ne me suis pas occupée des albums photos, puisque la nouvelle version des albums photos d'Over-Blog ne permet pas la personnalisation des albums... même si la nouveauté met du temps à monter son nez.

 


 

Ce design vous plait ?

Aller sur les « conditions d'utilisations » pour connaître la marche à suivre pour obtenir le css gratuitement par mail.

Voir les 5 commentaires
Ecrire un commentaire - Recommander
Dimanche 8 février 2009

Après "Arabesque" et "Stendhal" pour les blogs over-blog, je vous poropose aujourd'hui un nouveau thème complet pour Over-Blog. Voici : Kobayashi. Un thème très coloré ou rien n'est de la même couleur : chaque article est de couleur différente, chaque module aussi... ce design s'adapte à un blog avec une colonne principale centrale qui contient les articles et deux colonnes secondaires pour les modules à droite et à gauche.



 

Voici une copie d'écran. La première est l'accueil avec plusieurs articles et tous les modules.



Je ne me suis pas occupée des albums photos, puisque la nouvelle version des albums photos d'Over-Blog ne permet pas la personnalisation des albums.

 


 

Ce design vous plait ?

Aller sur les « conditions d'utilisations » pour connaître la marche à suivre pour obtenir le css gratuitement par mail.

Voir les 7 commentaires
Ecrire un commentaire - Recommander
Créer un blog sur over-blog.com - Contact - C.G.U. - Rémunération en droits d'auteur - Signaler un abus - Articles les plus commentés