Tumblr est comme Myspace en ce sens que vous pouvez personnaliser vos thèmes. Ces hacks utilisateur vous permettront de changer l’aspect complet de la mise en page que vous utilisez. Ici, je montre comment analyser, modifier et pirater votre thème Tumblr.
Assurez-vous de regarder cette vidéo également; il ajoute une profondeur supplémentaire dans la façon d'analyser votre feuille de style de thèmes.
N'oubliez pas que si vous déterminez à quoi chaque élément CSS de votre page fait référence, vous pouvez essentiellement changer l'apparence de votre thème Tumblr à l'aide de CSS uniquement. La raison pour laquelle nous sommes en mesure d'ajouter notre propre CSS et de le remplacer par le CSS du thème actuel est un des facteurs clés de Cascading Style Sheets, la cascade. Vos styles entrés par l'utilisateur auront priorité sur les styles par défaut du thème.
1) Affichez votre profil Tumblr et cliquez sur Personnaliser en haut à droite (si vous utilisez un thème étrange, il se peut qu'il apparaisse dans d'autres parties de la page)
2) La barre d’outils de personnalisation apparaît en haut de votre page. Cliquez sur Avancée
3) Sous Ajouter un CSS personnalisé est l'endroit où vous allez saisir les CSS que vous souhaitez modifier sur la page. Vous le tapez dans juste comme vous le feriez dans un fichier .css. Veillez à utiliser le format approprié et à vous référer aux sélecteurs et classes existants. Si vous essayez de définir une règle de style pour quelque chose qui n'existe pas dans le style du thème, vous ne verrez aucun changement. La vidéo ci-dessus explique en détail comment trouver les balises exactes d'un thème.
4) Juste pour des exemples, j'ai défini des règles de style pour 3 choses sur ma page: corps, en-tête et contenu.
5) Et une fois que vous avez saisi votre code CSS personnalisé, cliquez sur “sauvegarder”Dans la barre d’outils de personnalisation Tumblr.
Et mon thème avec son nouveau CSS personnalisé:
Note de l'éditeur:
Comme Chris le montre dans la vidéo, le piratage de fichiers css est beaucoup plus facile avec l'extension firefox Firebug. Une fois installé, vous pouvez cliquer avec le bouton droit sur l’élément que vous souhaitez éditer et sélectionner Inspecter l'élément. Cela vous donnera la navigation et la description correctes de l'élément. Si vous ne connaissez pas encore CSS, vous pouvez commencer par prendre quelques leçons.