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
    Mariana Greyson
    FémininAge : 19Messages : 78

    le Dim 30 Avr 2017 - 19:18

    merci
    avatar
    Rêveuse
    FémininAge : 15Messages : 43

    le Jeu 8 Juin 2017 - 11:17

    C'est très classe, merci!
    avatar
    Amacky
    FémininAge : 25Messages : 130

    le Mar 27 Juin 2017 - 20:05

    Merci beaucoup :)
    avatar
    Laurolay
    FémininAge : 13Messages : 101

    le Jeu 29 Juin 2017 - 8:46

    Merci !
    avatar
    Nagigi
    FémininAge : 21Messages : 10

    le Dim 2 Juil 2017 - 14:39

    Merci o/
    avatar
    Indy Solo
    FémininAge : 22Messages : 236

    le Lun 10 Juil 2017 - 14:49

    Très chouette, merci !
    avatar
    KoalaBzh9
    FémininAge : 18Messages : 54

    le Dim 23 Juil 2017 - 23:29

    Merci ! C'est super !
    avatar
    Maxine Evans
    FémininAge : 23Messages : 91

    le Jeu 3 Aoû 2017 - 10:10

    merci Very Happy
    avatar
    Idylle
    FémininAge : 27Messages : 30

    le Ven 11 Aoû 2017 - 22:22

    Merci !
    avatar
    Orochimaru
    FémininAge : 27Messages : 192

    le Mer 20 Sep 2017 - 4:31

    J'aimerais tellement être aussi doué :)
    Beau travail ^_^



    Orochimaru

    " Les proies doivent toujours faire preuve de la plus grande vigilance, lorsqu'elles tentent d'échapper à leur prédateur. Tout ce qu'une proie peut espérer de son prédateur, c'est qu'il daigne la laisser tranquille après avoir eu ce qu'il voulait."
    avatar
    Souther
    MasculinAge : 25Messages : 13

    le Sam 30 Sep 2017 - 10:11

    Merci !
    avatar
    Black Ivory
    FémininAge : 15Messages : 4

    le Sam 7 Oct 2017 - 10:50

    J'adore, merci !
    avatar
    Shivichou
    FémininAge : 22Messages : 22

    le Jeu 19 Oct 2017 - 19:28

    Simple mais efficace !! ^^ merci beaucoup !!
    avatar
    Taradros
    MasculinAge : 27Messages : 79

    le Mer 6 Déc 2017 - 9:00

    Excellent merci !!
    avatar
    Titi | Luna
    FémininAge : 12Messages : 31

    le Dim 10 Déc 2017 - 20:32

    Thank !
    Contenu sponsorisé


      La date/heure actuelle est Mar 12 Déc 2017 - 9:27