Editeur CSS WYSIWYG pour over-blog

Mardi 7 décembre 2004 2 07 /12 /2004 00:00

Au vu du nombre de questions posées sur le forum au sujet du CSS, j'ai développé ce petit générateur de fichier CSS pour Over-Blog.
Pour le moment, il n'inclut pas les images de fond, mais permettra au plus grand nombre d'avoir un CSS de base qui fonctionne sous IE et FireFox.
Mode d'emploi:
Changez les couleurs, regardez si ça vous plaît. Quand vous êtes satisfait, cliquez sur Télécharger le CSS, copiez le contenu de la fenêtre et collez le à la place de votre CSS actuel.

Vous pourrez alors modifier manuellement votre CSS pour apporter votre touche personnelle.
Pour cela quelques références:

La feuille CSS que vous obtiendrez est conforme à la recommandation du W3C sur le CSS niveau 2.

Ouvrir en pleine fenêtre
Vos remarques, critiques suggestions sont les bienvenues en commentaires.
Si vous utilisez le CSS généré, laissez un message, ça me fera plaisir et m'incitera à continuer.

Par Francisek - Publié dans : CSS et Design
Ecrire un commentaire - Voir les 519 commentaires - Recommander

Précédent : Une petite image pour se marrer et... Retour à l'accueil Suivant : Fête des lumières à Lyon

Commentaires

bonne idée, ça permettra de comprendre mieux la syntaxe en regardant les différences entre deux essais :)

Commentaire n°1 posté par ndr le 07/12/2004 à 11h13

Bonsoir, Cela fait plusieurs jours que je m'escrime à modifier le blog. En 2 temps 3 mouvements , grâce à vous, cela a été fait. Merci DM

Commentaire n°2 posté par martin le 07/12/2004 à 17h22

Alors là bravo !!!!! Je ne sais pas quoi dire si ce n'est "mais t'es génial mec !!! "

Bon en fait ca à l'air génial le seul problème c'est que je n'arrive pas à ouvrir le CSS une fois téléchargé. Le fichier créé va s'ouvrir sous picture it 9 et là j'ai une erreur qui m'indique que je ne peux pas ouvrir ce fichier.

Saurrais tu remédier à mon problème???

Encore une fois bravo, c'est ça le vrai esprit de communauté !!!

BAB's

Commentaire n°3 posté par BAB's le 07/12/2004 à 19h57

Merci !!! Tu dois avoir un problème d'association de fichier. Fais un clique droit sur le lien Télécharger le fichier css et fais Enregistrer la cible sous. Après, il te restera à ouvrir ledit fichier avec ton éditeur de texte préféré.

Réponse de Francisek le 04/01/2006 à 16h44

voilà un procédé extremement pratique Francisek...c'est bien du temps de gagné pour un résultat satisfaisant...

merci...

Commentaire n°4 posté par Fonfon le 16/12/2004 à 09h02

merci beaucoup c genial. t payé pr ca au moins ?? ca fait du bien de voir qu'il y a des gens qui pensent aux nuls !

Commentaire n°5 posté par Mariiiiiie le 26/12/2004 à 00h04

Merciiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiii, t'es un chef, vraiment. J'ai choisi les couleurs qui me plaisaient et hop!

bon, maintenant que je sais où trouver....

je vais essayer de ne pas t'inonder de questions!!

Merci merci merci encore

Commentaire n°6 posté par Gabrielle le 26/12/2004 à 22h09

super!

merci de m'avoir fait signe, sinon, je serais complètement pomée....Mon blog é devenu tro bo (je trouve!!!) merci bcp!

pixie

Commentaire n°7 posté par pixie le 31/12/2004 à 21h27

Francisek, Je me suis lancé et grace à ton editeur j'ai relooker mon blog en deux coups de cuilleres à pot! Merci enormement! Avec toi les nuls se sentent moins nuls! Dr Devo

Commentaire n°8 posté par Dr Devo le 04/02/2005 à 21h24

Merci. Il n'y a rien à dire de plus pour m'avoir permis d'obtenir un blog se rapprochant de ce que j'avais en tête!

Commentaire n°9 posté par Rouquet le 07/02/2005 à 15h15

Bonjour, Tu es vraiment un Bon et je te remercie pour tout ce que tu fais... ça dois te prendre un temps fou ... MERCI

