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
    Kelalin
    FémininAge : 26Messages : 1948

    le Dim 9 Aoû 2015 - 22:08

    Merci ! (“⌒∇⌒”)
    avatar
    Kimirsu Anko
    MasculinAge : 17Messages : 88

    le Lun 10 Aoû 2015 - 19:25

    merci du partage !
    avatar
    -Madara Uchiha-
    MasculinAge : 23Messages : 41

    le Ven 14 Aoû 2015 - 16:19

    Merci beaucoup! (=
    avatar
    Akiro
    FémininAge : 25Messages : 54

    le Sam 15 Aoû 2015 - 2:15

    Un grand merci, c'est très joli!
    avatar
    Missmytic
    FémininAge : 29Messages : 26

    le Dim 16 Aoû 2015 - 9:22

    superbe^^
    avatar
    Sid'
    MasculinAge : 28Messages : 72

    le Lun 17 Aoû 2015 - 22:33

    Merci !
    avatar
    Cynblack
    MasculinAge : 19Messages : 31

    le Mar 18 Aoû 2015 - 16:18


    C'est très sobre et élégant, j'aime beaucoup !
    Merci ♥



    x I'll be your commander x
    avatar
    Mia Svent
    FémininAge : 26Messages : 7

    le Jeu 20 Aoû 2015 - 21:25

    Wow j'adore ce style !
    avatar
    Haru-Raka
    FémininAge : 31Messages : 38

    le Jeu 20 Aoû 2015 - 21:45

    merci à toi pour ce code
    avatar
    Noubil
    FémininAge : 30Messages : 59

    le Dim 23 Aoû 2015 - 8:25

    C'est tout à fait ce que je recherchais pour mon nouveau personnage. J'adore *-* merci pour le partage
    avatar
    Alantlya
    MasculinAge : 24Messages : 30

    le Sam 29 Aoû 2015 - 15:46

    J'aime beaucoup ce que tu fais, c'est superbe *-*
    avatar
    BlackNight
    MasculinAge : 30Messages : 90

    le Dim 30 Aoû 2015 - 17:37

    Mercii
    avatar
    KimmyKinder
    FémininAge : 16Messages : 181

    le Lun 31 Aoû 2015 - 8:58

    mrc
    avatar
    NanoiHime
    FémininAge : 19Messages : 563

    le Lun 31 Aoû 2015 - 10:39

    merci



    avatar
    Fame
    MasculinAge : 28Messages : 232

    le Lun 7 Sep 2015 - 18:16

    Merci
    avatar
    Sélényx
    FémininAge : 22Messages : 5

    le Lun 7 Sep 2015 - 21:57

    Merci beaucoup, c'est superbe ! \o/
    avatar
    Whit
    FémininAge : 21Messages : 154

    le Dim 13 Sep 2015 - 11:38

    Merci pour le partage, j'adore >w<
    avatar
    Inamio
    FémininAge : 26Messages : 239

    le Dim 13 Sep 2015 - 11:48

    Superbe merci bien !



    avatar
    AwenWolf
    FémininAge : 30Messages : 76

    le Lun 14 Sep 2015 - 0:03

    Merci *_*
    avatar
    Dydy
    FémininAge : 27Messages : 490

    le Lun 14 Sep 2015 - 16:17

    merci du partage!



    avatar
    Amadeus
    FémininAge : 27Messages : 47

    le Lun 14 Sep 2015 - 20:39

    Wooow ~ Merci beaucoup du travail accompli et du partage !
    Thalaï
    FémininAge : 24Messages : 23

    le Lun 28 Sep 2015 - 20:06

    Merci *_*
    avatar
    CaraDelevngnie
    FémininAge : 19Messages : 370

    le Mar 6 Oct 2015 - 20:37

    Merci beaucoup *-*



    avatar
    Stars
    FémininAge : 20Messages : 9

    le Mer 7 Oct 2015 - 14:36

    Merci !
    avatar
    Tria
    FémininAge : 21Messages : 125

    le Sam 10 Oct 2015 - 19:30

    Merci pour le partage !



    "Tomber est permis, se relever est ordonné."
    Contenu sponsorisé


      La date/heure actuelle est Mer 26 Sep 2018 - 8:22