Comment ajouter Ombre à Blogspot

September 15

La plate-forme Blogspot vous permet de modifier le code HTML directement dans l'éditeur de votre poste. Dans le code HTML de vos messages, vous pouvez utiliser le CSS "box-shadow" propriété. La propriété box-shadow vous permet de créer une ombre portée pour une div, paragraphe ou balise d'image. Vous définissez la largeur et la couleur de l'ombre lorsque vous spécifiez l'ombre portée, et il affiche immédiatement dans votre post Blogspot.

Instructions

1 Ouvrez un navigateur Web et connectez-vous à votre tableau de bord Blogspot. Cliquez sur un message que vous souhaitez modifier, puis cliquez sur l'onglet "Modifier le code HTML" pour afficher le HTML brut pour le poste.

2 Recherchez l'élément HTML que vous souhaitez modifier. Par exemple, si vous voulez poster une goutte-ombre derrière un paragraphe de texte, vous devez placer le style CSS dans le "<p>" définition de la balise.

3 Ajoutez la classe d'ombre portée au code de balise HTML. Le code suivant est un exemple d'utilisation de la classe CSS box-shadow pour ajouter une ombre derrière un paragraphe de texte:

<P id = "content" style = "box-shadow: box-shadow 3px 3px 3px # 000000;"> Mon contenu </ p>

Le code ci-dessus présente une goutte-ombre noire qui est trois pixels de largeur autour du fond et les côtés droit du paragraphe.

4 Cliquez sur le bouton "Mettre à jour" pour enregistrer les modifications apportées à vos messages blog. Ouvrez le blog dans un onglet du navigateur pour examiner les modifications.


          

Post a comment: