Créditez si vous prenez svp ! 

BONJOURRRRRR à vous très chers liseurs d'article ! 
Vous l'aurez sans doute remarqué ou peut être pas : j'ai changé le thème du blog. Comment ai-je procédé ? Tout d'abord, j'étais sur pinterest à la recherche d'une belle image. C'est là que je vois cette beauté, réalisée par l'artiste Sara Faber. Je transforme cette image en render avec l'outil très pratique qu'est la baguette magique. Ensuite, je cherche un fond. Et je me dis : Pourquoi pas du chocolat ? Parce que ce matin j'ai rangé ma chambre et j'ai pris plein d'images que j'avais de base imprimées pour faire du sckrabooking et je les ai scotchées au dessus de mon bureau et il y en a une qui représente du chocolat. Et comme j'étais sur mon bureau, j'avais vu sur ce chocolat. (d'ailleurs j'ai oublié de vous dire dans mon dernier article que j'avais visité un atelier où on fabrique du chocolat à Bayonne, je vous recommande de la faire si vous passez par là, c'est super intéressant et en plus il y a une dégustation à la fin de la visite.)

Du coup, j'ai trouvé ma petite image de chocolat, j'ouvre Krita, je colle mon fond, je baisse l'opacité, ensuite, je colle mon render, j'augmente la saturation et la luminosité, je le centre, ensuite, j'ajouté le "bandeau bleu" et le titre du blog et le tour est joué ! Je l'enregistre, je le met en header sur le blog et je commence à coder. J'avais vraiment envie de repartir sur de nouvelles bases donc j'ai effacé tous les codes du thème d'avant pour tout recommencer. J'ai codé pour les liens dans le menu et dans le menu de l'en tête, pour les commentaires (images + police d'écriture du pseudo), pour la menu barre j'ai pris un code d'elinae, le même que d'habitude car je ne sais pas coder entièrement la menu barre, je sais seulement la modifier, les titres de modules dans les menus et les titres d'articles et puis voilà quoi ! Tout ça rentre en 145 lignes de CSS. 

La palette de couleur : 

Plus j'ai ajouté bien sur blanc, noir et puis un gris très foncé (#333). 
VOILÀ VOILÀ ! Du coup, pour le rendu ça donne ça : 

Je suis plutôt fière de ma page d'accueil, cette présentation faite à l'aide d'une fiche de Zeloo, remodifiée par mes soins. Je suis également fière d'avoir casé cette police là : 

BLABLABLABLA

Parce que je sais pas si vous vous souvenez mais j'avais fait un article il y a quelques mois qui disait que je trouvait cette police super belle mais que je savais pas où l'utiliser etc... et je trouve que ça rend vraiment joli, ça fait pas tache. 


Pourquoi ce nom de thème ?
Eh bien tout simplement parce que j'ai utilisé en fond du chocolat et que sur le render, il y a des noix de coco. Du coup, bah "Cho-coco" c'est marrant hein xD Zavez vu j'avais trop d'inspiiii ! 

Bref, c'est la fin de cet article, j'espère que le nouveau thème du blog vous plait, je dis merci à Sara Faber pour ce render magnifique mais je dis aussi merci à Fabule, Elinae et Zeloo pour leurs codes (ainsi qu'a Kalyna pour sa liste de sélecteurs qui m'aide toujours beaucoup à coder !) 
Merci d'avoir luuuuuuuuu, bonne rentrée à ceux qui rentent bientôt en cours ou au boulot, sur ce je vais continuer à trainer sur pinterest, 
GROS BIZOUS <3

Bonjourrrrr !!!
Seulement quelques jours après le précédent, un nouveau thème ! 
En fait, je me suis hyper vite lassée du précédent et en fait je ne le trouve pas super beau. 
Certaines personnes ont vu celui-ci en cour de construction puisque je n'avais pas mis le blog hors ligne et que j'ai commencé hier après midi pour finir ce matin. 

Je crois que de tout ceux que j'ai fait, en tout cas pour mon blog, c'est celui qui m'a pris le plus de temps à élaborer. 

