Cet article n'a pas pour but de vous apprendre des codes ou des effets en particulier mais plutôt de vous faire comprendre le fonctionnement général du CSS. Ce genre d'article viendra dans quelques jours.

Si vous êtes à la recherche du parfait moyen d'embellir votre blog et de lui donner une allure unique, alors le CSS va être votre meilleur ami à coup sûr!

 De l'anglais Cascading Style Sheet (feuille de style en cascade), le CSS est une manière de coder qui permet d'ajouter plein d'effets à votre blog : ajouter de nouvelles polices, faire tourner les avatars du module "derniers visiteurs" quand on passe sa souris dessus, colorer la menubar en haut de votre écran... Les possibilités sont infinies. Et pour ça, pas besoin d'être expert ou développeur, il vous suffit d'apprendre petit à petit!

➞ Tout d'abord, comment accéder au CSS sur Eklablog ?

Pour cela, il vous faut aller dans l'onglet "Apparence" de votre blog, puis sélectionner "Modifier le thème". De là, vous scrollez et cliquez sur "Ajouter du CSS". Vous y voilà!

➞ Mais comment ça fonctionne, le CSS ?

Le CSS repose sur une base plutôt simple : si vous souhaitez modifier quelque chose, il vous suffit de procéder ainsi : 

#sélecteur {propriété: valeur;}

En violet : le sélecteur qui indique ce que vous voulez modifier sur votre blog. Quelques exemples de sélecteurs : #menubar pour la barre de menu en haut de l'écran, .module_menu_type_lastvisitors pour le module "derniers visiteurs"... Si vous souhaitez en savoir plus sur les sélecteurs, je vous conseille l'article de Kalyna sur le sujet : lien.

En vert : la propriété qui permet de modifier un élément en particulier. Quelques exemples : "background-color" pour la couleur de fond, "font-family" pour la police d'écriture...

En bleu : la valeur de votre propriété. Elle peut par exemple déterminer l'exacte couleur, la taille (12px par exemple)...

En rouge : les "parenthèses" qu'il ne vous faut pas oublier de mettre au début et à la fin de vos propriétés quand vous codez ; elles délimitent le début et la fin de celles-ci.

En gris : le point virgule qui sépare toujours les propriétés.

Note : les "parenthèses" et le point virgule sont essentiels si vous voulez que votre code fonctionne!

-------------------------------------------

Voilà pour cette petite intro au CSS qui me permet surtout d'introduire mon prochain article sur le module "derniers visiteurs". En espérant vous avoir été utile,

Votre dévouée D r e a m

Bonsouer bonsouer

Je voulais juste faire un petit article car j'ai vu que le blog avait atteint les 200 visites aujourd'hui!

Je sais que c'est pas comme si c'était 200 000 non plus, mais je suis contente parce que ca fait un peu plus de deux semaines que j'ai créé Once Upon A Dream et j'avais un peu peur que personne ne vienne dessus et ne voie ce que je fais (parce que c'est bien beau d'écrire des trucs, mais si personne ne le voit, ça sert à rien de les poster, autant le faire juste pour soi-même)... Du coup ça fait plaisir!

Je suis vraiment contente d'être revenue sur ekla, et j'espère continuer encore longtemps à écrire des articles ici! (j'en ai d'ailleurs 3 en cours écriture xD)

Bref en tout cas merci à vous de votre soutien,

Votre dévouée D r e a m

Hellow! Petit article histoire de poster le dessin que j'ai fait pour le concours de Plume de Nénuphar. La seule contrainte était de dessiner un personnage de LGDC, donc voici Aile de Colombe! Ça fait super longtemps que j'avais pas dessiné de chat, donc ça a été un bon entraînement ^^

Bonne soirée (oui d'accord, c'était vraiment court ^^'),

Votre dévouée D r e a m

PS : Ah oui aussi, si vous pouviez répondre au sondage "important" pour me faire savoir quel article vous aimeriez voir publié, ce serait top ;)

