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.


    Fiche de faux-profil multi-perso

    Partagez
    avatar
    Okhmhaka
    FémininAge : 32Messages : 31851

    le Mar 26 Aoû 2014 - 20:28

    Rappel du premier message :

    Fiche de faux-profil multi-perso



    Cette fiche a été crée pour être utilisée suite à cette astuce sur l'utilisation d'un même compte pour plusieurs personnages. Merci donc de lire l'explication du procédé avant tout.


    L'Astuce du multi-perso en un seul compte
    Le LS du mini-profil en bandeau


    L'idée est ici de créer une mise en forme de message ayant l'apparence d'un profil de personnage, comme on l'aurait de base sur le forum, donc dans une colonne à droite, avec un nom, un avatar, des informations de personnage... Tout cela n'est qu'une mise en forme de message et non un "vrai" profil. C'est ce qui permettra de "switcher" facilement d'un personnage à l'autre en cas de multi-perso.

    Voici deux exemples de résultat :





    Vous pouvez constater que le profil de posteur n'a pas changé, il est représenté par le bandeau au dessus. Pourtant on a l'impression que le compte est différent grâce à ce "faux profil".

    Le contenu n'est pas sous balide hide (explications), mais n'hésitez pas à remercier son auteur.
    Un crédit à Never-Utopia pour l'utilisation de ce code sera très apprécié Wink


    Le code HTML



    Code:
    <div class="profil_perso"><div class="nom_perso"><!-- NOM DU PERSONNAGE -->Prénom Nom</div><div class="avatar_perso"><!-- AVATAR DU PERSONNAGE --><img src="#" /></div><div class="rang_perso"><!-- RANG OU TITRE -->Rang / Titre</div><div class="infos_perso"><!-- DEBUT INFORMATIONS PERSONNAGE --><span class="intitule">Age - </span>xx ans
    <span class="intitule">Statut - </span>Réponse ici
    <span class="intitule">Objectif - </span>Réponse ici
    <span class="inventaire">Inventaire</span><div class="inventaire_contenu">Contenu de l'inventaire du personnage...</div></div><!-- FIN INFORMATIONS PERSONNAGE --></div><div class="fleche"></div><div class="contenu_rp"><!-- DEBUT DU RP -->Ergo ego senator inimicus, si ita vultis, homini, amicus esse, sicut semper fui, rei publicae debeo. Quid? si ipsas inimicitias, depono rei publicae causa, quis me tandem iure reprehendet, praesertim cum ego omnium meorum consiliorum atque factorum exempla semper ex summorum hominum consiliis atque factis mihi censuerim petenda.

    [color=#660000]"Hoc inmaturo interitu ipse quoque sui pertaesus excessit e vita aetatis nono anno atque vicensimo cum quadriennio imperasset. natus apud Tuscos in Massa Veternensi, patre Constantio Constantini fratre imperatoris, matreque Galla sorore Rufini et Cerealis, quos trabeae consulares nobilitarunt et praefecturae."[/color]

    Haec subinde Constantius audiens et quaedam referente Thalassio doctus, quem eum odisse iam conpererat lege communi, scribens ad Caesarem blandius adiumenta paulatim illi subtraxit, sollicitari se simulans ne, uti est militare otium fere tumultuosum, in eius perniciem conspiraret, solisque scholis iussit esse contentum palatinis et protectorum cum Scutariis et Gentilibus, et mandabat Domitiano, ex comite largitionum, praefecto ut cum in Syriam venerit, Gallum, quem crebro acciverat, ad Italiam properare blande hortaretur et verecunde.

    Eminuit autem inter humilia supergressa iam impotentia fines mediocrium delictorum nefanda Clematii cuiusdam Alexandrini nobilis mors repentina; cuius socrus cum misceri sibi generum, flagrans eius amore, non impetraret, ut ferebatur, per palatii pseudothyrum introducta, oblato pretioso reginae monili id adsecuta est, ut ad Honoratum tum comitem orientis formula missa letali omnino scelere nullo contactus idem Clematius nec hiscere nec loqui permissus occideretur.

    Et quia Montius inter dilancinantium manus spiritum efflaturus Epigonum et Eusebium nec professionem nec dignitatem ostendens aliquotiens increpabat, qui sint hi magna quaerebatur industria, et nequid intepesceret, Epigonus e Lycia philosophus ducitur et Eusebius ab Emissa Pittacas cognomento, concitatus orator, cum quaestor non hos sed tribunos fabricarum insimulasset promittentes armorum si novas res agitari conperissent.</div>
    <!-- NE PAS TOUCHER CE QUI SUIT --><div style="clear: both;"></div>

    Le code CSS



    Celui-ci est externe pour faciliter les changements de design et permettre d'éventuels effets de transitions si vous voulez en ajouter... Il est donc à mettre dans la feuille CSS de votre forum.

    Code:
    /* FICHE PROFIL PERSONNAGE */

    .profil_perso
    {
      position: relative;
      z-index: 1;
      float: left;
      width: 200px;
      min-height: 320px;
      background: #c5bdb1;
      border: 1px solid #9f9689;
    }
    .fleche
    {
      position: absolute;
      z-index: 2;
      width: 52px;
      height: 17px;
      background: url(http://img15.hostingpics.net/pics/570411fleche.png);
      margin: 10px 0 0 176px;
    }
    .nom_perso
    {
      width: 100%;
      height: 30px;
      padding-top: 10px;
      background: #1c1c1c;
      color: #c5bdb1;
      text-shadow: 1px 1px 0px #000000;
      font-size: 20px;
      letter-spacing: -2px;
      text-align: center;
      font-family: lucida calligraphy, tahoma;
      font-weight: bold;
    }
    .contenu_rp
    {
      position: relative;
      z-index: 1;
      width: 580px;
      min-height: 320px;
      padding: 10px 20px;
      margin-left: 210px;
      background: #eeedeb;
      border: 1px solid #f4f3f0;
      box-shadow: 0px 0px 5px #c5bdb1;
      border-radius: 10px;
      color: #65615b;
      text-align: justify;
    }
    .rang_perso
    {
      position: relative;
      z-index: 2;
      width: 70%;
      height: 20px;
      margin: -15px auto 0 auto;
      background: #262626;
      text-transform: uppercase;
      color: #65615b;
      font-size: 11px;
      box-shadow: 0px 0px 2px #000000;
      text-align: center;
      padding-top: 3px;
    }
    .infos_perso
    {
      width: 95%;
      margin: auto;
      font-size: 10px;
      color: #65615b;
      text-align: justify;
    }
    .intitule
    {
      font-family: arial black;
      font-size: 12px;
      color: #1c1c1c;
    }
    .inventaire
    {
      display: block;
      text-align: center;
      font-family: arial black;
      font-size: 16px;
      color: #1c1c1c;
      letter-spacing: 2px;
    }
    .inventaire_contenu
    {
      width: 90%;
      margin: -6px auto 5px auto;
      background: #eeedeb;
      border: 1px solid #9f9689;
      padding: 5px;
    }

    Remarque : vous pouvez ajouter un lien dans la partie "informations" du personnage menant au topic de la fiche du personnage en question, ou de sa présentation par exemple.



    avatar
    Kirito
    MasculinAge : 21Messages : 200

    le Dim 22 Mar 2015 - 18:05

    waw *-*
    avatar
    Pokipsy
    FémininAge : 27Messages : 19

    le Jeu 26 Mar 2015 - 8:33

    C'est vraiment une excellente idée, je vais tenter d'utiliser ce système *_*
    avatar
    Uther
    MasculinAge : 20Messages : 93

    le Sam 28 Mar 2015 - 0:37

    Magistral !
    avatar
    Grenouille
    FémininAge : 21Messages : 49

    le Sam 28 Mar 2015 - 11:49

    C'est génial *u* Merci !
    avatar
    TUC
    FémininAge : 29Messages : 103

    le Ven 3 Avr 2015 - 19:33

    WoW c'est superbe, merci :)



    avatar
    AQW
    FémininAge : 23Messages : 223

    le Sam 11 Avr 2015 - 10:50

    Merci



    Blblbl. ♥
    avatar
    Nyu
    FémininAge : 20Messages : 12

    le Sam 11 Avr 2015 - 16:54

    Merci !
    avatar
    Jenova
    MasculinAge : 23Messages : 125

    le Dim 12 Avr 2015 - 0:03

    *o*



    avatar
    Valkyija
    FémininAge : 33Messages : 46

    le Mar 14 Avr 2015 - 15:35

    Oh Gosh !
    Lecture lecture !
    <3
    Merci !
    avatar
    patriciadpt30
    FémininAge : 54Messages : 240

    le Mar 14 Avr 2015 - 23:12

    merci pour voir :)



    Patricia :)
    avatar
    Yui
    FémininAge : 28Messages : 334

    le Jeu 30 Avr 2015 - 10:33

    Wow super idée ! :o
    Merci pour l'astuce.



    ~ Yui ~
    avatar
    Joplaya
    FémininAge : 38Messages : 5

    le Ven 1 Mai 2015 - 3:15

    Merci beaucoup, très intéressant!
    avatar
    pinote20e4
    FémininAge : 24Messages : 66

    le Sam 2 Mai 2015 - 2:12

    Hallucinant! Quelle idée fantastique! Merci mille fois!
    avatar
    loulou100
    FémininAge : 22Messages : 9

    le Sam 2 Mai 2015 - 12:24

    Merci beaucoup :)
    avatar
    SIXE
    FémininAge : 26Messages : 39

    le Mar 5 Mai 2015 - 21:05

    Je suis tellement fan ! Shocked
    avatar
    Laeta
    FémininAge : 16Messages : 73

    le Mer 6 Mai 2015 - 16:20

    C'est bien pensé, wow =o
    avatar
    Damned
    FémininAge : 16Messages : 108

    le Mer 6 Mai 2015 - 21:39

    Merci
    avatar
    Shaneliae
    FémininAge : 21Messages : 807

    le Jeu 7 Mai 2015 - 17:04

    On continue d'installer le pack Wink Encore merci pour ce LS ! J'adore vraiment l'idée ^^



    Présence réduite.
    avatar
    TiGraou
    MasculinAge : 24Messages : 223

    le Ven 15 Mai 2015 - 20:20

    Merci
    avatar
    The Mad Hatter
    MasculinAge : 23Messages : 36

    le Sam 23 Mai 2015 - 12:13

    J'ignore comment vous arrivez à de tel résultat! C'est épatant !



    Le meilleur moyen de réaliser l’impossible est de croire que c’est possible.
    avatar
    darkhero246
    MasculinAge : 25Messages : 177

    le Sam 23 Mai 2015 - 22:03

    Merci :)
    avatar
    Kruzoé
    FémininAge : 22Messages : 29

    le Mer 27 Mai 2015 - 10:32

    Merci pour le partage! Wink
    J'ai hâte d'essayer cette nouvelle façon d’appréhender les multi-comptes!
    avatar
    Izaya Orihara
    FémininAge : 16Messages : 105

    le Jeu 28 Mai 2015 - 11:30

    Merci du partage !
    avatar
    Akiro
    FémininAge : 24Messages : 54

    le Sam 30 Mai 2015 - 22:43

    Très joli, merci grandement!
    avatar
    Amelys_Destroy
    FémininAge : 23Messages : 36

    le Jeu 11 Juin 2015 - 15:59

    Waah c'est une super bonne idée, merci ! **
    Contenu sponsorisé


      La date/heure actuelle est Dim 24 Sep 2017 - 14:18