AccueilFAQRechercherMembresGroupesS'enregistrerConnexion

Forum de graphisme, codage et game design proposant des tutoriels, astuces, libres services et commandes dans les domaines de l'infographie amateur, de l'intégration web (HTML et CSS essentiellement) ainsi que dans la conception de RPG sur forum.


    Relations "Bad Boy" en nuances de gris

    Partagez
    avatar
    NyoTheNeko
    FémininAge : 24Messages : 5018

    le Sam 11 Avr 2015 - 13:41

    Rappel du premier message :

    Fiche de relation





    Les effets et images


    Les images sont automatiquement en noir et blanc, bien que j'ai simplement choisi des images en noir et blanc.
    Pour modifier l'image tout en bas des liens, c'est cette ligne:
    Code:
    <div class="contour_fiche_liens_nyo" style="background: url('http://typesoftypography.files.wordpress.com/2013/12/2000px-filigrana-svg.png') no-repeat center bottom #5f6163; background-size: 450px; -webkit-filter: grayscale(100%); filter: grayscale(100%);">
    Le code couleur à la fin (#5f6163) donne la couleur de fond à la fiche.
    Il n'y a aucun effet au passage de la souris, cette fiche est très simple.
    Les gifs peuvent être de n'importe quelle taille sans déformer la fiche. Ils sont redimensionnés par le HTML à l'aide de cette ligne: background-size: auto 200px; pour les gros gifs à gauche des liens et du CSS pour les petits carrés à l'aide de ceci:  width: 90px; height: 90px; .
    Les polices utilisées sont Cookie et Waiting for the Sunrise. Vous retrouverez son link au tout début du code avant le CSS, comme ceci:
    Code:
    <link href='http://fonts.googleapis.com/css?family=Cookie' rel='stylesheet' type='text/css'><link href='http://fonts.googleapis.com/css?family=Waiting+for+the+Sunrise' rel='stylesheet' type='text/css'>
    . Vous pouvez les changer/retirer, mais pensez alors à retirer ou changer chacune de ses apparitions dans le CSS (sous la forme de font-family: 'Cookie' et font-family: 'Waiting for the Sunrise' )!

    Le code pour le premier message





    Le code pour les liens




    Dernière édition par NyoTheNeko le Dim 29 Nov 2015 - 21:19, édité 2 fois



    avatar
    dean winchester
    MasculinAge : 24Messages : 85

    le Dim 11 Oct 2015 - 23:05

    merci pour le partage :)
    avatar
    Abby Reever
    FémininAge : 26Messages : 131

    le Dim 18 Oct 2015 - 23:41

    Haaaaaaaaaaan j'adore! *-*
    avatar
    Monaka
    FémininAge : 26Messages : 132

    le Ven 23 Oct 2015 - 14:55

    c'est super merci
    Chromounette
    FémininAge : 19Messages : 10

    le Sam 24 Oct 2015 - 11:08

    Sankyuuu ♥
    avatar
    Kiona_Spencer
    FémininAge : 27Messages : 27

    le Sam 24 Oct 2015 - 19:28

    Merci beaucoup pour ce partage Very Happy
    Lupa
    FémininAge : 21Messages : 180

    le Sam 24 Oct 2015 - 21:40

    Merci beaucoup =D



    To die would be an awfully big adventure... ~ Peter Pan, James M. Berrie.
    avatar
    Pocki
    FémininAge : 24Messages : 20

    le Lun 2 Nov 2015 - 21:52

    wow super merci! **
    avatar
    Coccinelle
    FémininAge : 21Messages : 47

    le Mar 3 Nov 2015 - 11:09

    Merci ! **
    avatar
    Sorayel
    FémininAge : 18Messages : 36

    le Dim 8 Nov 2015 - 15:57

    Merci du partage ~
    avatar
    GaaraXGaara
    MasculinAge : 28Messages : 49

    le Lun 9 Nov 2015 - 15:34

    Merci. Very Happy



    Je préfère avoir la maladie de parkinson que la maladie Alzheimer, pourquoi?
    Parce que je préfère renverser une goutte de mon verre que d'oublié de le boire.


    :nawak:
    avatar
    Fleazy
    FémininAge : 17Messages : 31

    le Mar 10 Nov 2015 - 16:49

    Tres jouli Very Happy
    avatar
    moumoune
    FémininAge : 28Messages : 60

    le Mar 10 Nov 2015 - 18:44

    Trop beau
    avatar
    Ptite Louve
    FémininAge : 27Messages : 33

    le Jeu 19 Nov 2015 - 12:10

    joli, merci du partage :)
    avatar
    Valingaï
    FémininAge : 27Messages : 9

    le Sam 19 Déc 2015 - 18:27

    J'aime beaucoup !
    avatar
    Nutop
    FémininAge : 15Messages : 254

    le Dim 20 Déc 2015 - 18:06

    Merciiiii :3






    avatar
    QueenDancing13
    FémininAge : 21Messages : 103

    le Lun 28 Déc 2015 - 9:00

    Très jolie !!!



    avatar
    The_Scream
    FémininAge : 24Messages : 41

    le Lun 28 Déc 2015 - 17:05

    Merci ! Very Happy



    ~That's the hell said no ~


    avatar
    ShaluaRui
    FémininAge : 25Messages : 6

    le Sam 9 Jan 2016 - 21:18

    Wof je suis juste époustouflée !
    Bravo t'as fourni un travail de ouf pour faire ça et merci à toi ! ♥︎
    avatar
    Lucia-san
    FémininAge : 18Messages : 65

    le Dim 10 Jan 2016 - 11:01

    Merci du partage ! C'est très jolie et styley o/ !
    avatar
    Marion Navi
    FémininAge : 24Messages : 182

    le Dim 10 Jan 2016 - 13:12

    merci
    avatar
    Hatsuharu
    FémininAge : 27Messages : 34

    le Dim 10 Jan 2016 - 20:17

    Merci :3 ♥
    avatar
    Lyo Jen
    MasculinAge : 21Messages : 42

    le Dim 7 Fév 2016 - 3:11

    Merci !
    avatar
    Talesof91
    FémininAge : 27Messages : 83

    le Dim 7 Fév 2016 - 21:59

    Trés jolie code, j'aime beaucoup les coins arrondis et le fait qu'on puisse mettre une image en haut et en bas ^^
    avatar
    Lizbeth
    FémininAge : 21Messages : 164

    le Lun 29 Fév 2016 - 19:57

    merci !
    avatar
    Paradise
    FémininAge : 25Messages : 22

    le Ven 4 Mar 2016 - 23:43

    Merci pour le partage tropppp beau! =)
    Contenu sponsorisé


      La date/heure actuelle est Lun 16 Juil 2018 - 18:29