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
    avatar
    NyoTheNeko
    FémininAge : 24Messages : 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:



    avatar
    Halloween
    FémininAge : 24Messages : 9753

    le Sam 20 Déc 2014 - 15:26

    Merci du partage Nyo, j'aime beaucoup Wink




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

    le Lun 22 Déc 2014 - 20:37

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

    le Dim 28 Déc 2014 - 13:39

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

    le Jeu 8 Jan 2015 - 12:25

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



    avatar
    Shimthelime
    MasculinAge : 28Messages : 11

    le Sam 10 Jan 2015 - 22:41

    merci
    avatar
    Yamashita
    FémininAge : 19Messages : 50

    le Lun 12 Jan 2015 - 15:00

    Merciii ♥



    avatar
    Moona Neko
    FémininAge : 23Messages : 73

    le Lun 12 Jan 2015 - 22:31

    Merci Very Happy
    avatar
    Dokigaygay
    MasculinAge : 19Messages : 29

    le Sam 17 Jan 2015 - 14:19

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

    le Mar 3 Mar 2015 - 21:42

    Cool *-* mercii
    avatar
    Demoniall
    FémininAge : 17Messages : 74

    le Mer 4 Mar 2015 - 16:42

    Merci !
    avatar
    Kirito
    MasculinAge : 22Messages : 200

    le Ven 6 Mar 2015 - 23:01

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

    le Jeu 12 Mar 2015 - 15:54

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

    le Dim 22 Mar 2015 - 17:41

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

    le Sam 28 Mar 2015 - 18:34

    Merci !
    avatar
    Liia
    FémininAge : 22Messages : 91

    le Lun 25 Mai 2015 - 17:13

    Merci x)
    avatar
    Kraft
    FémininAge : 20Messages : 37

    le Dim 7 Juin 2015 - 17:14

    Merci ! (:
    avatar
    YasminaSmith
    FémininAge : 24Messages : 5

    le Lun 8 Juin 2015 - 18:41

    C'est magnifique,merci :)
    avatar
    NanoiHime
    FémininAge : 19Messages : 562

    le Dim 13 Sep 2015 - 20:39

    Merci



    avatar
    Kelalin
    FémininAge : 25Messages : 1938

    le Dim 13 Sep 2015 - 22:27

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

    le Mer 30 Sep 2015 - 19:40

    Merci c: !
    avatar
    Ylkhana
    FémininAge : 24Messages : 315

    le Dim 25 Oct 2015 - 20:16

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

    le Mer 28 Oct 2015 - 11:58

    Merci beaucoup il est vraiment beau



    avatar
    Mousstery
    MasculinAge : 17Messages : 44

    le Sam 7 Nov 2015 - 16:30

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

    le Ven 13 Nov 2015 - 8:39

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


      La date/heure actuelle est Ven 20 Juil 2018 - 8:54