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 :
LEGO Icons 10331 – Le martin-pêcheur
35 €
Voir le deal

    Demande de profil

    Immortal
    Immortal
    FémininAge : 38Messages : 637

    Ven 17 Fév 2012 - 15:53

    Bonjour ^^

    Commande
    Elément à coder : Alors il s'agit d'une demande de profil complet.
    Adresse du forum : http://wildwide.forumgratuit.org/
    Description du résultat voulu : Alors je vais commencer par le schéma:
    Spoiler:
    1) Le speudo: Alors j'aimerai un grand speudo (genre taille 3 ou 4 en html), en gras, centré avec la police Georgia.
    2) Rangs: J'aimerais mettre ici le rang image du forum. Comme les étoiles actuelles sur le mien, centré et collé à l'avatar (enfin le coin supérieur) comme sur l'exemple.
    3) L'avatar: 200*300 encadré (cf css). En gros sur ce point là, il n'y a rien à changé pour moi ^^.
    4) Online: Je pensais mettre une barrette sur le côté de l'avatar pour prévenir de quand le membre est en ligne :s. Je ne sais pas si je suis claire. :s. Ou alors comme sur Never juste en dessous de toutes ces infos. En centré?
    5) Rang 2: Rang spécialisée du membre, en petit caractère, centré, juste sous l'avatar.
    6) Lien 1 et 2: J'aimerai avoir la possibilité soit de mettre une image, soit un texte. Le principe serait ici de mettre un lien vers la fiche du personnage et vers sa fiche de présentation. Je pensais comme mot à "carnet" pour le Lien N°1 et "Fiche" pour le lien n°2.
    7) Mieux me connaître/ Assez: il s'agirait là de mettre une sorte de bouton cliquable. Afin que toutes les informations de la fiches de personnages soient apparentes: Date d'inscription, poste, avatar, DC, race, jusqu'au crédits... Bref tous les éléments du profil. De la même manière que les liens 1 et 2 j'aimerai pouvoir faire le choix de mettre une image ou bien un texte que je pouvais agrandir, mettre en gras, avec une police particulière etc... (ou bien en infobulle si c'est plus pratique)
    Cool Gifs: Et c'est là que ça se complique. J'aimerai que tous les éléments du profils soient au-dessus SAUF le gif que j'aimerais voir apparaître ici :p.
    9) Idem que le point 7 sauf qu'ici, serait caché la fiche personnage du profil, que je nomme sur mon forum "carnet de route". (Ou bien en infobulle si c'est plus pratique ^^)

    Pour ce qui est de la couleur intérieure des cadres et des éléments j'aimerais si possible que les fonds de chaque partie soient identique à celui du cadre de l'avatar... J'ai pas l'impression d'être claire mdr. :s

    Couleurs ou tons :
    Voici les couleurs de mon css qui devrait normalement tout vous donner à ce niveau là ^^

    Images : Nop ^^ Seul l'avatar : 200*320 et le gif: 200*100
    Autres précisions : Je sais que je demande beaucoup et avec mon niveau j'ignore si tout est possible Sad. Donc s'il y a soucis n'hésitez pas à me le dire je tenterai d'alléger et/ou modifier ^^. En tout cas merci d'avoir pris le temps de me lire. ^^

    :love:


    Dernière édition par Immortal le Lun 12 Mar 2012 - 10:49, édité 1 fois
    Immortal
    Immortal
    FémininAge : 38Messages : 637

    Mar 21 Fév 2012 - 7:46

    Bonjour demande légèrement modifiée et toujours d'actualité ^^ Merci.




    Besoin d'avis pour un futur forum multi-univers.
    Promis je suis ouverte aux critiques comme aux solutions
    :love:
    CLICK
    Immortal
    Immortal
    FémininAge : 38Messages : 637

    Sam 25 Fév 2012 - 10:29

    Demande toujours d'actualité merci ^^




    Besoin d'avis pour un futur forum multi-univers.
    Promis je suis ouverte aux critiques comme aux solutions
    :love:
    CLICK
    Immortal
    Immortal
    FémininAge : 38Messages : 637

    Jeu 1 Mar 2012 - 10:27

    Commande toujours d'actualité merci :love:
    Immortal
    Immortal
    FémininAge : 38Messages : 637

    Lun 5 Mar 2012 - 19:31

    Commande toujours d'actualité merci ^^




    Besoin d'avis pour un futur forum multi-univers.
    Promis je suis ouverte aux critiques comme aux solutions
    :love:
    CLICK
    Final-Blonde
    Final-Blonde
    FémininAge : 101Messages : 144

    Mar 6 Mar 2012 - 11:34

    Bonjour Immortal,


    Je comprends bien tout tout de ta commande, sauf l'histoire des liens...
    Qui mettra ces liens ?
    Les membres eux-même par les champs personnalisables de leur profil ?
    Toi pour chacun des membre ?
    - Dans le premier cas, ça serait automatiquement compris dans la variable des infos qui est unique et contient tout cela. La seule chose que tu peux faire c'est un petit tutoriel des codes en BBcode qu'ils peuvent ensuite compléter.
    - La deuxième version est exactement pareille à la première sauf que c'est toi qui le ferait pour chaque membre via le PA...

    Dans les deux cas, ce n'est pas dans le template puisque là s'applique ce qui est général à tous les profils.

    A propos de template, peux-tu le fournir seulement si tu l'as déjà modifié ?
    Immortal
    Immortal
    FémininAge : 38Messages : 637

    Mar 6 Mar 2012 - 11:45

    Bonjour et merci de ta réponse déjà ^^

    Pour répondre à ta question ^^. En fait je voudrais que les membres puissent eux-mêmes mettre les liens (de leur fiche de présentation et de leurs fiches suivi de personnage). Donc oui oui j'avais bien l'intention de créer des champs dans le profil. Mais j'aimerais que ces liens apparaissent sous l'avatar en fait :s. Je ne suis pas certaine que ce soit plus clair pour le coup :s.

    Et pour le template (viewtopic-body si je ne me trompe pas :p) le voici ^^



    Si des soucis persistent encore n'hésitez pas ^^

    :love:
    Final-Blonde
    Final-Blonde
    FémininAge : 101Messages : 144

    Mar 6 Mar 2012 - 12:03

    Oui c'est bien ce template, (oups, j'ai omis de le préciser), mais seulement si tu l'as déjà modifié, auquel cas, même le CSS UNIQUEMENT de ce template serait utile...

    Immortal a écrit:j'aimerais que ces liens apparaissent sous l'avatar
    Justement, comme je te l'expliquais plus haut, ce n'est pas possible de séparer ces différentes infos, parce que le tout est contenu dans une seule variable.
    Pour te faire une idée, voic les variables du profil :
    {postrow.displayed.POSTER_NAME} le pseudo
    {postrow.displayed.POSTER_RANK} le rang
    {postrow.displayed.RANK_IMAGE}{postrow.displayed.POSTER_AVATAR} l'avatar

    {postrow.displayed.profile_field.LABEL} titre des champs
    {postrow.displayed.profile_field.CONTENT} contenu des champs
    {postrow.displayed.profile_field.SEPARATOR} les séparateurs choisis dans les options du profil

    {postrow.displayed.POSTER_RPG} feuille personnage
    Immortal
    Immortal
    FémininAge : 38Messages : 637

    Mar 6 Mar 2012 - 12:13

    Hannn alors c'est moi qui n'ai pas compris ou qui me suis mal exprimée lol.

    Parce qu'en fait j'ai vu ce système sur plusieurs forums.

    Par exemple sur Glee.RPG.

    Je vais faire un screen pour montrer ce que je voulais dire :s.

    Screen 1: alors c'est ce que l'on voit quand on ne passe pas la sourie sur "wikiglee" et "gleefiche". Les deux flèches rouges pointant sur les images dont je voulais parler :s.
    Spoiler:

    Screen 2: Représentant ce qu'il se passe quand on passe la sourie sur l'une des deux images. Un lien url apparaît. Si on clique sur l'image ça nous renvoie directement au lien en question.
    Spoiler:

    Au départ je pensais que c'était seulement un code à rajouter entre l'avatar et les infos dans le template. Mais sur glee il est possible de les modifier les liens directement dans le profil.

    Glee est un exemple mais en faisant des demandes de partenariats j'ai vu plusieurs autres forums utiliser ces codes. Du coup je me suis dis que s'était jouable :s.

    :love:




    Besoin d'avis pour un futur forum multi-univers.
    Promis je suis ouverte aux critiques comme aux solutions
    :love:
    CLICK
    Final-Blonde
    Final-Blonde
    FémininAge : 101Messages : 144

    Mar 6 Mar 2012 - 14:39

    Oui, ayé j'ai compris ! (chui la plus rapide de tout l'ouest du pécos quand on m'explique longtemps et lentement ! :boulet:)

    Toutefois encore une question :
    Tous les éléments doivent être encadrés comme sur ton schéma, c'est ça ?
    Immortal
    Immortal
    FémininAge : 38Messages : 637

    Mar 6 Mar 2012 - 14:44

    Lol rassures toi je ne suis pas mieux dans mon genre :p. Comme on dit je comprends vite mais il faut m'expliquer longtemps :p

    Et pour te répondre j'aimerais encadrer chaque partie individuellement si possible. Comme tu pourras le voir sur mon forum. L'avatar (qui est déjà incliné) est encadré. Je voudrais si possible la même chose pour le gif, pour "mieux me connaître", "tous mes secrets"...

    :love:




    Besoin d'avis pour un futur forum multi-univers.
    Promis je suis ouverte aux critiques comme aux solutions
    :love:
    CLICK
    Final-Blonde
    Final-Blonde
    FémininAge : 101Messages : 144

    Mar 6 Mar 2012 - 18:12

    MESSAGE EDITÉ à 22:30 :
    Je pensais n'avoir plus le temps avec mes révisions, mais finalement j'ai pu finir.

    Il me semble mieux de diviser le tuto en deux, ainsi le tempa que j'installe le reste, tu peux déjà personnaliser la première partie, voire me demander de modifier quelque chose.

    Je n'ai pas cherché avec les couleurs, sauf pour l'avatar, parce que je crois que tu sauras mieux que personne comment les marier.
    Il y a aussi quelques effets en plus, à toi de voir si tu veux les garder ou pas...

    Commençons par la partie du template concernée, et seulement celle-ci (repère toi é la grande balise).
    Laisse deux sauts de ligne avant et après afin de retrouver facilement la partie modifiée qui est aussi sans indentation (collée à gauche).
    Il y a là toute la partie, mais ça va jusqu'au rang sous l'avatar:
    Code:
       <!-- BEGIN postrow -->

     
    <!-- BEGIN displayed -->
    <tr class="post">
    <td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="250">
     
    <div class="postpseudo">
    <a name="{postrow.displayed.U_POST_ID}"></a>{postrow.displayed.POSTER_NAME}
    </div>

    <div class="postrankimg" align="center">
    {postrow.displayed.RANK_IMAGE}
    </div>

    <div class="postavatar">
    {postrow.displayed.POSTER_AVATAR}
    <div class="olpose">
    {postrow.displayed.ONLINE_IMG}
    </div></div>
     
    <div class="postrank" align="center">
    {postrow.displayed.POSTER_RANK}
    </div>

    <table width="100%" align="center"><tr>
    <td class="carnetfiche" align="center" valign="middle" nowrap="nowrap">
    <!-- BEGIN contact_field -->
    {postrow.displayed.contact_field.CONTENT}
    <!-- END contact_field -->
    </td></tr></table>

    <div align="center" onClick="this.firstChild.value=(this.firstChild.value=='Mieux me connaître')?'Assez':'Mieux me connaître';this.lastChild.style.display=(this.firstChild.value=='Mieux me connaître')?'none':'block';" style="text-align: center;">
    <input type="button" value="Mieux me connaître" class="infosbutton" />
    <div style="display: none;" class="postinfos">
    <!-- BEGIN profile_field -->
    {postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}
    <!-- END profile_field -->
    </div></div>

    <div align="center" onClick="this.firstChild.value=(this.firstChild.value=='Carnet de route')?'Retour':'Carnet de route';this.lastChild.style.display=(this.firstChild.value=='Carnet de route')?'none':'block';" style="text-align: center;">
    <input type="button" value="Carnet de route" class="rpgbutton" />
    <div style="display: none;" class="rpgcontent">
    {postrow.displayed.POSTER_RPG}
    </div></div>
    <br />
    <img src="http://2img.net/i/fa/empty.gif" alt="" style="width:150px;height:1px" />
    </td>
    Il faut juste faire deux petite manip par rapport au bandeau "online" et au champ-contact pour les liens.
    Situe avec une recherche (Ctrl+F) cette variable et supprime-là car elle a été mise avec l'avatar plus haut:
    Code:
    {postrow.displayed.ONLINE_IMG}
    Ensuite idem avec cette variable et ses deux grandes balises :
    Code:
    <!-- BEGIN contact_field -->{postrow.displayed.contact_field.CONTENT}<!-- END contact_field -->

    Voic pour le CSS :
    Le CSS:
    Je pense que tu peux t'y retrouver mais je reste à ta disposition pour toute quastion.

    En ce qui concerne les deux liens, ce sont les champs "contact" dans le profil.
    Attention, il faut utiliser celui par défaut pour le site des membres si tu ne veux pas qu'il s'affiche aussi,parce qu'il est compris dans la variable.
    Le deuxième il faut le créer par la croix verte "plus+".
    Mauvaise nouvelle, je ne vois pas de champ texte possible en guise de titre, ou alors il faut le créer via un éditeur d'images comme Gimp, ou autres.

    Dans ce tuto, il manque juste la partie "gif/image" que je n'ai pas comprise...
    Ce serait une image par défaut dans le template ?
    Immortal
    Immortal
    FémininAge : 38Messages : 637

    Mar 6 Mar 2012 - 22:52

    Hannnnnn sublime c'est vraiment adorable ^^

    Si tu veux voir le rendu, normalement tu auras accès à ce sujet : http://wildwidetest.forumgratuit.org/t15-oui-encore#35

    De notre forum test ^^

    Ton code et ton explication sont super clair en plus c'est vraiment un régal Embarassed

    :love:

    Merciiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiii **
    Final-Blonde
    Final-Blonde
    FémininAge : 101Messages : 144

    Mar 6 Mar 2012 - 22:56

    Ah oui, pas mal.

    Mais as-tu remarqué que j'au édité le précédentmessage et que là le tuto est complet ?
    A moins que tu aies changé d'avis avec les boutons pour les infos et la feuille rpf ?
    Immortal
    Immortal
    FémininAge : 38Messages : 637

    Mar 6 Mar 2012 - 22:57

    Ha nan Embarassed Je n'avais pas vu. Là je dois filer mais je continue de placer ton code demain si ca ne t'ennuis pas **.

    Mais encore une fois un grand merci à toi vraiment **

    :love:




    Besoin d'avis pour un futur forum multi-univers.
    Promis je suis ouverte aux critiques comme aux solutions
    :love:
    CLICK
    Final-Blonde
    Final-Blonde
    FémininAge : 101Messages : 144

    Mar 6 Mar 2012 - 22:59

    Je t'en prie, et moi m'en vais dormir ! :toto:
    Immortal
    Immortal
    FémininAge : 38Messages : 637

    Mar 6 Mar 2012 - 23:07

    Bonnnnnnnnn nuit à toi mon bon géni :p

    Pour ma part je n'ai pas su résister et j'ai placer les codes Very Happy

    Par contre je rencontre quelques petites problèmes.
    -Le premier c'est pour les liens. En fait tu m'as placé le lien 'site web du posteur'. Or je voudrais, si possible que les deux liens en question renvoi à des informations du profil :s.
    -Le gif se trouve dans, mieux me connaitre et j'aimerai qu'il se trouve entre "mieux me connaître" et "Carnet de route" Sad

    As-tu une idée de la façon dont je dois procéder?

    Encore une fois un immense merci à toi vraiment **.




    Besoin d'avis pour un futur forum multi-univers.
    Promis je suis ouverte aux critiques comme aux solutions
    :love:
    CLICK
    Final-Blonde
    Final-Blonde
    FémininAge : 101Messages : 144

    Mar 6 Mar 2012 - 23:11

    Je crois qu'il faut que tu relises tout le message du tuto, parce que je parle justement de ces points.

    L'autre chose, pour l'image du "online", c'est le bandeau par défaut dans le champ des images que j'ai mis.
    Immortal
    Immortal
    FémininAge : 38Messages : 637

    Mar 6 Mar 2012 - 23:20

    Pour le gif autant pour moi je suis désolée je n'avais pas fais attention Embarassed. En fait non, il s'agit d'un élément du profil. Mais je pense qu'en tant que tel on ne peut pas le modifier, aussi est-il possible de le placer en tant que Rang spécial par exemple? Je ne suis pas certaine d'être claire :s. En fait je voudrais placer un gif (que les membres auraient choisis) dans cette partie. Un gif de 200*100 :s.

    Par contre dans le champ contact j'ai créé les deux "balises": Liens et fiche. Mais je ne vois pas comment les placer dans le template par contre :s. Je veux dire à la place de l'adresse mail du membre comme mis dans ton code ?

    :love:

    Merci encore en tout cas et fais de beaux rêves **
    Final-Blonde
    Final-Blonde
    FémininAge : 101Messages : 144

    Mer 7 Mar 2012 - 6:44

    Pour les deux liens, c'est dans le PA >> Utilisateurs & Groupes > Profil > Cahamps contact > Nouveau (1 seul) :
    Capture d'édition des champs:
    Ensuite >> Le site WEB du membre et le Nouveau site (qui seront en fait utiliser comme lien aux différentes pages) sont à placer au début:
    Capture de la liste des champs:
    On retrouve alors ces deux champs dans le profil du membre et c'est lui qui doit remplir ces deux champs avec le lien à sa présentation et celui à sa feuille de personnage (comme il le fait pour son site web, son mail, etc).
    A toi de faire un petit tuto, comme ici "comment bien remplir son profil", qui explique quand et comment les membres doivent remplir ces champs dans la page infos de leur profil, mais c'est exactement pareil que pour les autres champs-contact:
    Capture des champs dans le profil-membre:
    La variable (qui est celle pour tous les champs "adresse internet") est déjà placée dans le tuto, tout ce que tu as à faire comme expliqué dans mon post, c'est de la supprimer à sa place d'origine (relis encore le précédent tuto).
    Si tu mets l'option "non obligatoirement rempli" au champ, les membres n'ayant pas rempli ces champs, ne les retrouveront pas sur leur profil des messages, ni dans le profil général (exactement comme pour le site web ou autre de ces champs).
    Voici ce que donne dans les profils de mon FT:
    Capture profils-post:

    Pour le gif, c'est le rang-image qui fait office de gif personnalisé comme l'explique le tuto "comment bien remplir son profil" indiqué plus haut.
    Nope, je ne pense pas que ce soit possible autrement par le biais du rang. Toutefois, nous pouvons aussi par la signature, qui peut être placée dans cette partie du profil...
    A toi de statuer.

    NB : Essaie de tout tout bien lire. :toto:
    Immortal
    Immortal
    FémininAge : 38Messages : 637

    Mer 7 Mar 2012 - 9:35

    Hannn pour le gif c'est de ma faute, je me suis persuadée toute seule (j'ignore encore comment) qu'il était possible d'avoir plusieurs rangs par personnages :s. Hors ce n'est pas le cas. Il s'agit, ici, en fait, de scinder le rang en deux parties si je comprends bien: rang image et rang écrit. Donc c'est bon j'ai trouver comment le déplacer à partir du template. Encore une fois merci à toi. Par contre...

    Pour ce qui est du profil oui oui rassures toi j'avais bien compris mais je crois que tu ne saisis pas où je veux en venir Sad Désolée Sad.

    Je vais te faire des captures comme toi.
    Alors j'avais bien créé les deux champs fiches et liens/rp. Seulement, comme tu peux le voir sur la capture si-dessous, ils sont indépendants du champ WWW:


    Et cette balise "www" (site web des posteurs) que je souhaiterai remettre à sa place initiale, c'est à dire dans la partie contact du profil, juste sous les messages donc :s. Pour ne laisser, que les deux autres balises sous l'avatar, c'est-à-dire "fiche" et "liens/rps" (qui n'ont pas la bonne image mais s'était pour l'exemple :s)



    j'ignore si je suis plus claire :s. Si ce n'est pas le cas n'hésite pas :s.

    Merci encore en tout cas.
    huggggggggggggggg
    Final-Blonde
    Final-Blonde
    FémininAge : 101Messages : 144

    Sam 10 Mar 2012 - 11:19

    Bonjour,

    J'ai été débordée, mais revoici moi !

    Alors je pense à l'inverse que c'est toi qui n'a pas bien saisi (ou plus exactement dit, que je me suis certainement mal exprimée) ce passage:
    FB a écrit:La variable qui est celle pour tous les champs "adresse internet"
    Donc, c'est une variable, donc indivisible et unique.
    Comme dans le forum que tu sites en exemple, ils ont renoncé aux adresses autres que celles qu'ils veulent dans les messages.
    Toutefois, tu peux laisser les sites web et autres adresses, mais dans la page de profil.
    Immortal
    Immortal
    FémininAge : 38Messages : 637

    Lun 12 Mar 2012 - 10:48

    Hannnnnn effectivement :s. Vraiment toutes mes excuses je n'avais pas compris ça comme ça.

    Il ne me reste donc plus qu'à te remercier encore et encore pour ta gentillesse, tes connaissances et ta patience **.

    Merciiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiii

    :love:




    Besoin d'avis pour un futur forum multi-univers.
    Promis je suis ouverte aux critiques comme aux solutions
    :love:
    CLICK
    Final-Blonde
    Final-Blonde
    FémininAge : 101Messages : 144

    Lun 12 Mar 2012 - 11:11

    Mais je t'en prie, et bonne continuation à toi et le forum. :gentleman:
    Immortal
    Immortal
    FémininAge : 38Messages : 637

    Lun 12 Mar 2012 - 11:36

    Hannnnnn j'oubliais Embarassed Je voulais savoir si tu avais un bouton 88*31 pour t'ajouter dans les crédits avec Never-Utopia ?

    Encore une fois un immense merci à toi **




    Besoin d'avis pour un futur forum multi-univers.
    Promis je suis ouverte aux critiques comme aux solutions
    :love:
    CLICK
    Contenu sponsorisé


      La date/heure actuelle est Sam 23 Nov 2024 - 2:55