Comment ajouter un logo personnalisé à votre header Tumblr (style WikiAnswers)
Les thèmes par défaut de Tumblr ne supportent pas de logo barre supérieure persistant. Pour obtenir ce style WikiAnswers « A bleu avec trois traits » toujours visible, il faut un thème custom.
Deux voies
1. Installer un thème pré-fait (Pas de code)
- Parcourez le jardin de thèmes officiel Tumblr ou marketplaces comme ThemeForest.
- Filtrez « header logo », « custom header image », ou « branding ».
- Prévisualisez → Installez → Personnalisez → Uploadez votre logo (SVG/PNG, fond transparent).
2. Construire le vôtre (HTML/CSS)
- Activez « Edit HTML » dans le personnalisateur de thème.
- Dans ``, ajoutez votre logo SVG ou `
` dans un `
` à position fixed. - Stylez en CSS : `position: fixed; top: 0; left: 0; right: 0; z-index: 9999; background: white;`.
- Sauvegardez. Testez mobile/desktop.
Snippet minimal :
<style> #custom-header { position:fixed; top:0; left:0; right:0; height:48px; background:#fff; border-bottom:1px solid #eee; display:flex; align-items:center; padding:0 16px; z-index:9999; } #custom-header img { height:28px; } body { padding-top:48px; } </style> <header id="custom-header"><img src="YOUR_LOGO_URL" alt="Logo"></header> Si vous n'êtes pas à l'aise avec le code, la voie 1 est plus rapide et sûre.