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 : 23Messages : 5018

    le Ven 19 Déc 2014 - 10:41

    Rappel du premier message :

    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
    Sassy Dolly
    FémininAge : 19Messages : 17

    le Mar 24 Nov 2015 - 19:17

    Originalement cool ♥ Mercii ! >w<
    avatar
    benficagirl
    FémininAge : 31Messages : 307

    le Ven 4 Déc 2015 - 0:41

    J'adore Very Happy merci beaucoup Very Happy.
    avatar
    Coccinelle
    FémininAge : 21Messages : 38

    le Mar 8 Déc 2015 - 18:23

    J'aime trop !
    Merci ♥
    avatar
    Pandara
    FémininAge : 21Messages : 8

    le Mar 10 Mai 2016 - 19:27

    Merci, il est vraiment génial ! ♥
    avatar
    Arawen
    FémininAge : 26Messages : 126

    le Mar 10 Mai 2016 - 21:24

    Merci beaucoup !



    avatar
    Haru-Raka
    FémininAge : 30Messages : 37

    le Ven 27 Mai 2016 - 15:30

    Sympa ce codage
    avatar
    Mikasa
    FémininAge : 20Messages : 161

    le Dim 17 Sep 2017 - 19:52

    merciiii




    Signa:


    Contenu sponsorisé


      La date/heure actuelle est Ven 20 Oct 2017 - 5:30