• Menu déroulant au survol de la souris 

    Code à mettre dans la partie CSS.

    Etant donné que le code CSS est très long, j'ai déjà rendu le code un peu plus lisible. Les mots en noir sont des commentaires, ils ne seront pas pris en compte dans votre code css.

    /* TITRE */

    Remplacer POLICE par la police d'écriture que vous souhaitez. Ex : calibri.

    Le X désigne la taille du titre.

    Le premier COLOR désigne la couleur du titre alors que le deuxième COLOR désigne la couleur du fond du titre. Remplacer COLOR par le code couleur ou la couleur en anglais de votre choix.

    La ligne width correspond à la largeur de votre menu.

    La dernière ligne correspond à l'opacité. Elle va de 0 à 1.

    /* SOUS LIENS */

    La ligne width correspond à la largeur de votre menu.

    La ligne height correspond à la taille qui va s'afficher quand vous survolez le menu. Si vous rajoutez un lien, il faudra agrandir la valeur.

    Remplacer POLICE par la police d'écriture que vous souhaitez. Ex : Times New Roman.

    Le X désigne la taille des liens.

    Le premier COLOR désigne la couleur des liens alors que le deuxième COLOR désigne la couleur du fond des liens. Remplacer COLOR par le code couleur ou la couleur en anglais de votre choix.

    /* SOUS LIENS AU SURVOL */

    Le premier COLOR désigne la couleur des liens au survol alors que le deuxième COLOR désigne la couleur du fond des liens au survol. Remplacer COLOR par le code couleur ou la couleur en anglais de votre choix.

    Pour le reste des valeurs, vous pouvez les modifier comme vous souhaitez. Il faut juste chipoter pour que tout soit correct.

    /!\ Si jamais le premier lien apparait, il faut changer la valeur de la ligne en vert.

    /* TITRE */
    .nav {
        font-family: POLICE;
        font-size: Xpx;
        margin-bottom: 25px;
        margin-top: 10px;
        text-align: center;
        background-color: COLOR;
        color: COLOR;
        width: 200px;
        display: block;
        opacity: 1;
    }

    /* SOUS LIENS */
    .navbar {
        width: 200px;
        height: 70px;
        overflow: hidden;
        -webkit-transition: all 2s ease;
        -moz-transition: all 2s ease;
        -o-transition: all 2s ease
    }

    .navbar:hover {
        height: 210px;
    }

    .navig a {
    letter-spacing: 1px;
    font-family: POLICE;
    font-size: Xpx;
    text-align: center;
    margin-bottom: 0px;
    background-color: COLOR;
    color: COLOR;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    display: block;
    padding: 5px;
    }

    /* SOUS LIENS AU SURVOL */
    .navig a:hover {
        background-color: COLOR;
        color: COLOR;
        letter-spacing: 2px;
        text-align: center;
        padding-left: 40px;
    }

     

    Code à mettre dans la partie HTML.

    Remplacer TITRE par le titre de votre menu.

    Remplacer NOM DU LIEN 1 par le nom de votre lien.

    Remplacer LIEN 1 par l'url de votre lien.

    Faites la même chose pour tous les liens. Vous pouvez rajouter autant de liens que vous voulez.

    /!\ Si vous rajoutez un lien, n'oubliez pas de modifier la ligne mauve du code css.

    <div class="navbar">
    <div class="nav" style="text-align: center;">TITRE</div>
    <div class="navig" style="text-align: center;"><a href="LIEN 1">NOM DU LIEN 1</a> <a href="LIEN 2">NOM DU LIEN 2</a> <a href="LIEN 3">NOM DU LIEN 3</a> <a href="LIEN 4">NOM DU LIEN 4</a> <a href="LIEN 5">NOM DU LIEN 5</a></div>
    </div>

    8 commentaires
  • Bannière - Juin 2016

    Une petite bannière que j'ai fait à la va vite un soir pour montrer mon niveau en graphisme à Elinae (Même si elle le connaissait déjà). Cette bannière a un autre niveau que mes précédentes créations, simplement parce que j'ai ENFIN trouvé comment mettre une texture. Oui oui, jusque là, je les mettais à l'arrache.. Enfin bref. Je pense que c'est un peu l'ombre du render qui pose problème, mais j'aime plutôt bien. J'aime principalement les couleurs vives, qui donnent une apparence plus harmonieuse à la création.


    7 commentaires
  • Broods est un duo composé de Georgia Nott au chant, avec son frère aîné et multi-instrumentiste Caleb Nott. Le genre de ce groupe est l’Indie pop, l’Electronica ou encore le Trip hop. Ils sont toujours d’actualité en 2016 et totalise pour le moment 3 albums ; Broods, Evergreen et Conscious. J’apprécie quelques-unes de leurs musiques, en particulier celle-ci-dessous dont le clip reste l’un de mes préférés.



    2 commentaires
  • Comme je sais que vous adorez que je raconte ma vie, je vais encore le faire aujourd'hui. Alors, par quoi commencer ? Déjà, je ne pars pas du tout en vacances. Simplement, parce que je n'ai pas envie ni l'argent pour ça. Puis, la Belgique c'est cool, okay ? Ensuite, il faut savoir que j'ai deux examens le 30 et 31 août (Je l'avais déjà dit il me semble). Je vais quand même étudier un minimum pour les réussir et ainsi passer dans mon année supérieure (Cherchez pas, le système scolaire Belge est compliqué). Sur la plateforme, je participe au concours d'infographie d'Elinae ainsi qu'un Quizz fait par Mad Hatter. Je vais sûrement aussi faire du RP, parce que j'aime bien et que ça m'occupe. Oh, et demain je vous ferai un article sur Pokémon Go que j'ai téléchargé hier ! Voili, voulou. ~


    5 commentaires
  • [TAG] Juste pour vous montrer que ma vie est géniale 

     As-tu une habitude étrange ?

    Etant donné que tout est étrange chez moi, je ne sais pas trop.

     As-tu une phobie bizarre ?

    Nope, j'ai juste peur des araignées. :c

     Une chanson que tu aimes secrètement chanter à tue-tête quand tu es seule ?

    Je ne sais pas trop.

     Une de tes plus grosses bêtes noires ?

    Les araignées. Surtout les grosses noires poilues horribles là. T.T

     Une habitude quand tu es nerveuse ? 

    Je ronge mes ongles.

     De quel côté du lit dors-tu ?

    Je dors généralement du côté gauche. o/

     Ton 1er animal en peluche et son nom ?

    Le tout premier que j'ai eu.. Je ne sais plus trop. Mais, le plus important est une vache, que j'ai appelé Vachette. :3

     Quelle boisson commandes-tu chez Mac Do ?

    Sprite.

     Quel est ton plat mal bouffe préféré mais que tu aimes manger malgré tout ?

    Oh, il y a tellement de trucs. Je dirai les mitraillettes (C'est une baguette avec de la viande, de la sauce et des frites).

     Quelle phrase ou exclamation dis-tu toujours ? 

     "Tu vois" // "Tu sais" // "Et tout"

     Que portes tu pour dormir ?

    Un pyjama, parce que c'est cool les pyjamas.


    2 commentaires



    Suivre le flux RSS des articles
    Suivre le flux RSS des commentaires