Commentaire n°10 posté par Italian le 15/02/2005 à 02h50

Salut Francisek: J'ai un petit problème ,mais je vois que peut-être tu pourrait m'aidé . C'est de savoir comment tu fait pour laissé ta photo partout pendant que tu derroule ton texte.Si tu peux m'aidé ça serai genial.merci

Commentaire n°11 posté par Pesadilla le 15/02/2005 à 13h13

Pesadilla >>> Pour que ton image de fond ne défile pas avec le reste, rajoute dans ton CSS :
background-attachment: fixed;

Commentaire n°12 posté par Francisek le 15/02/2005 à 13h40

trop géant !!!! MERCI INFINIMENT ! bon, faut encore que je peaufine, mais jepensais que ça allait prendre des mois... ben non, une heure à tout casser ! super top ! continue à nous faire de bons trucs comme celui-ci steuplé, c'est vraiment génial :-)))

Commentaire n°13 posté par ivy le 24/02/2005 à 18h27

bon .. je le confirme tu es un génie pour moi ....... *beep* tout pleins pour cet éditeur qui m'a permit de modifier mon blog ... merci bcp ... j'ai même plus besoin d'essayer de comprendre le CSS .....

Commentaire n°14 posté par titemag le 24/02/2005 à 19h06

Aaaaah, que dire ? Je me suis escrimée à changer l'apparence de mon blog... sans rien connaître au code, c pas facile ! et puis, découverte de ta page magique ! merci pour ton travail, il est très utile à ceux qui veulent un blog sympa sans s'y connaître en info. voici donc un gros carton de satisfaction plein à ras bord pour nourrir tes efforts :)

Commentaire n°15 posté par Elsa Castille le 06/03/2005 à 17h57

euuu bonjour au grand mr francisek
ges mis un lien vers ton editeur sur mon site en présisant que sa vient de vous puis je le laisser ou vouv voulez quee je lenleve ??? jpama@msn.com

Commentaire n°16 posté par muller le 08/03/2005 à 22h54

Merci, merci... Grâce à ton précieux générateur, j'ai pu donner un joli look à mon blog sans craindre de trop faire de bêtises avec mon fichier CSS. J'ai mis un lien également, c'est la moindre des choses!

Commentaire n°17 posté par Coolmaman le 12/03/2005 à 11h47

Merci Francisek ! Mon blog a vraiment l'air sérieux maintenant !
Merci aussi pour les liens !

Continur, t'es le meilleur !

Tom

Commentaire n°18 posté par Tom le 13/03/2005 à 17h49

Merci. Cette fabrique à CSS pour les bébés dans mon genre est une merveille. J'en croirais presque que je suis douée en informatique ;)

Commentaire n°19 posté par Zarda le 14/03/2005 à 16h37

Merci Francisek, c'est collé, maintenant beaucoup de boulot pour enlever mes bidouillages d'avant et trouver des images gif avec fond identique. Au fait, on peut le modifier sur l'image non? ...je vais essayer ce soir.

Bravo pour ce super site qui nous rend bien des services.

Commentaire n°20 posté par MILIN le 15/03/2005 à 13h37

Trop GENIAL !!
C'est trop top ton système des couleurs sa aide grave. Merci continu comme ça DIEU des Blogs et du CSS!!

Commentaire n°21 posté par CLOUDtheBEST le 15/03/2005 à 15h49

Je voulais juste passer par ici et te dire merci pour tout ce que tu peux faire pour tous les blogueurs... Si tu lis ce commentaire, je voudrais savoir la manière de te remercier encore plus... car je pense qu'on a bien besoin de toi par ici, et que nous te disons jamais assez combien tu es notre "Sauveur"!

Commentaire n°22 posté par Rivals le 15/03/2005 à 18h57

Comment me remercier ?? c'est pas déjà fait en laissant vos commentaires ici ??
;-)

Commentaire n°23 posté par Francisek le 15/03/2005 à 21h13

Merci pour tout le travail que tu fais ... jour et buit tu composes pour nous des partitions ouaibesques à classer parmi les plus grands maitres du genre.

Comment ne pas admirer tes chefs d'oeuvre géniaux dignes du génie pour lui même que tu es mais aussi celui pour nous tous tes disciples futurs dont je suis fier d'être l'un d'entre eux.

