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.


    It's a Love-Hate Relationship

    Partagez
    NyoTheNeko
    NyoTheNeko
    FémininAge : 25Messages : 5018

    le Ven 19 Déc 2014 - 10:41

    Fiche de Relation
    "It's a Love Hate Relationship"



    Ceci est un code de mise relations, sans fiche avant, juste les relations. Un cœur pour les relations "bonnes" et une crois pur els "mauvaises". J'ai pas trouvé de signe pour les entre deux, donc si vous avez une idée, vous n'hésitez pas!

    CSS3 & HTML5 ▬ Code mit sous hide ▬ Ce que ça donne


    Les effets et images


    La taille des images importe peu: elles seront de toute façon redimensionnées par le code.
    Au passage de la souris, une infobulle apparait. Vous pouvez évidemment mettre un long texte: il y a une barre de défilement ^^

    La police utilisée est Amatic SC. Vous retrouverez son link dans le code, tout au début, comme ceci:
    Code:
    <link href='http://fonts.googleapis.com/css?family=Amatic+SC' rel='stylesheet' type='text/css'>
    . Vous pouvez les changer/retirer, mais pensez alors à retirer ou changer chacune de leurs apparitions dans le CSS (sous la forme de font-family: 'Amatic SC' )!

    Le code




    Mieux vous repérer:


    Ceci correspond à un coeur, voyez la classe "un_coeur". Il doit se trouver dans la div "contour", faites donc bien attention à ça! ^^


    Ceci correspond à une croix, voyez la classe "une_croix". Il doit se trouver dans la div "contour", faites donc bien attention à ça! ^^


    Enfin, ceci est un commentaire. Je l'utilise our retirer les retour à ligne dans le message, pour que les coeurs ou les croix puissent se suivre et ne retournent pas à la ligne. Il est donc important de les garder entre chaque coeur ou croix, sauf si vous voulez un retour à la ligne, évidemment!
    Aussi, ne supprimez pas seulement la première ou la seconde partie. Cela risque de vous causer des soucis ^^


    Voilà qui est tout! ^^ En espérant que ça va vous plaire! :hug:



    Halloween
    Halloween
    FémininAge : 24Messages : 9763

    le Sam 20 Déc 2014 - 15:26

    Merci du partage Nyo, j'aime beaucoup Wink




    < / Libre service codage >
    Lysséa
    Lysséa
    FémininAge : 18Messages : 18

    le Lun 22 Déc 2014 - 20:37

    J'adore, merci du partage !
    Anviree
    Anviree
    FémininAge : 22Messages : 49

    le Dim 28 Déc 2014 - 13:39

    Wahw, superbe !
    Edward Speleers
    Edward Speleers
    FémininAge : 30Messages : 460

    le Jeu 8 Jan 2015 - 12:25

    C'est simple et explicite, tout ce que j'aime



    Shimthelime
    Shimthelime
    MasculinAge : 28Messages : 11

    le Sam 10 Jan 2015 - 22:41

    merci
    Yamashita
    Yamashita
    FémininAge : 20Messages : 50

    le Lun 12 Jan 2015 - 15:00

    Merciii ♥



    Moona Neko
    Moona Neko
    FémininAge : 24Messages : 75

    le Lun 12 Jan 2015 - 22:31

    Merci Very Happy
    Dokigaygay
    Dokigaygay
    MasculinAge : 20Messages : 29

    le Sam 17 Jan 2015 - 14:19

    Merci~
    Myxookiie
    Myxookiie
    FémininAge : 25Messages : 47

    le Mar 3 Mar 2015 - 21:42

    Cool *-* mercii
    Demoniall
    Demoniall
    FémininAge : 18Messages : 74

    le Mer 4 Mar 2015 - 16:42

    Merci !
    Kirito
    Kirito
    MasculinAge : 23Messages : 200

    le Ven 6 Mar 2015 - 23:01

    merci ^-^
    Amacky
    Amacky
    FémininAge : 26Messages : 133

    le Jeu 12 Mar 2015 - 15:54

    C'est jolie tout ça :)
    Laeta
    Laeta
    FémininAge : 18Messages : 73

    le Dim 22 Mar 2015 - 17:41

    c'est beau <3
    avatar
    underland
    FémininAge : 19Messages : 12

    le Sam 28 Mar 2015 - 18:34

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

    le Lun 25 Mai 2015 - 17:13

    Merci x)
    Kraft
    Kraft
    FémininAge : 21Messages : 37

    le Dim 7 Juin 2015 - 17:14

    Merci ! (:
    YasminaSmith
    YasminaSmith
    FémininAge : 25Messages : 5

    le Lun 8 Juin 2015 - 18:41

    C'est magnifique,merci :)
    NanoiHime
    NanoiHime
    FémininAge : 20Messages : 563

    le Dim 13 Sep 2015 - 20:39

    Merci



    Kelalin
    Kelalin
    FémininAge : 26Messages : 2029

    le Dim 13 Sep 2015 - 22:27

    Merci ( ´ ▽ ` )ノ
    Lucia-san
    Lucia-san
    FémininAge : 19Messages : 65

    le Mer 30 Sep 2015 - 19:40

    Merci c: !
    Ylkhana
    Ylkhana
    FémininAge : 25Messages : 319

    le Dim 25 Oct 2015 - 20:16

    J'adore cette façon de présenter les liens, merci !
    Celestakemi
    Celestakemi
    FémininAge : 19Messages : 47

    le Mer 28 Oct 2015 - 11:58

    Merci beaucoup il est vraiment beau



    Mousstery
    Mousstery
    MasculinAge : 18Messages : 44

    le Sam 7 Nov 2015 - 16:30

    Merci !
    Au passage : Pour les "neutres" pourquoi pas une vaguelette, le signe "a peu prés" ? ^^"
    Lyo Jen
    Lyo Jen
    MasculinAge : 22Messages : 42

    le Ven 13 Nov 2015 - 8:39

    C'est trop cool *-* Merci !!
    Contenu sponsorisé


      La date/heure actuelle est Jeu 21 Mar 2019 - 10:27