Pas encore inscrit ? Creez un Overblog!

Créer mon blog
Designs

Designs

J'adore le CSS. Et surtout le rendre accessible à tout le monde !
Tags associés : astuces css, blogs relookes

Ses blogs

Blog de Designs et CSS

Un blog sans prétention pour aider les gens à modifier facilement un design sur over-blog.
Designs Designs
Articles : 11
Depuis : 27/09/2007
Categorie : Technologie & Science

Articles à découvrir

Celinextenso

Celinextenso

Tout le monde connait celinextenso... si, souvenez-vous.. son blog, c'était ca : et maintenant, c'est devenu après un relookage, ca: (j'ai suivi ce qu'elle demandait.. ) vu les commentaires sur son dernier article, je crois que je vais ouvrir un rayon "demandez vos designs"

Albums photos

Après quelques mois d'absence, voici un ajout de css pour personnaliser les albums photos. #general #cl_1_0 {border: 0px; width: 940px; position: float; float: left; margin: 0px 5px; padding: 3px;} /* colonne principale des albums*/ .thumbalbum {width: 120px; height: 120px; float: left;} /* aspect de vignettes: toutes la meme taille */ .suivalbum
Rickmanesque

Rickmanesque

J'ai relooké un blog complet: http://rickmanesque.over-blog.com/ donc, je suis parti du mien ( si si...), j'ai modifié la structure pour n'avoir que 2 colonnes. puis j 'ai mis les images à leur place, fignoler quelques détails, et rajouter une partie de css pour l'album photo ;) bilan: une douzaine de lignes modifiées / ajoutées + la partie a
Parcelle de moi

Parcelle de moi

J'ai fait une petite pause sur ce blog, mais une bloggeuse a suivi mes conseils. elle est partie du css que j'ai fait, le simplifié, et a modifié son blog. sur la fin, il lui manquait 2-3 lignes pour du fignolage, j'ai donc mis un peu la main à la pate ;) et quelle pate : http://parcelledemoi.over-blog.com

Hiérarchie

Css, ca signifie cascadinf stylesheet. cascading, ca veut dire que les éléments de structure appellent les éléments de design les uns après les autres. petit exemple: a {color: red; font-weight: bold; } /* tous les liens de la page sont rouge */ #footer a {color: blue;} /* les liens du pieds de pages sont bleus et gras. */ même si on ne dit p

Comment penser un design

Créer un design, c'est bien, encore faut-il ne pas trop vouloir en faire. il faut réflechir, tester, que ce soit au niveau des positions des modules que des couleurs. voici quelques règles de bases: eviter un design trop lourd: les lumières clignotantes, les animations partout, les couleurs différentes partout ne sont pas du tout agréables à
Héritage

Héritage

Dans votre administration, si vous allez modfier le css, vous verrez un immense bouton "définir les héritages de votre blog " mais les héritages, c'est quoi ? en fait, on peut charger plusieurs css à la suite. le premier fichier css donnera par exemple la forme générale, le second donnera les couleurs, le troisième des infos particulières,
L'appel des planches

L'appel des planches

Contacté par un blogueur qui conaissait mon autre blog, et qui avait une idée très précise de ce qu'il voulait, je lui ai pondu son design. enfin, j'ai juste fait le css (les images sont de lui ;) ) [et comme d'habitude, je suis parti de mon css simplifié "maison" ] http://ladp.over-blog.com

Css détaillé

Voici le design de ce blog, qui est basique (il ne fait que le minimum), simplifié (pour etre facilement modifiable), et commenté (pour etre compréhensible par tout le monde) /*************************/ /* structure: 3 colonnes */ /*************************/ body {margin: 2px; background: #ccc;} /* fond general du blog */ #global {border: 1px so
Astuce: ajouter un commentaire

Astuce: ajouter un commentaire

Ajouter un commentaire, c'est bien, mais c'est mieux si c'est lisible et beau. petit tour d'un cote possible pour vous simplifier la vie. #formcomment {background: white; color: #008; } #formcomment input {background: #ccc; color: #008;} /* champ sur une ligne et boutons */ #formcomment textarea {background: #ccc; color: #008;} /* champ sur plusieu