Hey! Allez-vous bien ? Moi perso je dois commencer à réviser mon brevet blanc 2 donc c'est chiant...bref osef xD

En revisitant un de mes 13 blogs hors ligne j'en ai beaucoup trop mdr, je me suis rendue compte qu'à l'époque de 2019, soit quand je suis arrivée sur ekla, je galérais vachement pour faire des thèmes... J'avais aucune ressource, je bidouillais avec deux-trois codes que j'avais appris, mais franchement c'était trop chiant xD

Entre-temps l'eau a coulé sous les ponts et j'ai fait connaissance avec beaucoup de sites tous plus utiles les uns que les autres pour la conception d'un thème même si bon clairement j'ai rien à dire avec ce thème-ci il est clairement à peine travaillé mais vous z'inquiétez pas ça viendra xD. Ca m'a facilité la vie et permis de m'exprimer plus facilement à travers un thème qui me ressemblait plus, et du coup je me suis dit que si ça se trouve, toutes ces ressources pourraient en aider d'autres que moi, donc voilà!

Cet article sera divisé en 3 parties :

• Sites proposant des polices ;
• Sites utiles pour la couleur de votre blog ;
• Sites utile pour trouver des images.

Commençons donc.

Vous l'aurez certainement remarqué, les polices de bases proposées par eklablog sont pas super jolies ni originales, et pour peu qu'on les trouve moches, bah on est bloqué avec. La solution : en télécharger des nouvelles!

Site n°1 : Dafont

C'est un site vraiment TRÈS utile pour télécharger de nouvelles polices et ainsi, d'un seul coup, donner l'air beaucoup plus esthétique à votre blog. Il y en a vraiment pour tout les gouts avec des polices super fantaisie (on peut vraiment trouver de tout, surtout qu'il y a quoi ? 3000 polices différents ?) ; mais je vous recommande quand même les catégories "Calligraphie" et "Brush", c'est ici qu'il y a les plus belles je trouve. En tout cas c'est vraiment super pratique, recommandé à 100%!

Site n°2 : Google Fonts

Pour trouver des polices sobres mais quelque peu originales, par exemple pour le texte de vos articles (quelque chose de plus lisible que les polices type calligraphie), Google Fonts est vraiment un site génial. On y trouve toutes sortes de polices très jolies à télécharger, et le petit plus c'est que contrairement à dafont, l'outil de recherche est vraiment bien développé, c'est plus simple de trouver quelque chose qu'on a en tête.

Voilà pour les sites de polices de caractère!

Alors, je sais pas si vous utilisez cette méthode quand vous créez un thème, mais en tout cas, vous devriez! Avoir une palette de couleur bien définie (3-4 couleurs max en général) permet de ne pas s'éparpiller dans 50 couleurs différentes pour au final se retrouver avec un blog bariolé et pas très harmonieux. Pour vous aider à trouver des palettes, voici deux sites que j'utilise régulièrement et que je trouve très bien :

Site n°1 : ColorHunt

Pour trouver des harmonies colorée pour faire votre thème, ColorHunt est plus qu'utile. En effet, il propose des palettes par thème, donc si par exemple vous voulez un thème pastel, ou plus rose, ou plus bleu, ou ce que vous voulez, l'outil de recherche est très bien fait et vous trouverez votre bonheur. De plus, ce qui est pratique, c'est que en passant la souris sur les couleurs que vous souhaitez utiliser, le code de celle ci apparait et si vous cliquez, il se copie automatiquement! Plus qu'à coller et c'est bon! Petit bémol, cependant : il n'y a pas non plus des milliers de palettes, leur nombre est, je trouve, plutôt restreint.

Site n°2 : l'outil générateur de palettes de Toolki

