Base de connaissances utilisation personnalisée CSS pour centrer bannière et d'autres conseils bannière
Centrer une bannière
Par défaut, le drapeau est positionné à 15 pixels à la fois de la zone de bannière en haut et à droite. Si vous souhaitez modifier la position de l'image de la bannière au centre de la zone de bannière, au Design> CSS personnalisé, vous pouvez entrer dans le CSS suivant:
Retrait Rembourrage Bannière
Typepad applique automatiquement une bannière de 15 pixels à la frontière de chaque côté de la bannière. Si vous souhaitez utiliser la zone complète de bannière, vous pouvez retirer le rembourrage. Aller à la conception> CSS personnalisé et coller dans le code suivant:
S'il vous plaît noter que vous devez remplacer XXX avec la hauteur réelle de votre bannière.
Affichage du titre et description texte sur une image de la bannière
Si vous souhaitez utiliser une bannière comme une image d'arrière-plan, mais souhaitez conserver votre nom de blog et texte Description, vous pouvez utiliser le code suivant. Notez que vous devrez télécharger le fichier image de la bannière via la bibliothèque> Gestionnaire de fichiers et de modifier l'URL et la hauteur pour correspondre à votre bannière spécifique.
Ajout d'image de la bannière à une conception avancée Modèle
Si vous utilisez un modèle avancé, vous aurez besoin de modifier le thème à l'aide de feuilles de style CSS modèle pour afficher une bannière image sur votre blog.
Tout d'abord, allez à la bibliothèque> Gestionnaire de fichiers et télécharger l'image que vous souhaitez utiliser pour votre bannière là-bas. Cliquez dans le fichier et copiez l'URL dans la barre d'adresse de votre navigateur.
Après avoir téléchargé l'image de la bannière à votre gestionnaire de fichiers, vous pouvez ajouter le code CSS pour votre bannière d'image à votre modèle Stylesheet. A la conception> Modèles> Thème Stylesheet, recherchez la rubrique:
Le code dans cette section devra être remplacé par le code:
S'il vous plaît noter que vous pouvez également intégrer les autres conseils CSS ci-dessus dans la feuille de style à thème en ajoutant les attributs aux classes ci-dessus. Pour centrer la bannière, par exemple, vous pouvez ajouter background-position: center; à la classe #banner dans le thème Stylesheet