11 sept. 2010

(Blogger) Modifier les photos

Là encore, une ligne CSS commune à toutes les plateformes.

Il est possible de modifier l'affichage des photos, de leur rajouter un fond et une bordure pour les mettre en valeur.

Vous devez vous rendre dans votre CSS : Présentation > Modifier l'HTML et complétez la ligne avec ce qui est en rouge.

Si la ligne n'existe pas, rajoutez-là

MODIFICATION DES FONDS

img {background-color:red;background-image:url(adresse de la texture);background-image:url(adresse de l'image);background-repeat:no-repeat;background-position:center;padding:30px;}
Vous effacez ce qui ne vous convient pas, sachant que
background-color : red met une couleur dans le fond, voir les codes couleurs
background-image : url(adresse de la texture) met une texture qui se répète dans le fond
background-image : url(adresse de l'image);background-repeat:no-repeat; background-position:center met une image centrée qui ne se répète pas
padding:30px; correspondant à la largeur du fond autour de la photo. Modifiez le nombre de px à votre convenance
Pour en savoir plus sur les background

AJOUT D'ENCADREMENTS
img {border:solid 1px #D8D7D7}
Pour en savoir plus sur les bordures : créer vos encadrements

Aucun commentaire:

Enregistrer un commentaire

1/ Choisissez Nom/URL comme profil pour poster, si vous hésitez
2/ Si vous désirez une aide personnalisée, pensez à laisser l'adresse de votre blog, ce qui me permettra de tester.
3/ Vous pouvez vous abonner par email pour suivre les réponses de cet article (lien sous la zone de rédaction du commentaire)