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
    JiinShu
    MasculinAge : 19Messages : 3

    le Jeu 7 Avr 2016 - 20:26

    Merci beaucoup c'est magnifique !



    avatar
    La ptite voix
    FémininAge : 25Messages : 97

    le Ven 8 Avr 2016 - 22:51

    Merci :)
    avatar
    VincentWeever
    MasculinAge : 20Messages : 57

    le Sam 30 Avr 2016 - 20:48

    Merci
    avatar
    Arc'
    MasculinAge : 24Messages : 17

    le Ven 20 Mai 2016 - 17:45

    Merci
    avatar
    Shadaan
    FémininAge : 25Messages : 80

    le Lun 13 Juin 2016 - 15:19

    Merci beaucoup ! :hug:



    avatar
    Venise
    FémininAge : 34Messages : 270

    le Mer 22 Juin 2016 - 15:33

    très joli
    avatar
    Ssinn
    FémininAge : 25Messages : 33

    le Mer 22 Juin 2016 - 21:32

    Merci!
    avatar
    Zoé
    FémininAge : 18Messages : 185

    le Jeu 23 Juin 2016 - 11:29

    mercii



    avatar
    Nono-Chan
    FémininAge : 19Messages : 273

    le Lun 27 Juin 2016 - 11:47

    J'adore o/
    avatar
    Zeka
    MasculinAge : 22Messages : 17

    le Jeu 30 Juin 2016 - 16:26

    Merci beaucoup !
    avatar
    Shiwaii
    MasculinAge : 28Messages : 104

    le Lun 25 Juil 2016 - 8:51

    Merci!
    avatar
    Peaach
    FémininAge : 37Messages : 4

    le Sam 30 Juil 2016 - 18:40

    Merci !
    avatar
    Withy
    FémininAge : 37Messages : 37

    le Jeu 11 Aoû 2016 - 23:15

    Merci pour ce code**
    avatar
    Samiro
    MasculinAge : 21Messages : 51

    le Mer 17 Aoû 2016 - 0:32

    merci beaucoup
    avatar
    Nocturne
    FémininAge : 27Messages : 24

    le Mer 17 Aoû 2016 - 22:06

    Merci beaucoup !
    avatar
    Alearyon
    FémininAge : 20Messages : 36

    le Ven 9 Sep 2016 - 9:13

    La vache, c'est génial ! merci !
    avatar
    Meeko
    MasculinAge : 24Messages : 28

    le Sam 10 Sep 2016 - 21:59

    merci pourl a fiche :)
    avatar
    Dracks
    MasculinAge : 22Messages : 25

    le Dim 25 Sep 2016 - 13:24

    C'est super ! Merci Very Happy
    avatar
    Ipiutiminelle
    FémininAge : 29Messages : 207

    le Sam 1 Oct 2016 - 2:20

    Merci beaucoup :)

    La fiche est jolie, malheureusement le code ne fonctionne pas de la même manière sur le forum où j'aurai voulu l'utiliser Sad
    avatar
    Aladiah
    FémininAge : 20Messages : 58

    le Mar 4 Oct 2016 - 21:28

    Merci :)
    avatar
    Noho
    FémininAge : 21Messages : 25

    le Sam 15 Oct 2016 - 23:05

    Ce code est super,
    Merci beaucoup !
    avatar
    Sky Angel
    FémininAge : 24Messages : 15

    le Dim 23 Oct 2016 - 16:39

    Merci du partage! :)
    avatar
    Miriyuki
    FémininAge : 27Messages : 37

    le Dim 30 Oct 2016 - 2:37

    Il est vraiment classe !
    Merci ^^
    avatar
    Kuryan
    MasculinAge : 25Messages : 9

    le Mar 1 Nov 2016 - 21:12

    merci beaucoup
    avatar
    Eerie Ange's
    FémininAge : 16Messages : 166

    le Mer 2 Nov 2016 - 20:14

    Joli ♥
    Contenu sponsorisé


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