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
    Fenice Nakata
    MasculinAge : 22Messages : 17

    le Ven 4 Nov 2016 - 19:24

    Merci beaucoup, excellent travail !
    avatar
    Alaynna
    FémininAge : 25Messages : 73

    le Ven 18 Nov 2016 - 17:40

    Merci beaucoup pour ce code!



    -- If we don't have the key we can't open we can't open whatever it is, we don't have, that it unlocks, so what purpose would be served in finding whatever need be unlocked, which we don't have, without first having found the key that unlocks it?
    -- So we're going after this key?
    -- You're not making any sense at all.
    avatar
    Arfgang
    MasculinAge : 26Messages : 59

    le Mar 22 Nov 2016 - 16:17

    Merci beaucoup :)



    avatar
    Bamboocoon
    FémininAge : 25Messages : 66

    le Ven 25 Nov 2016 - 11:08

    Décidément, j'adore ce que tu fais ^^ Merci beaucoup !
    avatar
    Ichigo Hoshi
    FémininAge : 23Messages : 22

    le Lun 28 Nov 2016 - 20:42

    Merci ! :)
    avatar
    benficagirl
    FémininAge : 31Messages : 352

    le Mar 29 Nov 2016 - 23:06

    Merci :)
    avatar
    Kiritsuko
    MasculinAge : 26Messages : 21

    le Jeu 8 Déc 2016 - 11:46

    Super classe comme fiche :3 Merci à toi pour le partage!
    avatar
    Exuperance
    FémininAge : 27Messages : 41

    le Sam 17 Déc 2016 - 2:14

    Il est trop beau ♥.♥ Merciiii =D
    avatar
    Tsumi
    FémininAge : 20Messages : 36

    le Mar 20 Déc 2016 - 4:47

    Thaaaanks! Je suis particulièrement fan des liens ^w^
    avatar
    AureKrakotte
    FémininAge : 22Messages : 2

    le Mer 21 Déc 2016 - 1:19

    Merci pour cette fiche, elle est très joli
    avatar
    Akane Hakugin
    MasculinAge : 20Messages : 39

    le Mer 21 Déc 2016 - 17:02

    Merchi l'ami !
    avatar
    Ardy
    FémininAge : 15Messages : 50

    le Lun 9 Jan 2017 - 14:44

    Merci ! ♫





    © Volt, Star Malgré Lui, le film.


    avatar
    Nippon Syndrom
    FémininAge : 24Messages : 49

    le Mer 18 Jan 2017 - 16:13

    Merci bien :)



    avatar
    Lorris
    MasculinAge : 19Messages : 32

    le Jeu 19 Jan 2017 - 14:24

    Merci beaucoup :)
    avatar
    Kitket
    FémininAge : 34Messages : 98

    le Dim 29 Jan 2017 - 19:21

    merci
    avatar
    Elina
    FémininAge : 15Messages : 17

    le Jeu 2 Fév 2017 - 16:09

    Waw ! J'aime beaucoup l'effet demi-cercle pour le début et la fin de la fiche, c'est vraiment beau ! Merci pour ces merveilleux codes ♥
    avatar
    Gieve
    FémininAge : 28Messages : 103

    le Ven 10 Fév 2017 - 13:17

    Thanks c'est joli **
    avatar
    el vasco
    MasculinAge : 21Messages : 44

    le Sam 11 Fév 2017 - 0:12

    Merci !
    avatar
    Katsa
    FémininAge : 15Messages : 59

    le Sam 25 Fév 2017 - 14:39

    Merci beaucoup pour ce code. Bonne continuation à toi.  Very Happy
    avatar
    kurokurodile
    MasculinAge : 27Messages : 7

    le Dim 26 Fév 2017 - 16:22

    Merci
    avatar
    Bonnyboboll
    FémininAge : 32Messages : 6

    le Mer 5 Avr 2017 - 20:43

    Très joli ! Merci beaucoup !
    avatar
    Anastasia
    FémininAge : 16Messages : 12

    le Jeu 13 Avr 2017 - 23:23

    C'est super, j'adore.Je te l'emprunte !
    avatar
    MsCrazy.E
    FémininAge : 20Messages : 183

    le Dim 16 Avr 2017 - 19:02

    Merci pour ce partage ! :3



    avatar
    Isha
    MasculinAge : 18Messages : 11

    le Jeu 20 Avr 2017 - 10:32

    Merci, il est vraiment beau :lovebomb:
    avatar
    WinterWolf
    FémininAge : 19Messages : 14

    le Ven 28 Avr 2017 - 22:09

    merci !
    Contenu sponsorisé


      La date/heure actuelle est Jeu 14 Déc 2017 - 14:09