↓ Petit code qui vous permettra de changer l'apparence de votre blog selon l'article ou la rubrique. Par exemple, sur mon blog Aoi Sora, le header change selon la rubrique (Animes, Manga, Novel...). Chaque lien actif a également une couleur différente....
Grid, qu'est-ce que c'est ? Avant de commencer, petite explication. Comme les tableaux, grid (ou grille) permet d'aligner des éléments sous forme de colonnes et de lignes. À la différence des tableaux, grid n'a pas de structure de contenu. Ainsi, on peut...
Hello ! ~ Cela faisait hyperrrrr longtemps que je n'avais pas fait de graphisme, comme je l'ai dit dans je ne sais plus quel article je n'en fais même plus du tout mais depuis quelques jours j'avais trop envie de faire une créa sur l'anime My Hero Academia....
Petit tuto pour modifier les boutons et champs de texte des modules "Recherche" et "Newsletter". Rechercher Pour personnaliser la barre de recherche, il vous suffit d'utiliser ce sélecteur : . module_menu_type_search [ name = "q" ] {width: 100%;} Si,...
Évidemment, à la place de #selecteur, vous mettez votre sélecteur . Bordures : Ajouter une bordure à un module, une image ou autres : #sélecteur {border: 1px style #color;} Ou vous pouvez faire côté par côté avec top , bottom , left et right : #sélecteur...
3 codes CSS pour personnaliser votre blog + 1 astuce qui sauve la vie. I- Sélectionner le texte : :: selection {background: #couleur; color: #couleur;} : : -moz-selection {background: #couleur; color: #couleur;} Sur ce blog, le texte sélectionné devient...
Avant de commencer, voici une petite liste de sélecteurs pour les commentaires. (Voir la liste complète) Sélécteurs Notes .comment_normal Commentaire en général .comment_admin Commentaire de l'admin div . commentheader En-tête des commentaires (Date,...
Bonjour ! Petite astuce pour mettre des flèches qui vous permettront de monter ou de descendre plus rapidement de votre page. Le code est en deux parties, une HTML et une CSS. Partie HTML.
I- Globalement, c’est quoi ce truc ? Pour les débutants ça peut paraître compliqué alors que pas du tout ! En fait, il suffit juste de déplacer son module (ou menu) de sorte qu'il soit invisible/hors de votre page, donc de le cacher avec une position...
Module coulissant sur le côté
Poèmes, récits, fanfictions, romans et bien d'autres, bon nombre de blogueurs partagent leurs écrits sur le net. Le réseau le plus connu reste Wattpad. Pour ceux qui publient autant sur leur blog que sur Wattpad, saviez-vous que le site proposait un widget...
Bonjour, Petit article pour vous montrer comment déplacer un module de façon à ce qu'il soit positionné au bon endroit quelles que soient les résolutions d'écran. Oui, parce qu'une chose très chiante quand on crée un thème, c’est lorsqu'il s'affiche différemment...
► Je ne sais pas comment appeler ça...^^ bref, les images parlent d'elle-même (image 2, au survol). Il s'agit de mettre un fond derrière vos liens. Pour ceux qui me suivent depuis un petit moment, c'était mon ancien menu (thème #2). Je n'avais pas trouvé...
Ce sont des codes HTML, ils sont donc à copier dans le code source d'un module, article, page ou autres de votre blog. I- La base Par défaut, le texte défilant sera de droite à gauche. Votre texte ou images II-...
Tout est dans le titre, si vous cherchez un sélecteur CSS que vous ne connaissez pas, vous pouvez soit regarder si le sélecteur n'est pas dans cette liste, soit le chercher vous-même sur votre blog avec cette méthode : 1- Clic droit sur l'élément dont...
Hello ~♪ Après trois mille ans sans poster d'article, je reviens avec un nouveau thème ! C'est la V2 ? ou la V3 ? Je ne sais plus, mais encore une fois, j'ai cherché à faire au plus simple, notamment en me débarrassant du menu de droite tout dégueulasse....
Pour modifier quelque chose sur son blog ce n'est pas compliqué, comme d'habitude le plus important est de connaître les sélecteurs (voir la liste), après c'est toujours la même chose "border", "background", "border-radius".... Aujourd'hui, je partage...
Les codes CSS: 1er, le curseur (flèche) normal. La flèche habituelle. html , body { cursor : url ( "URL CURSEUR" ) , auto ; } 2ème code: le curseur au survole d'un lien, la main. html , body a { cursor : url ( "URL CURSEUR" ) , auto ; } Ajouter un curseur:...
En mettant mes paramètres à 0, les messages sur le forum ressemblent à ça: C'est moche et pas très clair. Commençons par le commencement. 1- L'en-tête (Avec date) . post_table_head { height : 30px ; /*hauteur*/ line-height : 30px ; background : #B55F98...
Avant de copier/coller le code. N'oubliez pas de mettre vos paramètres à 0. Police, marges ect. Notamment pour Menu1, Contenu + commentaire et boutons & champs. Ou il risque d'y avoir des décalages. Seule chose à ne pas décocher, "Automatique (centré)"...
- Créditer / Prévenir en commentaire ou par MP si vous prenez un thème - Préciser quelque part sur votre blog que le thème est de moi si ce n'est pas déjà fait (mais normalement c'est déjà noté dans le pied de page, donc c'est bon). - Si vous souhaitez...
Ça fait longtemps que je n'ai pas fait de header... et je ne comptais pas en refaire mais comme j'aimais bien le render...eh bah voilà ^^ Taille: 1050p*400px - Créditer / Prévenir en commentaire ou par MP si vous prenez un header.- Ne pas retirer mon...
Taille réelle : 1150*600px. Le Header est assez grand, si vous souhaitez le redimensionner afin qu'il convienne à votre blog, n'hésitez pas à le faire ou à me demander. - Créditer / Prévenir en commentaire ou par MP si vous prenez un header. - Préciser...
Bonjour, comme vous pouvez le voir le blog a fait peau neuve ! Enfin ! Je dois dire que je n'avais jamais pris le temps de faire un thème pour ce blog secondaire, et bien que je ne sois pas totalement fan de ce nouveau thème c'est toujours mieux que l'ancien...
Vous savez tous sans doute que pour changer une image au survol en CSS il faut utilisé :hover, exemple: #header :hover Mais là, rien à voir, je vais vous montrer comment faire en HTML pour vos articles ou modules. Je vous préviens ça va être très très...
Pour les widgets de page Facebook: Rendez-vous sur ce site. Twitter: /!\ Le Javascript doit être activer sur votre blog /!\ S'il n'est pas activé contactez le support, ici. Il existe différents types de Widget, (Profil, j'aime, Liste etc.) Mais peu importe...
/image%2F0913294%2F20250330%2Fob_0bc76c_381-3812853-chibi-sticker-green-chibi.png){kind=avatar}