-
Changer les polices du blog
J'vous fais un p'tit article pour ceux qui aimeraient changer les polices de leur blog.
J'ai un peu galéré pour trouver la procédure, et grâce à des collègues, dont Pépins et Citron, Valecou et Mallotine, j'ai enfin réussi ! Et finalement ce n'est pas si compliqué que ça ! Par contre, ya un truc que je ne vous donnerai pas, c'est le nom de mes polices... j'estime que ça c'est un truc hyper personnel et chacun doit personnaliser son blog à son goût, à sa façon...
Donc voici comment faire :
1) Envoyer un message au support Eklablog pour demander d'activer le Javascript.
2) Aller sur google web fonts et choisir les polices que l'on veut utiliser : "add to collection" puis "use". Descendre et copier le code Javascript.
3) Sur le blog, aller dans un module simple, ouvrir le HTML et copier le code.
4) Ensuite, aller dans "apparence", "modifier le thème" et "ajouter du CSS". Et ici faut mettre tous les codes pour changer les polices. ça paraît un peu compliqué comme ça, mais en final c'est super fastoche !
Pour comprendre un peu à quoi ça correspond, aller sur cette page, où tous les selecteurs sont expliqués.
Voici tous les miens, si vous voulez vous pouvez directement les coller dans votre CSS en mettant le nom de vos polices.
h1
{font-family: 'votre police', cursive;
font-size:25px;}
#titre_header a
{font-family: 'votre police', cursive;
font-size:20px;}
.module_menu_contenu_block {font-family: 'votre police', latin;
font-size:12px;}
H1
{font-family: 'votre police', cursive;
font-size:24px;}
p {font-family: 'votre police', latin;
font-size:12px;}
.menubar_section {font-family: 'votre police', latin;
font-size:12px;}
#slogan_header {font-family: 'votre police', latin;
font-size:25px;}
.module_menu_titre span {font-family: 'votre police', latin;
font-size:20px;}
#menu li a {font-family: 'votre police', latin;
font-size:16px;}
.module_titre_contenu a {font-family: 'votre police', latin;
font-size:25px;}
.module_titre_contenu a:hover {font-family: 'votre police', latin;
font-size:25px;}
.commentpseudo a{font-family: 'votre police', latin;
font-size:14px;}
.commentbody {font-family: 'votre police', latin;
font-size:16px;}
.commentdate {font-family: 'votre police', latin;
font-size:14px;}
.commentpseudo a:hover {font-family: 'votre police', latin;
font-size:14px;}
.comment_normal .commentheader {font-family: 'votre police', latin;
font-size:14px;}
.module_contenu_block {font-family: 'votre police', latin;
font-size:12px;}
.comment_normal {font-family: 'votre police', latin;
font-size:12px;}
#footer a {font-family: 'votre police', latin;
font-size:14px;}Voilà ! A vous de jouer !
****
Code pour ceux qui veulent rendre leurs icônes "derniers visiteurs" plus petites :
.module_menu_type_lastvisitors img {max-width: 50px;opacity:0.5;}
-
Commentaires
2Sobelle06
Mercredi 23 Janvier 2013 à 23:005Gdine
Samedi 26 Janvier 2013 à 10:286Sobelle06
Samedi 26 Janvier 2013 à 10:40
merci beaucoup sobelle!! mon blog a enfin une apparence correcte et c'est un peu grace à toi!!
8Sobelle06
Dimanche 27 Janvier 2013 à 09:56
Je galère, je galère....et je ne comprends pas l'étape 3...
A quoi ça sert d'aller dans un module simple pour copier le code html?
Il faut aller où? C'est dans "apparence", "ajouter un module?".....
11sissoucpascher
Jeudi 31 Janvier 2013 à 06:4112sissoucpascher
Jeudi 31 Janvier 2013 à 06:51
Je crois que j'ai trouvé un module simple mais ça m'a effacé mon texte!!! Et quand je copie par exemple de liste, ça change la police (mais pas en belle) et si je veux la changer, je n'en ai pas de nouvelles...JE suis trop nulle
13Sobelle06
Jeudi 31 Janvier 2013 à 08:50
Zaubette : Oh là là, zut, je viens de voir que j'avais complètement oublié de te répondre ! Bon alors : En fait il faut mettre un module simple ou bien coller le code dans un module simple déjà existant cela permet au blog de reconnaître les polices que tu vas ensuite mettre dans le CSS. Si tu n'en as pas déjà un, il faut faire exactement comme tu as dit...
Cyma : hummm bizarre tout ça !
15sissoucpascher
Jeudi 31 Janvier 2013 à 22:2416sissoucpascher
Vendredi 1er Février 2013 à 06:2617sissoucpascher
Vendredi 1er Février 2013 à 06:48
bonjour MERCI beaucoup , je n'avais pas arrivé jusqu'ici à mettre une belle écriture sur mon blog. merci pour le partage , je vais essayer ça ce soir. bonne fin de journée .
merciiiiiiiiiiiii! grâce à toi j'ai enfin compris!!! il me manquait l'étape du code html!
et merci à Maxetlyly pour son lien vers ton article qui a résolu mon problème!
Grâce à ton tuto, j'arrive à arrondirt mes cadres et changer le format des polices mais pas intégrer différentes polices... Je ne suis vraiment pas douée... Merci pour ton article cependant, les quiches comme moi l'adorent sans doute!!
Merci Sobelle !! J'ai enfin réusi à le faire. Bon, ça n'est pas encore terminé mais on y est !! Par contre où est le code pour arrondir les cadres (celui dont parle elcaracol) ? Je n'ai pas trouvé ... Je ne maîtrise pas encore toutes les subtilités du css.
Merci beaucoup !!!
Voilà Crayons de Soleil, c'est par ici : http://sobelle06.eklablog.com/si-vous-voulez-arrondir-les-cadres-de-votre-blog-a98271947
Coucou,
J'ai fait une demande d'activation du javascript mais je n'ai pas eu de retour... Du coup, je ne sais pas si c'est opérationnel ou si je me débrouille comme une quiche pour faire mes changements lol !
mdrrr ... Il me semble que j'avais reçu une réponse moi... d'ailleurs elle m'expliquait des choses sur le javascript... Si ça fait déjà un moment, refais une demande, ça ne coûte rien...
J'ai reçu une réponse ce week-end. Je peux enfin faire tous mes petits changements. Merci Sobelle pour le lien !
QUOI ?????? nan mais ho c'est pas juste ça !!!! mdr...
Je vais réécrire alors !!! zut quoi lol
lol, en fait la première fois je n'avais reçu aucune réponse. C'est quand même ma deuxième tentative, hehe !!
J'ai posé une question sur le fofo mais je vois que tu as le même pb que moi (enfin nous, ^^)
Merci Sobelle car grâce à toi et à Papasti d'Ekla, j'ai presque tout compris et ça fonctionne.
Par contre, j'ai des difficultés avec les balises ci-dessus encore : quelle est celle qui correspnd au texte d'un article?Merci à toi et bravo pour ton nouveau design !
Rhoooo je me souviens plus moi, mais si tu vas sur cette page, tous les sélecteurs sont expliqués... http://papasti.info/MediaWiki/index.php?title=Les_S%C3%A9lecteurs
Bonjour, un grand merci, j'ai juste essayé pour voir car je refais mon blog sur mes deux petites amours et ça marche !
Super depuis que je cherchais, super d'avoir partager tes infos !
A bientot
Je viens de relire ton article, et ton idée de ne pas divulguer le nom de tes polices me fait sourire parce que cela se trouve sans avoir à le demander. Mais comme on a des visiteurs qui ne sont pas très avertis et que j'en avais marre qu'on me pose la question, j'ai mis les noms de mes polices dans mon tuto.
Oui, Pépin et le nom de mes polices figurent partout sur mes documents mais bon c'est histoire de dire...
Suivre le flux RSS des commentaires
Ajouter un commentaire
-
Je suis PE depuis 94 dans le sud. Après plusieurs années en cycle 2 me voilà depuis la rentrée 2013 de nouveau en cycle 3.
Dans l'école nous avons des ipad, j'ai un vidéo projecteur fixé, j'utilise un plan de travail, j'aime chanter...
2011-2012 : CP
2012-2013 : CP-CE1
2013-2014 : CE2-CM1
2014-2015 : CE2-CM2
Depuis la rentrée 2015 : CM1-CM2
-
Ces cahiers clés en main que j'ai créés sont tous à photocopier... (sauf le cahier-journal) pour un prix défiant toute concurrence, autour des 10€ ! Testés depuis des années en classe, je me suis enfin décidée à les éditer.
Une méthode de dictée spéciale CM1-CM2
Le cahier-journal du prof des écoles 2021-2022
Le cahier de bord du prof des écoles 2021-2022
Cahier de textes à transformer CM1
-
Un p'tit don ? Vous pouvez faire un p’tit geste, m’apporter une toute petite contribution ou un tout petit remerciement en versant 1 € sur mon compte paypal. , 1 euro par-ci par-là, ça en fait plusieurs !
Un p'tit clic sur lien ci-dessous... Merciiiii !
IGraal : Avoir du cashback sur vos achats internet, ça vous dit ? Il suffit de s'inscrire sur iGraal en cliquant ici :
Suivez-moi sur Facebook !
-
Je vous conseille d'installer ces polices si vous voulez que les documents en version modifiables restent en place.
Un p'tit clic sur le post-it pour les télécharger...
Créer mon blog
Merci beaucoup ! J'ai résolu mon problème grâce à toi !