Que signifie CSS sur Tumblr ?

Tumblr offre plusieurs méthodes de personnalisation, la plus importante étant la feuille de style en cascade, ou CSS. En ajoutant des CSS personnalisés, vous pouvez changer certains éléments de votre page Tumblr. Avant de modifier ou d’ajouter des CSS, renseignez-vous sur les éléments HTML et la façon dont ils sont modifiés.

Comprendre la CSS

CSS signifie Cascading Style Sheet, un outil pour contenir le formatage des éléments HTML : au lieu d’ajouter le même code à chaque élément que vous voulez modifier, vous pouvez ajouter quelques lignes à votre feuille de style qui changent chaque élément de la même manière. De nombreux sites Web créent une feuille de style unique et la lient à chaque page qu’elle modifie, de sorte que lorsqu’un élément est modifié, il n’a besoin d’être modifié que dans un seul fichier. Tous les navigateurs modernes reconnaissent les CSS.

Utilisation de CSS sur Tumblr

L’ensemble de votre Tumblr utilise une seule feuille de style, le CSS personnalisé que vous ajoutez affectant chaque message et chaque page de votre blog. CSS peut être personnalisé à deux endroits sur Tumblr : sous le menu « Avancé » sur la page de personnalisation de Tumblr ou dans la feuille de style Theme sous « Theme » ; « Use Custom HTML ». La modification du thème devrait être réservée aux utilisateurs qui sont familiers avec Tumblr et qui ont une compréhension avancée du CSS et du HTML.

Modifier Tumblr en CSS

Vous pouvez modifier presque n’importe quoi à l’aide de la fonction CSS personnalisée. La plupart du temps, les utilisateurs modifient leurs images d’arrière-plan, mais vous pouvez aussi l’utiliser pour modifier la taille, la couleur et la police de votre texte Tumblr, ainsi que la façon dont les liens sont affichés. CSS peut modifier n’importe quel élément de votre page Tumblr ; vos limitations ne sont liées qu’à votre compétence avec les éléments CSS et Tumblr, bien que tous les thèmes Tumblr ne se comportent pas de manière uniforme.

CSS personnalisé de base

Lorsque vous ajoutez un CSS personnalisé à Tumblr, vous devrez ajouter l’élément entier, body {}, afin que Tumblr reconnaisse le CSS. Par exemple, si vous voulez ajouter une image de fond, le CSS est « body {background-image : URL(imageurl) ; »} » avec votre image de fond hébergée sur un service comme Photobucket ou Dropbox. Vous pouvez aussi modifier la police dans la balise body : « font-size : 12px ; » change la taille en pixels, « colour : #FF00FF ; » change la couleur et « font-family : times new Roman ; » change la police. L’élément entier ressemblerait à : « body {background-image : URL() ; font-size : 12px ; font-family : times new Roman ; color : #FF00FF;} ». Pour d’autres exemples de CSS, consultez la rubrique W3Schoolsur w3schools.com/css/css/css/css_examples.asp.