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 à ne pas rater :
TV LED 32” Continental Edison CELED32SAHD24B3
139.99 €
Voir le deal

    Fiche de faux-profil multi-perso

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

    Mar 26 Aoû 2014 - 20:28

    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 900556profildepersonnage1

    Fiche de faux-profil multi-perso 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
    Katsura
    Katsura
    MasculinAge : 39Messages : 190

    Mer 27 Aoû 2014 - 15:28

    Merci pour le tutoriel ^^
    Databar
    Databar
    MasculinAge : 30Messages : 142

    Mer 27 Aoû 2014 - 17:56

    veut voir Razz
    Onyx
    Onyx
    FémininAge : 30Messages : 3350

    Mer 27 Aoû 2014 - 21:47

    Wah *o*

    Merci beaucoup ~



    Darkyfrite
    Darkyfrite
    MasculinAge : 111Messages : 595

    Jeu 28 Aoû 2014 - 14:47

    Merci BEAUCOUP !



    Fiche de faux-profil multi-perso 734710tumblrlr3y3p5zdz1qlqscio1500
    Caine Lornan
    Caine Lornan
    MasculinAge : 42Messages : 87

    Jeu 28 Aoû 2014 - 17:32

    Merci
    Mikasa
    Mikasa
    FémininAge : 26Messages : 162

    Jeu 28 Aoû 2014 - 21:04

    merci !



    Fiche de faux-profil multi-perso Miksa210
    Signa:
    Lady Doll
    Lady Doll
    FémininAge : 35Messages : 101

    Ven 5 Sep 2014 - 18:52

    merci ♥
    Abysse Yclette
    Abysse Yclette
    FémininAge : 31Messages : 123

    Dim 7 Sep 2014 - 14:28

    Bien sympa, très original. Merci !



    Fiche de faux-profil multi-perso 742880velo
    A-Lice
    A-Lice
    FémininAge : 29Messages : 4939

    Mer 10 Sep 2014 - 13:39

    Merci beaucoup pour cette astuce Cap'tain (:

    Milka
    Milka
    FémininAge : 35Messages : 112

    Sam 13 Sep 2014 - 16:57

    Merci pour cette astuce :)
    Eerie Ange's
    Eerie Ange's
    FémininAge : 22Messages : 166

    Dim 14 Sep 2014 - 20:43

    merci ^^
    Stitch56
    Stitch56
    FémininAge : 30Messages : 209

    Lun 15 Sep 2014 - 11:40

    Merci
    Jawilsia
    Jawilsia
    FémininAge : 31Messages : 143

    Ven 19 Sep 2014 - 15:46

    Ouah, c'est génial *.*
    Lissandra
    Lissandra
    FémininAge : 26Messages : 7

    Ven 19 Sep 2014 - 22:08

    Ingénieux...Merci !
    Chione
    Chione
    MasculinAge : 23Messages : 397

    Ven 19 Sep 2014 - 23:15

    Wow, en tout cas j'adore le profil :hum:



    Fiche de faux-profil multi-perso 1435969469-signd
    FEZ!FEZ!
    Fiche de faux-profil multi-perso 150804081846482087
    Saya Shirayuki
    Saya Shirayuki
    FémininAge : 31Messages : 153

    Mer 24 Sep 2014 - 13:08

    C'est génial *^*
    Elzeir
    Elzeir
    FémininAge : 28Messages : 22

    Jeu 25 Sep 2014 - 23:14

    Super, j'adore ! merci !
    W.
    W.
    FémininAge : 25Messages : 127

    Dim 28 Sep 2014 - 14:24

    merci beaucoup !!



    Je suis Charlie.
    tinker`bell
    tinker`bell
    FémininAge : 35Messages : 20

    Dim 28 Sep 2014 - 18:24

    Merci beaucoup.
    Féhéla
    Féhéla
    FémininAge : 50Messages : 238

    Mer 1 Oct 2014 - 23:38

    Merci du partage
    Trych
    Trych
    FémininAge : 28Messages : 81

    Jeu 2 Oct 2014 - 0:24

    merci



    Fiche de faux-profil multi-perso Just_k10
    MOON LEE
    MOON LEE
    FémininAge : 29Messages : 149

    Jeu 2 Oct 2014 - 12:47

    Merci BEAUCOUP !
    Kau
    Kau
    FémininAge : 22Messages : 148

    Jeu 2 Oct 2014 - 18:24

    Merci
    Killae Adams
    Killae Adams
    FémininAge : 24Messages : 114

    Jeu 2 Oct 2014 - 18:29

    Merci beaucoup ! Je suis d'accord avec celle ou celui ayant sortit "et sinon, ça t'arrives de faire un truc moche ?", du coup ça, ce serait impossible à faire en matière de "vrai profil" ? Ou possible bien que compliqué ? En tout cas merci beaucoup. Si le membre doit le poster lui-même il y a une façon de le faire automatiquement ? Genre un champ où on mettrait son texte, puis son avatar ...? Non ok je demande trop ? de toute façon c'est pas très grave, je pense à mon panda, donc aucun problèmes. Merci !
    Contenu sponsorisé


      La date/heure actuelle est Mar 19 Mar 2024 - 6:24