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.


    Mise en forme complète du profil "upside down" (CSS)

    Partagez
    avatar
    Okhmhaka
    FémininAge : 32Messages : 31851

    le Sam 24 Nov 2012 - 0:19

    Salut salut x)
    (oui je suis motivé aujourd'hui Razz)

    Je vous propose avec ce tutoriel une mise en forme complète de votre profil (pseudo + cadre + avatar + profil) avec comme particularité principale un profil qui apparait en tournant. Un petite explication en image est surement préférable :

    Image 1
    Image 2
    Image 3

    Donc pour l'explication, votre profil apparait normalement comme dans l'image 1. Ensuite, lorsque vous survolez la petite image en dessous de l'avatar inscrite "profil", le cadre se tourne (image 2 = intermédiaire de mouvement) pour arriver dans le bon sens comme sur l'image 3.

    Plutôt sympa, nan ? x)

    Pour voir le contenu du tutoriel merci de poster un message à la suite.




    En cas d'utilisation de ces codes merci de mettre un crédit à Never-Utopia sur votre forum, même si vous personnalisez le code, la base a été écrite ici. Un petit crédit, ce n'est pas grand chose, et nous ne demandons que ça pour le partage de notre petit savoir x)


    Dernière édition par Sparrow-style le Lun 6 Mai 2013 - 10:37, édité 2 fois



    avatar
    Lenou
    MasculinAge : 21Messages : 20

    le Dim 25 Nov 2012 - 11:42

    *o* Wahou. Ça à l'air super. Merci du partage =)
    avatar
    totothib
    MasculinAge : 15Messages : 54

    le Dim 25 Nov 2012 - 17:23

    Trop bien!!!Deuxième à poster :cool:
    avatar
    Cuicui
    FémininAge : 26Messages : 112

    le Dim 25 Nov 2012 - 18:11

    J'aime beaucoup, merci :)



    avatar
    Battosai
    MasculinAge : 16Messages : 29

    le Dim 25 Nov 2012 - 22:06

    Wii merci :) !
    avatar
    giannismoll7
    MasculinAge : 22Messages : 62

    le Mar 27 Nov 2012 - 16:44

    merci :)
    avatar
    Neko Mimi
    FémininAge : 26Messages : 162

    le Mar 27 Nov 2012 - 18:38

    Super, merci =3



    avatar
    Barbosa
    MasculinAge : 25Messages : 22

    le Mer 28 Nov 2012 - 3:32

    Merci :)



    avatar
    KaraV3
    MasculinAge : 20Messages : 27

    le Mer 28 Nov 2012 - 12:48


    Merci
    avatar
    only'hope
    FémininAge : 27Messages : 9

    le Mer 28 Nov 2012 - 13:28

    Merci beaucoup pour le partage (a)
    avatar
    Lucy Nyah
    FémininAge : 19Messages : 20

    le Mer 28 Nov 2012 - 15:02

    Merci beaucoup !!!
    avatar
    Rozenbrez
    FémininAge : 25Messages : 1296

    le Jeu 29 Nov 2012 - 11:38

    Encore une fois un code canon de la part de notre Captain Very Happy Merci de le faire partager <3





    Merci au lutin anonyme de cette année. <3

    avatar
    CuBz
    MasculinAge : 27Messages : 27

    le Sam 1 Déc 2012 - 9:01

    merci
    avatar
    Louve
    FémininAge : 23Messages : 1529

    le Sam 1 Déc 2012 - 18:14

    Ô Cap'tain ! J'ai disparu longtemps mais une fois encore, NU me sauve la vie !







    [En pause]
    avatar
    la poulpe
    FémininAge : 24Messages : 21

    le Dim 2 Déc 2012 - 12:21

    Wahouuu j'adore !
    avatar
    Chucky'
    MasculinAge : 19Messages : 80

    le Dim 2 Déc 2012 - 13:28

    Merci Very Happy



    avatar
    Dastan
    MasculinAge : 33Messages : 111

    le Dim 2 Déc 2012 - 14:13

    Pile ce que je cherchait! merci beaucoup pour ce tuto! **
    avatar
    OMJ
    FémininAge : 26Messages : 86

    le Dim 2 Déc 2012 - 16:09

    Merci du partage
    avatar
    Fares
    MasculinAge : 24Messages : 51

    le Dim 2 Déc 2012 - 16:22

    Super ce tuto, digne de Sparrow ça Wink
    avatar
    Depp
    FémininAge : 26Messages : 298

    le Dim 2 Déc 2012 - 16:45

    Merci beaucoup pour le partage Very Happy



    avatar
    ♕ William
    MasculinAge : 20Messages : 72

    le Dim 2 Déc 2012 - 19:49

    Thanks!




    William
    avatar
    ladybr
    FémininAge : 27Messages : 45

    le Dim 2 Déc 2012 - 20:45

    mercii
    avatar
    Arrogant Mischief
    MasculinAge : 21Messages : 70

    le Dim 2 Déc 2012 - 23:41

    Merci pour ce super tuto !



    avatar
    WhiteKrow
    MasculinAge : 23Messages : 23

    le Mar 4 Déc 2012 - 15:26

    ▬ merci!
    avatar
    Alehandra
    FémininAge : 22Messages : 41

    le Jeu 6 Déc 2012 - 12:51

    Merci du partage, c'est top ça !
    Contenu sponsorisé


      La date/heure actuelle est Lun 29 Mai 2017 - 20:54