Le papyves du Pinard

Commentaire n°24 posté par Papyves le 16/03/2005 à 06h12

Merci pour tout le travail que tu fais ... jour et nuit tu composes pour nous des partitions ouaibesques à classer parmi les plus grands maitres du genre.

Comment ne pas admirer tes chefs d'oeuvre géniaux dignes du génie pour lui même que tu es mais aussi celui pour nous tous, tes disciples futurs dont je suis fier d'être l'un d'entre eux.

Mais je ne suis pas à la hauteur car j'avais mal indiqué l'adresse de mon site dans mon précédent commentaire, honte à moi.

Le papyves du Pinard

Commentaire n°25 posté par Papyves le 16/03/2005 à 23h04

tes couleurs d'avant étaient plus belles ! mais bon, les gouts et les couleurs...

Commentaire n°26 posté par BBorissov le 22/03/2005 à 00h48

BBorissov >>> Ca change tous les jours ;-)

Commentaire n°27 posté par Francisek le 22/03/2005 à 01h48

Merci à toi .. ;o)

Commentaire n°28 posté par Guillaume le 23/03/2005 à 18h12

bonjour
avant le 23 j'ai procédé comme çà ... j'ai copié le code Css, qui correspondait à mes couleurs .. je me suis ensuite rendu dans désign , et j'ai coché la case " faire le css moi même " j'ai supprimé l'original et j'ai collé, après un copier collé direct , le nouveau que j'avais téléchargé ..puis j'ai fait enregistrer .... çà a marché ...

la preuve ....voila le résultat ...

Mais les couleurs ne me conviennent plus , j'ai voulu changer , j'ai refait la même opération, avec d'autres couleurs , mais après le 23 !!!!

et çà marche pas . plus moyen !!! sniff ..ca allait si bien !! .. faut il faire autre chose depuis le 23 ...?? .. c'est toujours celui ci qui réapparait ... même quand je fais enregistrer !!

MERCI a vous ...

Commentaire n°29 posté par le pingouin malheureux ..snif snif .. le 24/03/2005 à 21h13

merci beaucoup !! çà marche ..mais que je suis nul :-))

Commentaire n°30 posté par le pingouin content le 25/03/2005 à 23h43

t super gar j'adore ton blog et ce ke tu fait

Commentaire n°31 posté par joe le 01/07/2005 à 14h21

Merci pour ton super éditeur j'ai réussi à avoir un design personalisé grâce à toi... merci... [ et bon retour parmi nous .... ;) ]

Commentaire n°32 posté par Kenzo le 03/07/2005 à 22h28

J'ai essayé et je suis satisfaite du resultat, toutefois il y a juste un petit problème. Mon album photo, au lieu de s'afficher sur 5 colonnes ne s'affiche plus que sur une seule. si tu peux m'aider pour ce problème merci.

Francisek : Problème reglé dans la v1.5.2 : si tu ne veux pas tout reprendre, copier juste la fin du CSS à partir de
/* Album photos */
#generalAlbum {
width: 100%;
...

Commentaire n°33 posté par stefany le 12/07/2005 à 01h49

ça marche pas le lien pour le téléchargt.

Commentaire n°34 posté par celia le 12/07/2005 à 20h03

Sinon un autre petit soucis. Je voudrais ne mettre que 3 articles sur la page d'accueil mais quand je modifie les paramètres cela reste à 10 articles.

Commentaire n°35 posté par stef le 14/07/2005 à 19h34

j'obtiens, après avoir suivi tes instructions: im!possible d'ouvrir le fichoier!!!
suis déçue. Snif!
Pourquoi ils y arrivent, les autres et pas moi?
Si tu as une idée, je prends.
Merci. Jo

Commentaire n°36 posté par jo le 19/07/2005 à 19h11

