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

    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
    A-Lice
    FémininAge : 24Messages : 4939

    le Sam 18 Avr 2015 - 16:37

    Nyo, tu me vends du rêves :



    En dehors de ça, c'est parfait Cool

    avatar
    NyoTheNeko
    FémininAge : 24Messages : 5018

    le Sam 18 Avr 2015 - 17:56

    Contente que ça augmente ta galerie d'impressions d'écran =P



    avatar
    A-Lice
    FémininAge : 24Messages : 4939

    le Dim 19 Avr 2015 - 17:09

    Tu n'imagines pas xD

    avatar
    littleone
    MasculinAge : 26Messages : 10

    le Dim 19 Avr 2015 - 21:45

    Très bien fait^^
    avatar
    Sephy
    FémininAge : 24Messages : 139

    le Lun 20 Avr 2015 - 0:59

    woah c'est trop beau ! merci pour le partage ♥
    avatar
    Zarwins
    FémininAge : 22Messages : 154

    le Mar 21 Avr 2015 - 8:06

    WOUA Ö
    J'adore



    avatar
    Cumulus
    FémininAge : 24Messages : 14

    le Mar 21 Avr 2015 - 15:43

    Merci, il est très beau. :3
    avatar
    Madras
    FémininAge : 33Messages : 279

    le Mer 22 Avr 2015 - 7:17

    Merci du partage
    avatar
    Siprano
    FémininAge : 20Messages : 291

    le Mer 22 Avr 2015 - 21:35

    j'aime beaucoup!
    avatar
    Costati
    FémininAge : 18Messages : 52

    le Ven 24 Avr 2015 - 21:40

    C'est magnifique, j'adore.
    avatar
    layna
    FémininAge : 26Messages : 68

    le Sam 25 Avr 2015 - 9:11

    Magnifique
    avatar
    Yasha
    MasculinAge : 27Messages : 65

    le Mar 28 Avr 2015 - 10:45

    Merchi!
    avatar
    Nana-Yankee
    FémininAge : 23Messages : 65

    le Ven 1 Mai 2015 - 22:05

    Merci
    avatar
    Ritsukay
    MasculinAge : 22Messages : 49

    le Dim 3 Mai 2015 - 10:23

    Je veux bien ! ;w; MERCI ! ;w; ET GG !
    avatar
    Faramir
    FémininAge : 21Messages : 75

    le Dim 3 Mai 2015 - 13:46

    C'est trop beau ** .
    Merci
    avatar
    Azraël
    FémininAge : 25Messages : 5

    le Dim 3 Mai 2015 - 18:36

    Whaaah, Quel travail ! Merci !
    avatar
    Demoniall
    FémininAge : 18Messages : 74

    le Lun 4 Mai 2015 - 20:44

    Super sympa, merci !
    avatar
    Gargouille
    MasculinAge : 20Messages : 83

    le Mar 5 Mai 2015 - 22:25

    Pwet ♥
    avatar
    Luunalux
    FémininAge : 20Messages : 20

    le Ven 8 Mai 2015 - 0:54

    Très très joli *___*
    Tu me vends du rêve à moi aussi ! Merci beaucoup
    avatar
    Mordiern
    FémininAge : 41Messages : 282

    le Ven 8 Mai 2015 - 15:10

    Merci à toi.

    C'est super joli et simple à la fois !
    avatar
    Shanilae
    FémininAge : 24Messages : 78

    le Mar 12 Mai 2015 - 18:17

    Ce code est trop beau merci =)
    avatar
    Cyanna
    FémininAge : 31Messages : 57

    le Sam 23 Mai 2015 - 21:05

    Vraiment classe !
    Merci ^^
    avatar
    Susu-chan
    FémininAge : 28Messages : 78

    le Dim 24 Mai 2015 - 13:17

    Merci !
    avatar
    Liia
    FémininAge : 23Messages : 91

    le Lun 25 Mai 2015 - 16:58

    Merci c'est très joli x)
    Contenu sponsorisé


      La date/heure actuelle est Mar 25 Sep 2018 - 10:54