AccueilDernières imagesRechercherS'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.

-17%
Le deal à ne pas rater :
Casque de réalité virtuelle Meta Quest 2 128 Go Blanc (+29,99€ ...
249.99 € 299.99 €
Voir le deal

    It's a Love-Hate Relationship

    NyoTheNeko
    NyoTheNeko
    FémininAge : 30Messages : 5683

    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:



    Sassy Dolly
    Sassy Dolly
    FémininAge : 25Messages : 17

    Mar 24 Nov 2015 - 19:17

    Originalement cool ♥ Mercii ! >w<
    benficagirl
    benficagirl
    FémininAge : 38Messages : 448

    Ven 4 Déc 2015 - 0:41

    J'adore Very Happy merci beaucoup Very Happy.
    Coccinelle
    Coccinelle
    FémininAge : 27Messages : 47

    Mar 8 Déc 2015 - 18:23

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

    Mar 10 Mai 2016 - 19:27

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

    Mar 10 Mai 2016 - 21:24

    Merci beaucoup !



    It's a Love-Hate Relationship - Page 2 672035arawensaber
    Haru-Raka
    Haru-Raka
    FémininAge : 36Messages : 38

    Ven 27 Mai 2016 - 15:30

    Sympa ce codage
    Mikasa
    Mikasa
    FémininAge : 26Messages : 162

    Dim 17 Sep 2017 - 19:52

    merciiii



    It's a Love-Hate Relationship - Page 2 Miksa210
    Signa:
    Shaad Princeton
    Shaad Princeton
    MasculinAge : 30Messages : 10

    Lun 18 Déc 2017 - 11:48

    J'aime beaucoup, merci !
    LVVY
    LVVY
    FémininAge : 23Messages : 33

    Lun 13 Aoû 2018 - 20:40

    Merci beaucoup ! Très innovant !
    Laetizya
    Laetizya
    FémininAge : 26Messages : 54

    Ven 17 Aoû 2018 - 14:39

    Un codage rafraîchissant, merci !
    Djine
    Djine
    FémininAge : 28Messages : 19

    Mer 6 Mai 2020 - 10:11

    Merciiiiiiii :lovebomb:
    NeoptolemusArth
    NeoptolemusArth
    MasculinAge : 23Messages : 14

    Lun 15 Aoû 2022 - 17:15

    Merci ^^



    Maybe unleashing the monsters wasn't a good idea..
    Contenu sponsorisé


      La date/heure actuelle est Ven 19 Avr 2024 - 8:08