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 : 23Messages : 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
    Chèlha
    FémininAge : 24Messages : 121

    le Lun 25 Mai 2015 - 21:13

    Merci
    avatar
    Jessabelle
    FémininAge : 23Messages : 103

    le Lun 1 Juin 2015 - 18:26

    Superbes fiches :)
    avatar
    Selmacke
    FémininAge : 27Messages : 79

    le Mer 3 Juin 2015 - 10:44

    Je te remercie du partage :)
    avatar
    Kyuusei Ban
    FémininAge : 24Messages : 54

    le Ven 5 Juin 2015 - 22:19

    Merciii :3
    avatar
    Loud Clash
    MasculinAge : 23Messages : 53

    le Dim 7 Juin 2015 - 6:22

    Merci ! Very Happy
    avatar
    Nerynn
    FémininAge : 22Messages : 16

    le Lun 8 Juin 2015 - 19:41

    Jouli ! *^* Merchi !
    avatar
    Laura.W
    FémininAge : 21Messages : 41

    le Lun 8 Juin 2015 - 21:14

    Très sympa ! Très élégant ! Merci beaucoup !
    avatar
    Lauria
    FémininAge : 16Messages : 39

    le Ven 12 Juin 2015 - 1:57

    Merci ! *-*
    avatar
    SunshineD
    FémininAge : 27Messages : 103

    le Ven 12 Juin 2015 - 11:39

    J'adore c'est superbe!
    avatar
    Black Moon
    FémininAge : 21Messages : 101

    le Ven 12 Juin 2015 - 14:21

    Superbe merci !
    avatar
    Crystal ZA
    FémininAge : 20Messages : 26

    le Sam 13 Juin 2015 - 19:51

    Magnifique merci !
    avatar
    fraumali
    FémininAge : 37Messages : 114

    le Sam 13 Juin 2015 - 21:16

    Bonjour ou Bonsoir et merci de ce partage
    avatar
    Jasmée
    FémininAge : 25Messages : 43

    le Lun 15 Juin 2015 - 22:20

    C'est magnifique, merci beaucoup ! ♥
    avatar
    Chacal
    FémininAge : 19Messages : 13

    le Lun 22 Juin 2015 - 16:42

    Merci! **
    avatar
    EleaD
    FémininAge : 22Messages : 13

    le Mer 24 Juin 2015 - 18:35

    Superbe ! Merci !
    avatar
    Mattyew
    MasculinAge : 23Messages : 61

    le Dim 28 Juin 2015 - 0:30

    Elle est trop classe ** thank
    avatar
    Whisper
    FémininAge : 20Messages : 34

    le Lun 29 Juin 2015 - 12:17

    C'est superbe ! Merci du partage :friends:
    avatar
    G U E R L A I N
    FémininAge : 26Messages : 154

    le Mar 30 Juin 2015 - 3:11

    tres simpa merci Very Happy



    avatar
    Yuna Azalé
    FémininAge : 20Messages : 80

    le Mar 30 Juin 2015 - 19:29

    Jolie, merci !
    Amako
    FémininAge : 18Messages : 17

    le Ven 3 Juil 2015 - 12:10

    Maaarci
    avatar
    Mushu
    FémininAge : 19Messages : 68

    le Mer 15 Juil 2015 - 11:08

    Merci !
    avatar
    Patdrue
    FémininAge : 27Messages : 153

    le Mer 22 Juil 2015 - 12:16

    yoho! SUBLIME!
    avatar
    Polymnie
    FémininAge : 24Messages : 35

    le Lun 27 Juil 2015 - 23:48

    Superbe ! Merci pour le partage ! *o*
    avatar
    Treize Sillver
    FémininAge : 17Messages : 21

    le Jeu 30 Juil 2015 - 22:24

    Merci ! =D
    avatar
    Alys19
    FémininAge : 24Messages : 46

    le Dim 9 Aoû 2015 - 19:51

    Magnifique, merci!!!
    Contenu sponsorisé


      La date/heure actuelle est Sam 24 Juin 2017 - 5:27