• Taille de la Gardienne max sur la page d'accueil

     

     Rappel : un tuto pour utiliser Stylus est disponible sur cette page.

     

    Aperçu avant / Après

    Taille de la Gardienne max sur la page d'accueil

    Cliquez pour agrandir.

     

    Code

    /*-GARDIENNE-*/
    #home-left-container #home-avatar-player {

    max-height: none;
    margin-top: -120px;
    }

     

    Explications :

    max-height: none; → annule la redimention, rendant ainsi la taille d'origine à votre gardienne.
    margin-top: -120px; → j'ai ajouté une marge négative afin de remonter la gardienne sur la page. Changez la valeur -120 si besoin, tout dépent de la taille de votre écran.

     

    + Points positifs.

    1. Visibilité de votre gardienne améliorée.
    2. Lorsque vous enregistrez l'image de votre gardienne sur votre PC, l'image s'enregistrera directement en grand format.

     

    - Points négatifs.

    1. La gardienne étant plus grande que la hauteur de votre page, il est possible que vous ayez besoin de scroller la page d'accueil. Mais rien de bien méchant ou dérangeant pour ma part. Changer la marge comme expliqué plus haut peu palier (plus ou moins) à ce problème. 

    Tags Tags : , ,
  • Commentaires

    Aucun commentaire pour le moment

    Suivre le flux RSS des commentaires


    Ajouter un commentaire

    Nom / Pseudo :

    E-mail (facultatif) :

    Site Web (facultatif) :

    Commentaire :