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 noir et le fond vert.

 

II- Scrollbar de la page :

Note : Le scrollbar c'est la barre de défilement qu'il y a à droite de l'écran. Sur ce blog, je l'ai mis en noir.

/!\ Ne fonctionne pas avec tous les navigateurs.

Pour les personnes utilisant chrome, vous pouvez voir que le scrollbar de mon blog à été personnalisé. Voilà le code :

::-webkit-scrollbar {
    width: xpx; /*-Largeur de toute la scrollbar fond+barre-*/
    height: 0px; /*-Hauteur automatiquement à 0-*/
} 
::-webkit-scrollbar-track {
    background-color: #couleur; /*-Couleur du fond-*/
}
 
::-webkit-scrollbar-thumb {
    background-color: #couleur; /*-Couleur de la barre qui défile-*/
}

 

III- Citation 

Code pour personnaliser le bloc "citation" dans vos articles. Codes CSS en vrac 
(C'est ce que j’utilise pour mettre en avant les codes CSS ou HTML dans mes articles.)

blockquote {propriété: valeur;}

 

IV - Annuler le JavaScript

L'astuce qui sauve la vie quand on a entré un code JS qui fait tout planter !

Rien de plus simple, ajoutez /?disablescripts à l'URL de votre blog et le JavaScript sera désactivé. Cela vous permettra ainsi d'avoir de nouveau accès à votre espace personnel et de retirer le mauvais code.

Exemple :

http://kaly-codes.ek.la/?disablescripts
Retour à l'accueil