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.

Le Deal du moment : -17%
SSD interne Crucial SSD P3 1To NVME à ...
Voir le deal
49.99 €

    Fiche de faux-profil multi-perso

    Sparrow-style
    Sparrow-style
    FémininAge : 39Messages : 32055

    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 :

    Fiche de faux-profil multi-perso - Page 2 900556profildepersonnage1

    Fiche de faux-profil multi-perso - Page 2 257193profildepersonnage2

    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.



    sign
    Lunara
    Lunara
    FémininAge : 37Messages : 95

    Sam 4 Oct 2014 - 13:01

    je cours essayer ! Merci Wink
    avatar
    Catblack
    FémininAge : 28Messages : 85

    Mer 8 Oct 2014 - 13:44

    Merci beaucoup, c'est vraiment génial comme idée. Franchement un grand bravo !
    Kimberlay *
    Kimberlay *
    FémininAge : 34Messages : 161

    Ven 10 Oct 2014 - 19:14

    Merci!
    Allèle
    Allèle
    FémininAge : 31Messages : 56

    Lun 13 Oct 2014 - 14:58

    Je veux voir la suite xD
    RozenBreizh
    RozenBreizh
    FémininAge : 33Messages : 1411

    Mar 14 Oct 2014 - 10:55

    C'est vraiment pas idiot '.' Cela évite des Double-compte en veut tu en voilà et faussant les statistiques par moment. Merci pour cette astuce très intéressante!
    Makuro
    Makuro
    FémininAge : 32Messages : 75

    Mar 14 Oct 2014 - 13:39

    Et on continue d'installer tout ça, merci Cap'tain 8D
    SEVAN
    SEVAN
    FémininAge : 32Messages : 46

    Mar 14 Oct 2014 - 20:34

    merci bcp!!!
    Athos
    Athos
    FémininAge : 29Messages : 49

    Mer 15 Oct 2014 - 2:45

    Comme je l'ai dit je trouve l'idée géniale, alors je prends le code pour voir ce que je pourrai en faire. Merci beaucoup ! (bis)
    Immortal
    Immortal
    FémininAge : 38Messages : 637

    Jeu 16 Oct 2014 - 10:31

    Merci pour ce tuto Captain **




    Besoin d'avis pour un futur forum multi-univers.
    Promis je suis ouverte aux critiques comme aux solutions
    :love:
    CLICK
    Adèle
    Adèle
    FémininAge : 33Messages : 96

    Dim 19 Oct 2014 - 12:16

    Merci ♥
    Sweet Angel
    Sweet Angel
    FémininAge : 41Messages : 153

    Dim 19 Oct 2014 - 13:06

    Alors ça c'est vraiment cool, merci
    Himmie
    Himmie
    MasculinAge : 27Messages : 128

    Sam 25 Oct 2014 - 17:02

    Merci



    Fiche de faux-profil multi-perso - Page 2 64255010
    Nemelise
    Nemelise
    FémininAge : 23Messages : 50

    Sam 25 Oct 2014 - 19:41

    Merci !
    Himmie
    Himmie
    MasculinAge : 27Messages : 128

    Dim 26 Oct 2014 - 16:29

    Désolé de poser cette question mais on le mais ou le code HTML ><



    Fiche de faux-profil multi-perso - Page 2 64255010
    Anonymous
    Invité

    Lun 27 Oct 2014 - 11:15

    De mieux en mieux , Bravo :)
    nuanciel
    nuanciel
    FémininAge : 33Messages : 139

    Lun 27 Oct 2014 - 11:59

    Comment ça se fait que j'ai pas vu ça avant :o
    C'est trop cool !
    Madras
    Madras
    FémininAge : 39Messages : 285

    Mar 28 Oct 2014 - 6:48

    Merci du partage
    Skylighty
    Skylighty
    FémininAge : 94Messages : 100

    Mar 28 Oct 2014 - 21:33

    merci
    Storminder
    Storminder
    MasculinAge : 28Messages : 56

    Jeu 30 Oct 2014 - 14:58

    Magnifique ! merci !
    Rynkka
    Rynkka
    FémininAge : 25Messages : 120

    Ven 31 Oct 2014 - 18:51

    Merci beaucoup



    Fiche de faux-profil multi-perso - Page 2 48861711
    o~°Passion HELL
    o~°Passion HELL
    FémininAge : 36Messages : 215

    Sam 1 Nov 2014 - 18:24

    Tu es juste génial !! Merci !!



    ....
    *-Atlas-*
    *-Atlas-*
    MasculinAge : 35Messages : 138

    Mer 5 Nov 2014 - 19:59

    je veux voir



    Fiche de faux-profil multi-perso - Page 2 539522Atlasnewban
    Kiowa
    Kiowa
    FémininAge : 35Messages : 220

    Mar 11 Nov 2014 - 2:32

    MERCI
    Mitsuomi73
    Mitsuomi73
    MasculinAge : 32Messages : 42

    Mar 11 Nov 2014 - 14:04

    Merci beaucoup, c'est du génie *_*
    Heartfilia
    Heartfilia
    FémininAge : 24Messages : 98

    Mar 11 Nov 2014 - 15:29

    Incroyable o_o Je veux vraiment voir ! Merci beaucoup du partage ♥



    YOU HELLA SAVED MY LIFE
    - chloe price
    Contenu sponsorisé


      La date/heure actuelle est Jeu 21 Nov 2024 - 10:24