Cet outil est très utile parce qu'il génère des palettes d'après des photos (en gros il repère les couleurs principales de l'image et les ressort). Donc si vous voulez vous accorder avec votre header par exemple, vous le sélectionnez en tant qu'image et vous utilisez les couleurs proposées, ce sera top! Et le petit plus, c'est que vous pouvez choisir combien de couleurs vous voulez qu'il propose, donc si vous avez besoin de nuances ou autres, c'est vraiment pratique!

Quand on écrit un article, c'est vrai que c'est super important qu'il soit écrit correctement, intéressant, etc. Mais si vous écrivez des pavés, ca devient vite difficile à lire. Alors du coup, la solution peut être de trouver des images pour illustrer tout ça! Et pour ce faire (ui ui j'utilise des expressions stylées moi xD), vous pouvez notamment allez sur l'un des 2 sites que je vous propose :

Site n°1 : Pinterest

Site plus que connu, il est vraiment pratique pour deux raisons : tout d'abord, une recherche génère une infinité d'images, donc normalement, obligé de trouver son bonheur. Il est vraiment facile de trouver des trucs très jolis et esthétiques (et en plus, si tu ne sais pas quoi rechercher, ta page d'accueil, basée sur ton historique, génére toute seule comme une grande des images basées sur ton hisorique. Top non ? Deuxième point fort, tu peux créer et visiter des tableaux ou tu réunis des images de thème ou d'usage similaire (par exemple "gifs", "memes", "images d'animaux tout mimis"....) C'est complètement libre!

Site n°2 : Weheartit

Un peu moins connu que Pinterest et clairement moins bien fichu aussi, Weheartit n'en reste pas moins une excellente banque d'images. Fournissant presque exclusivement des photo, tout ce qu'il y a sur ce site est dans une même harmonie, une même palette, fin je sais pas mais en gros si vous voulez que les images que vous utilisez aient une certaine harmonie (syn), c'est vraiment top! En plus on y trouve pas les même choses que sur Pinterest vraiment donc c'est assez complémentaire je trouve.

 N'hésitez pas à proposer dans les commentaires quels sites vous-mêmes utilisez afin de les faire découvrir à d'autres et bon week-end!

Votre dévouée D r e a m

PS : je compte bientôt organiser un débat, sur quel sujet aimeriez-vous qu'il soit ?

Hellow les gens !

En ce moment je dessine pas mal, et comme je suis une grosse mégalo comme ce blog est dédié au partage, je me suis dit que ça pourrait être - ou pas xD - une bonne idée de vous en montrer certains.

-----------------------------------------------

J'ai fait celui-ci vers mi-Janvier, le but étant de dessiner en utilisant plus de couleurs - paske moi des fois j'ai trop la flemme de colorier xD. J'aime bien le rouge pétant de son pull, je sais pas, ça me met trop de bonne humeur!

J'ai fait ce truc quelques jours après le dessin précédent, pour un challenge sur Insta (un DTIYS - ne vous inquiétez pas si vous ne savez pas ce que c'est, je ferais un article dessus prochainement). Je sais qu'il est un peu chelou, mais ça m'a plu de faire un truc un peu différent de ce que je fais d'habitude!

Hop, en voici un autre! J'ai fait ce dessin à l'aide d'une référence photo pour m'habituer aux bonnes proportions du visage, et je suis surtout contente de son expression parce que c'est exactement celle que je voulais lui donner. J'ai eu un peu de mal à dessiner le chemisier parce que je n'y connais rien en plis - genre je sais pas comment en mettre de manière correcte - et du coup j'avais trop peur de faire n'imp, mais en fait ça passe nan ?

Et enfin, dernier de ce que je voulais montrer, voici Scarlet! En gros c'est un perso que j'ai créé pour un projet avec ma bestie, et j'étais super stressée avant de la dessiner parce que c'est une princesse médiévale et que je savais pas du tout à quoi ça devait ressembler! Mais au final j'ai regardé plein de références dessin et photo pour voir quel genre de vêtements et de cheveux je pourrais dessiner, et je trouve que le rendu n'est pas si mal!

-----------------------------------------------

C'est tout pour aujourd'hui en terme de dessins à moi, n'hésitez pas à partager les vôtres dans les commentaires!

A bientôt pour un nouvel article,

✧ Votre dévouée D r e a m ✧