Pour le header, j'ai d'abord cherché sur pinterest une image de cette artiste pour trouver son nom car j'ai déjà fait des icônes (série #1)  avec des dessins d'elle mais je ne connaissais pas son nom. Une fois que j'ai eu son nom, je suis allée sur son profil art station et j'ai sélectionné cette image que j'ai ensuite modifié avec canva. J'ai téléchargé mon rendu puis je l'ai ouvert sur krita pour ajouter une ligne grise. Je suis en suite retrouvée sur canva pour ajouter les écriture puisque la police que je souhaitais beugait sur Krita. 

J'avais mon header. 
Mais il fallait ensuite que je code. J'ai enlevé tout le CSS et j'ai commencé par mettre le code pour une image supérieure à 400ko pour le header puis j'ai ajouté les codes pour les polices d'écritures etc.
J'avais un problème pour deux choses : je voulais que les liens dans mon menu de gauche soient des carrés avec des angles arrondis. Mais je ne connaissais pas le code. Alors je suis allée cherche sur le blog d'Elinae pour voir si elle n'avait pas fait un thème en LS où je pouvais récupérer le code. Il n'y avait pas. Alors je suis allée sur le blog de Fabule. J'ai trouvé le code, je l'ai ajuster pour qu'il corresponde à mes envies. 
Ensuite, je suis allée sur le blog de minuit pour prendre un code dans son kit de base en LS (www)

Dernier problème : le menu de l'en tête. J'ai copié le code que j'avais mis pour le menu de gauche et j'ai changé le sélecteur. Mais je ne savais pas comment le mettre en dessous du header, dans la marge entre l'en tête et le contenu. 
Du coup, ruse toute bête : Mon header fait 1100x600 donc la taille de l'en tête est de 600px.

J'ai changé cette valeur pour 700px, j'ai descendu le menu de l'en tête puis j'ai changé les 700px pour 600px. Le menu ne bouge pas mais le header rétrécit. 


Je suis ensuite allée sur le blog de ma sister pour regarder son article sur les transitions. 
J'ai appliqué ses instructions pour avoir une transition sur les derniers visiteurs, les liens du blog et les avatars des commentaires. 

J'ai enfin codé les commentaires et les derniers visiteurs puis je suis allée chercher un code d'Elinae pour la menu barre que je ne sais absolument pas coder.

J'ai ensuite fait des derniers réglages et ça a donné ce thème : 

Du coup pour les credits : 

- Image originale du header de Karmen Loh
- Codes de : Fabule, Dream, Elinae, Minuit et Moi. 


LES COULEURS UTILISEES : 
#8ea5a5 --> Titre des menus et des articles, menu barre, liens survolés. 

#84282a --> Liens, liens survolés dans le menu de gauche, couleur dominante du header. 

#000 --> utilisations diverses et variées

#fff --> utilisations diverses et variées

#222 --> fond de la fenêtre, liens dans le menu de l'en tête et dans le menu de gauche, autres utilisations diverses

#333 --> utilisations diverses et variées

#555 --> fond du contenu et fond des commentaires. 


C'est la fin de cette article, j'espère que le nouveau thème vous plait, n'hésitez pas à mettre votre avis en commentaire ! 
Merci d'avoir luuuuuuuuuuuuuuuu 
Bizous <3

Images de RossDraws
Créditez si vous prenez svp ! 

Bonjourrrrr ! J'avais envie d'un nouveau thème, le voici : 

(clique pour voir en plus grand) 

C'est vraiment pas ce que j'ai l'habitude de faire, je fais plutôt de grands header avec des render de filles manga. 
J'ai trainé sur pinterest pour trouver des images pour faire du sckrabooking et du coup ça m'a donné envie de faire un thème dans des tons beiges/marrons, des couleurs que J'ADORE ! 

Du coup, je n'ai fais que modifier les codes de celui d'avant, comme d'habitude. (je pense bientôt faire un thème avec de nouveaux codes)

Bref, c'est la fin de cet article de présentation, 
Merci d'avoir luuuuuuuuuuuuuu <3
Bizous ! 

Lire la suite...