Merci beaucoup, mon blog est maintenant un peu flashy (oui, je n'ai pas très très bon goût) mais en tous cas, il est moins terne qu'avant !

Commentaire n°37 posté par Matthieu le 23/07/2005 à 10h53

Salut à toi grand maitre
Voilà , apres 3 semaines de vacances , j'ai constaté que mes modules de gauche étaient décalés vers le bas ( est ce du à la nouvelle version Over-Blog? )
Le bloggeur "Denis" a eu l'amabilité de se pencher sur mon problème mais ses suggestions n'ont pas résolu mon problème .
A mes débuts bloggiens , tu m'avais grandement aidé , c'est pourquoi je te sollicite à nouveau et tres humblement....

Commentaire n°38 posté par DonQuijote le 25/07/2005 à 10h58

J'oubliais , quand je consulte les commentaires des articles , les modules de gauche se remettent en haut mais le message d'accueil disparait laissant un vide!
Je ne sais pas s'il y a relation de cause à effet....

Commentaire n°39 posté par DonQuijote le 25/07/2005 à 11h01

Juste pour te dire merci! grace à toi, j'ai enfin pu un peu plus ameliorer mon blog! Moi qui comprenais rien à la css! Tu est un génie!

Commentaire n°40 posté par latutute le 10/08/2005 à 14h42

Moi aussi je dis un grand merci à Francisek, c'est grâce à son générateur de CSS que j'ai fait mon design... qui vaut ce qu'il vaut, ce qui ne m'empêche pas d'en être assez fier !
Encore merci, et bravo !
(je vais essayer de créer un 3e module texte libre, mais j'avoue que je dois encore un peu m'entraîner !)

Commentaire n°41 posté par Frof le 08/09/2005 à 21h38

coucou Francisek
j'ai voulu me refaire un CSS mais je n'ai pas pu parce que l'éditeur semble avoir un soucis, je vois ton blog à l'intérieur.. et puis je n'ai plus le lien que tu m'avais passé y'a qq temps...

Commentaire n°42 posté par Titemag le 20/09/2005 à 15h24

merci a toi, grace a toi, j'ai changé mon blog sans aucun probléme. continue.

Commentaire n°43 posté par emedia le 26/09/2005 à 19h54

Par contre, comment faire pour que ma page s'affiche entierement dans l'écran, car sa dépasse un peux, merci de ton aide

Commentaire n°44 posté par emedia le 26/09/2005 à 20h05

salut salut et bravo pour cette initiative. j'ai tenté d'appliquer ta technique, j'ai été très satisfait jusqu' a ce que je découvre des erreurs que je ne pouvais pas corriger (liens ne s'affichant plus ou photos décalées dans les albums et surtout n'étant plus a la bonne taille...) bref, je suis finalement revenu a un modele classique meme si je vais me pencher sérieusement sur la question. en tout cas bravo bravo, je vais prendre le temps de découvrir tes astuces.

Commentaire n°45 posté par gael le 02/08/2006 à 12h32

Merci. Il peut toujours demeurer quelques bugs les modèles CSS ont pu varier depuis la création de cet article. D'autant plus que les modèles 2XX n'existaient pas encore, et je remarque que tus as opté pour un modèle de base 215, cette structure n'est pas pleinement compatible avec cet éditeur.

Réponse de Francisek le 04/08/2006 à 00h23

Utilisé sur le site over-punk. Merci.

Commentaire n°46 posté par Mesca le 04/08/2006 à 23h08

Je n'arrive pas à télécharger le fichier CSS que j'ai choisi. Une page web blanche s'ouvre ainsi que windows media playeur.
Pourquoi ?
Merci d'avance !^^

Commentaire n°47 posté par mathilde le 28/08/2006 à 14h00

Tu as dû associer par erreur les fichiers de type CSS avec WMP. Pour supprimer cette association, ouvre le poste de travail, va dans le menu Outils / Options des dossiers puis dans l'onglet Types de fichiers. Là tu sélectionnes l'extension CSS et tu cliques sur le bouton Supprimer.

Réponse de Francisek le 28/08/2006 à 19h37

Merci pour ta réponse mais j'ai essayé et ça ne marche tj pas .

Commentaire n°48 posté par mathilde le 28/08/2006 à 20h38

Il ne te reste plus qu'à faire un clic droit sur le lien de téléchargement du CSS puis à choisir Enregistrer la cible du lien sous...

Réponse de Francisek le 28/08/2006 à 22h28

Youpi ça marche !
Merci beaucoup. C'est vraiment génial d'avoir mis ça en place.
T'es super !

Commentaire n°49 posté par mathilde le 29/08/2006 à 14h06