BIENVENUE SUR Le TutoBlog
RECHERCHE
Accueil> Personnalisation des thèmes > Explication du code CSS du nouveau thème
 *Ladybud*

Le TutoBlog

Tutoriels sur la personnalisation des blogs, l'utilisation de Mabulle, astuces, conseils... tout pour faire de votre blog un endroit à VOTRE image...

Explication du code CSS du nouveau thème

Lundi 1 Septembre 2008, 00:20 GMT+2Par *Ladybud*Cet article a été lu 1079 fois

Bonsoir à tous !

Cela ne vous aura pas échappé, le nouveau thème Mabulle est arrivé et personnalisable via la feuille CSS qui est accessible...

Voici un petit point sur les différents éléments qui composent la feuille CSS.
J'ai mis en bleu les informations.
Normalement vous devriez pouvoir copier tout le code tel quel sans rien bouleverser.
Cependant 2 conseils : faites toujours une sauvegarde de votre feuille et par ailleurs si vous utilisez firefox utilisez Web Developper dont le principe est expliqué dans l'article mis en lien. Je vous assure que c'est vraiment génial et grâce à ça plus aucun risque de casser sa CSS !!! ;-)

 

Voici donc la feuille CSS avec les informations sur les principaux points personnalisable au format PDF.

Feuille de style CSS du nouveau thème.

Plus tard viendra une explication de comment changer les éléments pour ceux qui n'y connaissent vraiment rien, mais en attendant vous pouvez aller faire un tour ici :
CSS Comment ça marche ?

Cours CSS et HTML du site du zéro (long mais facile et clair !)
Obtenir des codes couleurs

Voilà ! Bonne personnalisation ! :-D

Lire d'autres articles de la rubrique

Cet article a été commenté 11 fois | Ajouter un commentaire | Revenir en haut | Aller en bas

ange dit

Wah mais t'es plus rapide que l'éclair, Lady !! :)
Bon je vais essayer cet aprem. En espérant réussir, mais c'est pas gagné. Mouhahahaha

Lundi 1 Septembre 2008, 08:46 GMT+2 | Retour au début

Lynda dit

Quelle rapidité ^0^, merci beaucoup LadyBud, moi qui n'ai encore jamais changé de thème et qui suis pas très à l'aise avec tous ce charabia, ça fait plaisir de voir une âme charitable venir à notre secours ^_^.

Lundi 1 Septembre 2008, 09:27 GMT+2 | Retour au début

MCM dit

On va y voir plus clair avec ce tutoriel,ce CSS me fait penser au tout premier dans la version1 je le trouve quand même plus facile que celui de la version2.
Dis-moi Lady, je vais mettre demain et après-demain dans le tutoblog un tutoriel pour faire une bannière avec PhotoFiltre et un tutoriel pour installer la bannière dans le blog, ma question est: Faut-il ouvrir une nouvelle rubrique, sinon dis-moi dans laquelle je dois les mettre?
Bizouilles!!

Lundi 1 Septembre 2008, 12:12 GMT+2 | Retour au début

Coucou !!
Tu peux les mettre dans "Personnalisation des thèmes" !!!
merci d'avance ! :)

bizouilles !

Lundi 1 Septembre 2008, 12:18 GMT+2 | Retour au début

MCM dit

Tu es trop rapide Lady.
J'avais commencé le tuto tant pis ;)

Mercredi 3 Septembre 2008, 15:54 GMT+2 | Retour au début

Génial, justement je me demandais comment personnaliser ce thème qui me paraît super sympa, sauf que l'entête "mabulle.com" vient un peu gâcher le côté "perso"...
J'espère que tu nous indiqueras vite comment faire, j'ai une bannière prête mais je ne sais pas comment l'insérer à la place du "mabulle.com"...
Merci et keep on the good work :)

Vendredi 13 Fevrier 2009, 13:02 GMT+2 | Retour au début

Thiam dit

Slt
je je crée un gallerie web phot sur photoshop et je n'arrive pas à inser ma bannière je voudrai avoir des information en css ou pour formater la bannière sans toucher au contenue de mon site(les photo)

Jeudi 23 Avril 2009, 15:15 GMT+2 | Retour au début

Salut Ladybud,
ton tuto est super, je crois que je m'en suis pas mal sorti, mais y'a 2-3 trucs que j'ai pas réussi à personnaliser:
Si tu jettes un coup d'oeil sur mon blog tu verras que je n'ai pas pu changer la couleur qui indique le nombre de commentaires (en rose fushia) et je voulais savoir s'il était possible dans "c'est dans l'AIR" de faire que les commentaires restent classés du plus récent au plus ancien, car ils changent chaque fois de place et c'est très embêtant pour voir au premier coup d'oeil les tout derniers.
Voilà si tu as des réponses, ça m'aiderait beaucoup.
Merci et bonne soirée
La ptite fée

Mardi 24 Novembre 2009, 19:19 GMT+2 | Retour au début

Loonie dit

Bonsoir Sorhaygin,

Pour changer la couleur du lien des commentaires, dans le Da Webmaster Code, à peu près au milieu tu as :

#flux #principal .comBar .comBarL a {
color:#7b0059;
font-size:10px;
}

C'est le code de color qu'il faut changer.

Pour ce qui est du c'est dans l'Air, je crois qu'il n'y a pas grand chose à faire, mais comme je n'utilise pas ce thème je ne suis pas sûre !

Mercredi 25 Novembre 2009, 21:57 GMT+2 | Retour au début

Ah merci beaucoup Loonie!
Je vais voir ça sinon pour le reste je vais continuer à fouiner!
Bye

Mercredi 25 Novembre 2009, 22:09 GMT+2 | Retour au début