10 avril 2013

Afficher la page d'album dans une boîte

En fait ce n'est pas la page d'album qui s'affichera dans une boîte mais plus exactement l'image de couverture et la description de l'album comme vous pouvez le voir dans l'image suivante :

boites_page_album

Pour obtenir ce résultat, il suffit d'ajouter le sélecteur (.albumdesc) complété des propriétés déjà indiquées dans les articles précédents sur le sujet :

 

.albumdesc {
    background-color: #353B36;
    padding: 10px;
    margin-bottom: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
}

 

Pour que l'image de couverture de l'album (.albumcover img) s'affiche de façon harmonieuse, on devra lui ajouter une marge extérieure en haut et à gauche :

 

.albumcover img {
    margin: 10px 0 0 10px;
}

 

Ne pas oublier de modifiez la propriété color (couleur des caractères) dans les sélecteurs suivants :

 

.albumbody
.albumbody p

Posté par Michal53 à 10:00 - - Permalien [#]
Tags : , , , , , , , ,