(Onyx) Codage profil... HELP !

Sam 24 Sep 2016 - 19:35

Meiywa

Age : 33Messages : 81

Sam 24 Sep 2016 - 19:35

Ma demande

Bien le bonjour/bonsoir à vous tous Very Happy

Je viens demander de l'aide... En effet, je bloque sur le codage de mon profil simplement parce que ça dépasse mes compétences :) Merci, d'avance à celui/celle qui m'aidera dans ce codage (a) J'aimerais ajouter plusieurs choses à mon profil pour qu'il s'adapte au mieux au genre de forum que j'aimerais faire :)

- Dans un premier temps, j'aimerais que quand on clique sur un bouton, les éléments du profil apparaissent. Et quand on clique sur un autre bouton, les éléments de la feuille de personnage apparaissent. Lorsque l'on clique ailleurs, sur la page, nous revenons à l'affichage de l'avatar. Actuellement, j'ai la structure de mon profil, donc tout les éléments sont placé là où je veux... Le hic, c'est les cliques xD C'est un peu comme ce principe là mais je ne m'y connais pas assez que pour bidouiller le code...

Pour l'instant, je suis à ce stade là:

Je n'ose pas trop placé les boutons que faire la fin du Game Boy par peur de devoir tout recommencer et comme je me connais Twisted Evil

- Ensuite, j'aimerais que mon profil change de couleur selon le rang choisit. Je précise de le fond est une image... Je suppose que l'on doit faire ça en javascript mais je sais pas comment m'y prendre :'(

Schéma(s) et Eléments
Schémas :

Schéma:

Tailles des éléments : (en pourcentage ou en pixels, ou bien simplement en proportions approximatives si vous ne savez pas comment les indiquer)
Effets voulus : (si vous désirez des effets particuliers, arrondis, transitions...)

Ressources

Bouton:

Autres précisions ?
Si vous avez besoin de signaler autre chose ou d'indiquer un supplément d'information...

Dernière édition par Meiywa le Sam 31 Déc 2016 - 15:55, édité 1 fois

Lun 26 Sep 2016 - 1:56

Onyx

Age : 30Messages : 3350

Lun 26 Sep 2016 - 1:56

Salut!

Il va falloir que tu fournisses toutes les images de Gameboy, avec les différentes couleurs que tu souhaites. La partie noir où il y a l'avatar devrait soit être transparent, soit tu fournis le petit demi-rond en haut séparemment pour que l'avatar soit en dessous de ce petit demi-rond. (Note : en fournissant l'image, tu peux ne pas mettre les ronds noirs à droite ou les mettre, un ou l'autre va). Et le codeur va avoir besoin du nom de tes différents rangs.

Est-ce que tu pourrais fournir ton template et le CSS associé à ton profil? Puisque tu as déjà fait une bonne partie, autant partir de ce que tu as fait ^^

PS : Ton sujet est supposé être dans le codage d'éléments de code, pas le codage de messages. Je le déplacerai après ta prochaine réponse Wink

Mer 28 Sep 2016 - 20:43

Meiywa

Age : 33Messages : 81

Mer 28 Sep 2016 - 20:43

Coucou Onyx,

Merci pour ta réponse Very Happy

Je donnerais mon template et mon css demain ou vendredi, quand j'aurais le temps de regarder à tout ça et de continuer mon projet Very Happy

Je fournirais également toutes les images et les informations utiles que le codeur aura besoin Very Happy

Encore merci :hug:

Ven 30 Sep 2016 - 17:54

Meiywa

Age : 33Messages : 81

Ven 30 Sep 2016 - 17:54

Double message... Désolée mais je ne trouve pas la mention "supprimer" Shocked

Bref... Voici les différentes images + mon template et mon CSS :)

Encore merci à celui/celle qui prendra ma commande :love:

IMAGES QUI CHANGENT SELON LE RANG:

IMAGES DU GAME BOY:

IMAGES DES RANGS:

MON TEMPLATE:

Ven 7 Oct 2016 - 16:31

Meiywa

Age : 33Messages : 81

Ven 7 Oct 2016 - 16:31

Bien le bonjour Very Happy

Ma commande est toujours d'actualité :-)

Ven 14 Oct 2016 - 17:31

Meiywa

Age : 33Messages : 81

Ven 14 Oct 2016 - 17:31

Hello le monde Very Happy

Ma commande est toujours d'actualité (a)

Merci à celui ou celle qui la prendra en charge :heart:

Mer 26 Oct 2016 - 19:46

Onyx

Age : 30Messages : 3350

Mer 26 Oct 2016 - 19:46

Salut!

C'est toujours d'actualité? Merci de upper au moins une fois par semaine pour qu'on sache que ce n'est pas abandonné. Le sujet sera archivé d'ici 10 jours s'il n'y a pas de nouvelles.

Mar 1 Nov 2016 - 16:35

Meiywa

Age : 33Messages : 81

Mar 1 Nov 2016 - 16:35

Coucou :-)

Oui oui... C'est toujours d'actualité Very Happy

Désolée, je n'ai pas su me connectée avant aujourd'hui ;-)

Ven 11 Nov 2016 - 8:52

Meiywa

Age : 33Messages : 81

Ven 11 Nov 2016 - 8:52

Hello :-)

Commande toujours d'actualité (a)
Merci à celui ou celle qui prendra ma commande :heart:

Ven 25 Nov 2016 - 18:18

Meiywa

Age : 33Messages : 81

Ven 25 Nov 2016 - 18:18

Meiywa a écrit:Hello :-)

Commande toujours d'actualité (a)
Merci à celui ou celle qui prendra ma commande

Jeu 8 Déc 2016 - 21:46

Onyx

Age : 30Messages : 3350

Jeu 8 Déc 2016 - 21:46

Salut!

C'est toujours d'actualité ici? Merci de donner des nouvelles d'ici 10 jours pour que le sujet ne soit pas archivé é_è

PS : Essaie de faire un up minimum une fois par semaine pour que ta demande soit plus visible et qu'on ne pense pas qu'elle soit abandonnée Wink

Note : Si c'est toujours à jour, je vais essayer de voir ce que je peux faire Wink

Du coup, j'ai des questions :
- Quand on clique sur les boutons pour faire apparaître les infos... les infos apparaîssent où exactement? Sur l'avatar?
- Quels sont les titres des rangs? Par là, je veux dire que quand tu as créé le rang avec l'image de Kirby par exemple, quel nom tu lui as donné as ce rang? J'aurais besoin du nom de tous les rangs.

Ven 9 Déc 2016 - 17:15

Meiywa

Age : 33Messages : 81

Ven 9 Déc 2016 - 17:15

Hello :)

Désolée, j'ai des semaines assez chargée en ce moment et c'est compliqué pour moi de connecter ;-)

Pour les infos du profil, oui c'est bien sur l'avatar avec un effet de glissement sur la gauche (c'est dur d'expliquer lol)... Si c'est possible bien entendu.

Au niveau du nom des rangs j'ai :
- équipe Mario
- équipe Kirby
- équipe Sonic
- Gameurs

Le mot "équipe" est obsolète, on peut très bien l'enlever pour avoir plus de facilité pour coder (a)
Voilà, j'espère avoir répondu à ta question :)

Merci d'essayer :heart:

Mer 14 Déc 2016 - 1:27

Onyx

Age : 30Messages : 3350

Mer 14 Déc 2016 - 1:27

Hey!

C'est bon comme ça?

http://forum-test-onyx6.forumactif.com/t3-petit-sujet-test#10

Dim 18 Déc 2016 - 10:55

Meiywa

Age : 33Messages : 81

Dim 18 Déc 2016 - 10:55

HAAAAAAAAA.... Mais c'est parfait Very Happy

Merciiiiiiiiiii <3 C'est Nowel avant Nowel Very Happy

Merciiiiii (a)

Dim 18 Déc 2016 - 22:01

Onyx

Age : 30Messages : 3350

Dim 18 Déc 2016 - 22:01

Bouh!

Alors si c'est bon, je te file les codes ^^

Voilà le template viewtopic_body :

Code:: <script type="text/javascript"> //<![CDATA[ var multiquote_img_off = '{JS_MULTIQUOTE_IMG_OFF}', multiquote_img_on = '{JS_MULTIQUOTE_IMG_ON}', _atr = '{JS_DIR}addthis/', _ati = '{PATH_IMG_FA}addthis/'{ADDTHIS_LANG}, addthis_localize = { share_caption: "{L_SHARE_CAPTION}", email: "{L_EMAIL}", email_caption: "{L_EMAIL_CAPTION}", favorites: "{L_SHARE_BOOKMARKS}", print: "{L_PRINT}", more: "{L_MORE}" }; $(function(){ if(typeof(_atc) == "undefined") { _atc = { }; } _atc.cwait = 0; $('.addthis_button').mouseup(function(){ if ($('#at15s').css('display') == 'block') { addthis_close(); } }); }); var hiddenMsgLabel = { visible:'{JS_HIDE_HIDDEN_MESSAGE}', hidden:'{JS_SHOW_HIDDEN_MESSAGE}' }; showHiddenMessage = function(id) { try { var regId = parseInt(id, 10); if( isNaN(regId) ) { regId = 0; } if( regId > 0) { $('.post--' + id).toggle(0, function() { if( $(this).is(":visible") ) { $('#hidden-title--' + id).html(hiddenMsgLabel.visible); } else { $('#hidden-title--' + id).html(hiddenMsgLabel.hidden); } }); } } catch(e) { } return false; }; //]]> </script> <table width="100%" border="0" cellspacing="2" cellpadding="0"> <tr> <td align="left" valign="middle" nowrap="nowrap"> <span class="nav">  <a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" id="{POST_IMG_ID}one" alt="{L_POST_NEW_TOPIC}" align="middle" border="0" /></a>   <a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" id="i_reply" alt="{L_POST_REPLY_TOPIC}" align="middle" border="0" /></a>  </span> </td> <td class="nav" valign="middle" width="100%"> <span class="nav"> <a class="nav" href="{U_INDEX}"><span>{L_INDEX}</span></a>  {NAV_CAT_DESC_SECOND} </span> </td> <td align="right" valign="bottom" nowrap="nowrap" width="100%">  <span id="twitter_btn" style="margin-left: 6px; "> <a href="https://twitter.com/share" class="twitter-share-button" data-via="{TWITTER}">Tweet</a> <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script> </span>   <script>(function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) return; js = d.createElement(s); js.id = id; js.src = "//connect.facebook.net/{LANGUAGE}/all.js#xfbml=1"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk'));</script> <div class="fb-like" data-href="{FORUM_URL}{TOPIC_URL}" data-layout="button_count" data-action="like" data-show-faces="false" data-share="false"></div>  <span class="gensmall bold"> <a class="addthis_button" href="http://www.addthis.com/bookmark.php?v=250&pub=forumotion">{L_SHARE}</a>  | <script type="text/javascript">//<![CDATA[ var url_favourite = '{U_FAVOURITE_JS_PLUS_MENU}'; var url_newposts = '{U_NEWPOSTS_JS_PLUS_MENU}'; var url_egosearch = '{U_EGOSEARCH_JS_PLUS_MENU}'; var url_unanswered = '{U_UNANSWERED_JS_PLUS_MENU}'; var url_watchsearch = '{U_WATCHSEARCH_JS_PLUS_MENU}'; var url_tellfriend = '{U_TELLFRIEND_JS_PLUS_MENU}'; insert_plus_menu('f{FORUM_ID}&t={TOPIC_ID}','{JS_SESSION_ID}', {JS_AUTH_FAVOURITES}); //]]> </script>  </span> </td> </tr> </table> <table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0" > <tr align="right"> <td class="catHead" colspan="3" height="28"> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="9%" class="noprint"> </td> <td align="center" class="t-title"> <h1 class="cattitle"> {TOPIC_TITLE}</h1> </td> <td align="right" width="9%" class="browse-arrows"><a href="{U_VIEW_OLDER_TOPIC}">{L_VIEW_PREVIOUS_TOPIC}</a> <a href="{U_VIEW_NEWER_TOPIC}">{L_VIEW_NEXT_TOPIC}</a> <a href="#bottom">{L_GOTO_DOWN}</a> </td> </tr> </table> </td> </tr>  <tr> <td class="row1 pagination" colspan="2" align="right" valign="top"><span class="gensmall">{PAGINATION}</span></td> </tr>  {POLL_DISPLAY} <tr> <th class="thLeft" nowrap="nowrap" width="150px" height="26">{L_AUTHOR}</th> <th class="thRight" nowrap="nowrap" colspan="2">{L_MESSAGE}</th> </tr>   <tr> <td class="postdetails {postrow.hidden.ROW_CLASS}" colspan="3" align="center">{postrow.hidden.MESSAGE}</td> </tr>   <tr class="post post--{postrow.displayed.U_POST_ID}" id="p{postrow.displayed.U_POST_ID}" style="{postrow.displayed.DISPLAYABLE_STATE}"> <td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="150"> <div class="profil_utilisateur"> <div class="postdetails poster-profile"> <div class="profil_faction">{postrow.displayed.RANK_IMAGE}</div> <div class="profil_avatar">{postrow.displayed.POSTER_AVATAR}</div> <div class="boutonsROND1" tabindex="0"></div> <div class="boutonsROND2" tabindex="0"></div> <img class="boutonsPLUS" src="http://img4.hostingpics.net/pics/294743boutonplus.png" /> <div class="profil_trucs_caches"> <div class="profil_champs">  <span class="profil_champ"> {postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR} </span>  </div> <div class="profil_rpg"> {postrow.displayed.POSTER_RPG} </div> </div> </div> </div> </td> <td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="100%" height="28" colspan="2"> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td><span class="postdetails"><img src="{postrow.displayed.MINI_POST_IMG}" alt="{postrow.displayed.L_MINI_POST_ALT}" title="{postrow.displayed.L_MINI_POST_ALT}" border="0" />{L_POST_SUBJECT}: {postrow.displayed.POST_SUBJECT} <img src="{postrow.displayed.MINI_TIME_IMG}" alt="" border="0" />{postrow.displayed.POST_DATE}</span></td> <td valign="top" nowrap="nowrap" class="post-options"> {postrow.displayed.THANK_IMG} {postrow.displayed.MULTIQUOTE_IMG} {postrow.displayed.QUOTE_IMG} {postrow.displayed.EDIT_IMG} {postrow.displayed.DELETE_IMG} {postrow.displayed.IP_IMG} {postrow.displayed.REPORT_IMG} </td> </tr> <tr> <td colspan="2" class="hr"> <hr /> </td> </tr> <tr> <td colspan="2">  <div class="vote gensmall">  <div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_PLUS}">+</a></div>   <div class="vote-bar" title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}">  <div class="vote-bar-plus" style="height:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_plus.HEIGHT_PLUS}px;"></div>   <div class="vote-bar-minus" style="height:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_minus.HEIGHT_MINUS}px;"></div>  </div>   <div title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}" class="vote-no-bar">----</div>   <div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_MINUS}">-</a></div>  </div>  <span class="name"><a name="{postrow.displayed.U_POST_ID}" style="position: relative; top: -30px; width: 1px;" id="{postrow.displayed.U_POST_ID}"></a><div class="profil_pseudo"><strong> <p style="color: #939494; display: inline; font-size: 15px;">Je joue en tant que</p> {postrow.displayed.POSTER_NAME}</strong></div></span><br /> <div class="postbody"> <div class="messagePoster">{postrow.displayed.MESSAGE}</div>  <dl class="attachbox"> <dt>{postrow.displayed.switch_attachments.L_ATTACHMENTS}</dt> <dd>  <dl class="file"> <dt> <img src="{postrow.displayed.switch_attachments.switch_post_attachments.U_IMG}" alt="" />  <a class="postlink" href="{postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.U_ATTACHMENT}">{postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.ATTACHMENT}</a> {postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.ATTACHMENT_DEL}   {postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.ATTACHMENT} {postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.ATTACHMENT_DEL}  </dt>  <dd> <em>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_comment.ATTACHMENT_COMMENT}</em> </dd>   <dd> <em><strong>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.TEXT_NO_DL}</strong></em> </dd>  <dd>({postrow.displayed.switch_attachments.switch_post_attachments.FILE_SIZE}) {postrow.displayed.switch_attachments.switch_post_attachments.NB_DL}</dd> </dl>  </dd> </dl>  <div class="clear"></div>  <div class="signature_div"> {postrow.displayed.SIGNATURE} </div>  </div> <span class="gensmall">{postrow.displayed.EDITED_MESSAGE}</span> </td> </tr> </table> </td> </tr> <tr class="post--{postrow.displayed.U_POST_ID}" style="{postrow.displayed.DISPLAYABLE_STATE}"> <td class="{postrow.displayed.ROW_CLASS} browse-arrows"{postrow.displayed.THANK_BGCOLOR} align="center" valign="middle" width="150"> <a href="#top">{L_BACK_TO_TOP}</a> <a href="#bottom">{L_GOTO_DOWN}</a> </td> <td class="{postrow.displayed.ROW_CLASS} messaging gensmall"{postrow.displayed.THANK_BGCOLOR} width="100%" height="28"> <table border="0" cellspacing="0" cellpadding="0"> <tr> <td valign="middle"> {postrow.displayed.PROFILE_IMG} {postrow.displayed.PM_IMG} {postrow.displayed.EMAIL_IMG} {postrow.displayed.contact_field.CONTENT} {postrow.displayed.ONLINE_IMG} </td> </tr> </table> </td> </tr>  </table> <hr /> <table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0"> <tr> <th class="thLeft" nowrap="nowrap" width="150px" height="26">{L_AUTHOR}</th> <th class="thRight" nowrap="nowrap" colspan="2">{L_MESSAGE}</th> </tr>     <tr align="center"> <td class="row1" colspan="3" height="28"> <span class="genmed">{no_post.L_NO_POST}</span> </td> </tr>  <tr align="right"> <td class="catBottom" colspan="3" height="28"> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="9%" class="noprint"> </td> <td align="center" class="t-title"><a name="bottomtitle"></a><div class="cattitle">{TOPIC_TITLE}</div></td> <td align="right" nowrap="nowrap" width="9%" class="browse-arrows"><a href="{U_VIEW_OLDER_TOPIC}">{L_VIEW_PREVIOUS_TOPIC}</a> <a href="{U_VIEW_NEWER_TOPIC}">{L_VIEW_NEXT_TOPIC}</a> <a href="#top">{L_BACK_TO_TOP}</a> </td> </tr> </table> </td> </tr> </table> <table class="forumline noprint" width="100%" border="0" cellspacing="0" cellpadding="0" style="margin: 0 0 1px 0; border-top: 0px;"> <tr> <td class="row2" valign="top" {COLSPAN_PAGINATION} width="150"><span class="gensmall">{PAGE_NUMBER}</span></td>  <td class="row1" align="right" valign="top" ><span class="gensmall">{PAGINATION}</span></td>  </tr>   <tr> <td class="row2" colspan="2" align="right" valign="top"><span class="gensmall">{S_WATCH_TOPIC}</span></td> </tr>   </table>  <table class="forumline" width="100%" border="0" cellpadding="1" cellspacing="0" id="ptrafic_close" style="display:none;margin: 1px 0px 1px 0px"> <tr> <td class="catBottom" height="28"> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td valign="top"><div class="cattitle"> {PROMOT_TRAFIC_TITLE}</div></td> <td align="right" valign="middle" width="10"><span class="gensmall"><a href="javascript:ShowHideLayer('ptrafic_open','ptrafic_close');"><img src="{TABS_MORE_IMG}" alt="+" align="middle" border="0" /></a></span></td> </tr> </table> </td> </tr> </table> <table class="forumline" width="100%" border="0" cellpadding="1" cellspacing="0" id="ptrafic_open" style="display:'';margin: 1px 0px 1px 0px"> <tr> <td class="catBottom" height="28"> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td valign="top"><div class="cattitle"> {PROMOT_TRAFIC_TITLE}</div></td> <td align="right" valign="middle" width="10"><span class="gensmall"><a href="javascript:ShowHideLayer('ptrafic_open','ptrafic_close');"><img src="{TABS_LESS_IMG}" alt="-" align="middle" border="0" /></a></span></td> </tr> </table> </td> </tr> <tr> <td class="row2 postbody" valign="top">  » <a style="text-decoration:none" href="{promot_trafic.link.U_HREF}" target="_blank" title="{promot_trafic.link.TITLE}" rel="nofollow">{promot_trafic.link.TITLE}</a><br />  </td> </tr> </table>   <table id="forum_rules" class="forumline" width="100%" border="0" cellspacing="0" cellpadding="0" style="margin: 1px 0px 1px 0px"> <tbody> <tr> <td class="catBottom"> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tbody> <tr> <td valign="top"> <div class="cattitle"> {L_FORUM_RULES}</div> </td> </tr> </tbody> </table> </td> </tr> <tr> <td class="row1 clearfix"> <table> <tr>  <td class="logo"> <img src="{RULE_IMG_URL}" alt="" /> </td>  <td class="rules postbody"> {RULE_MSG} </td> </tr> </table> </td> </tr> </tbody> </table>  <table class="forumline noprint" width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td class="row2" colspan="2" align="center" style="padding:0px">  <a name="quickreply"></a> {QUICK_REPLY_FORM}<br />  </td> </tr> <tr> <td style="margin:0; padding: 0;" colspan="2"> <table border="0" cellpadding="0" width="100%" cellspacing="0" id="info_open" style="display:''"> <tbody>  <tr> <td class="row2" valign="top" width="25%"><span class="gensmall">{L_TABS_PERMISSIONS}</span></td> <td class="row1" valign="top" width="75%"><span class="gensmall">{S_AUTH_LIST}</span></td> </tr>  <tr> <td class="catBottom" colspan="2" height="28"> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td valign="middle" width="100%"><span class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_SEP}<a class="nav" href="{U_ALBUM}">{L_ALBUM}</a>{NAV_CAT_DESC_SECOND}</span></td>  <td align="right" valign="middle"><span class="gensmall"><a href="javascript:ShowHideLayer('info_open','info_close');"><img src="{TABS_LESS_IMG}" alt="-" align="middle" border="0" /></a></span></td>  </tr> </table> </td> </tr> </tbody> </table> </td> </tr> <tr> <td style="margin:0; padding: 0;" colspan="2"> <table border="0" cellpadding="0" cellspacing="0" width="100%" id="info_close" style="display:none;"> <tbody> <tr> <td class="catBottom" colspan="2" height="28"> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td valign="middle" width="100%"><span class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_SEP}<a class="nav" href="{U_ALBUM}">{L_ALBUM}</a>{NAV_CAT_DESC_SECOND}</span></td> <td align="right" valign="middle"><span class="gensmall"><a href="javascript:ShowHideLayer('info_open','info_close');"><img src="{TABS_MORE_IMG}" alt="+" align="middle" border="0" /></a></span></td> </tr> </table> </td> </tr> </tbody> </table> </td> </tr> </table> <form action="{S_JUMPBOX_ACTION}" method="get" name="jumpbox" onsubmit="if(document.jumpbox.f.value == -1){return false;}"> <table class="noprint" width="100%" border="0" cellspacing="2" cellpadding="0" align="center"> <tr> <td align="left" valign="middle" nowrap="nowrap" {WIDTH_GALLERY}> <span class="nav">  <a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" id="{POST_IMG_ID}Newtopic" alt="{L_POST_NEW_TOPIC}" align="middle" border="0" /></a>   <a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" alt="{L_POST_REPLY_TOPIC}" align="middle" border="0" /></a>  </span> </td> <td align="right" nowrap="nowrap"><span class="gensmall">{L_JUMP_TO}: {S_JUMPBOX_SELECT} <input class="liteoption" type="submit" value="{L_GO}" /></span></td>  <td align="center"> <span class="gensmall">{moderation_panel.U_YOUR_PERSONAL_MODERATE}</span> </td> <td align="center" width="250"> <span class="gensmall"> </span> </td>  </tr> </table> </form>  <table class="noprint" width="100%" border="0" cellspacing="2" cellpadding="0" align="center"> <tr> <td colspan="2" align="left" valign="top" nowrap="nowrap"><br />{S_TOPIC_ADMIN}<br /> <form name="action" method="get" action="{S_FORM_MOD_ACTION}"> <input type="hidden" name="t" value="{TOPIC_ID}" />  <input type="hidden" name="{SECURE_ID_NAME}" value="{SECURE_ID_VALUE}" /> <span class="gen">{L_MOD_TOOLS}<br />{S_SELECT_MOD} <input class="liteoption" type="submit" value="{L_GO}" /></span> </form> </td> </tr> </table>   <script type="text/javascript"> //<![CDATA[ $(resize_images({ 'selector' : '.postbody', 'max_width' : {switch_image_resize.IMG_RESIZE_WIDTH}, 'max_height' : {switch_image_resize.IMG_RESIZE_HEIGHT} })); //]]> </script>  <script src="{JS_DIR}addthis/addthis_widget.js" type="text/javascript"></script>

Le CSS à mettre à la place du CSS que tu m'avais donné :

Code:: /** PROFIL UTILISATEUR **/ /*Bloc profil*/ .profil_utilisateur { background: rgb(233, 0, 105); width: 230px; height: 500px; margin: auto; border-radius: 10px; position: relative; } /*Bloc avatar*/ .profil_avatar { position: absolute; z-index: 2; width: 200px; height: 320px; top: 25px; left: 15px; background: #a3a3a3; } /*Image avatar*/ .profil_avatar img { width: 200px; height: 320px; } /*Rang*/ .profil_faction { position: absolute; z-index: 4; width: 50px; height: 50px; top: 5px; left: 90px; } /*Bloc qui contient les trucs cachés*/ .profil_trucs_caches { position: absolute; width: 200px; height: 320px; top: 25px; left: 15px; overflow: hidden; } /*Les champs cachés*/ .profil_champs, .profil_rpg { -webkit-transition: 0.5s; transition: 0.5s; position: absolute; top: 0px; overflow: auto; z-index: 3; width: 200px; height: 290px; padding-top: 30px; background: #c4c4c4; } /*Champs rpg*/ .profil_rpg { height: 280px; padding-top: 40px; right: -200px; background: #858585; } /*Champs info*/ .profil_champs { left: -200px; } /*Ligne dans les infos*/ .profil_champ { margin-top: 10px; display: block; padding: 5px; background: #858585; text-align: center; } /*Police dans les ligne dans les infos*/ .profil_champ, profil_champ .label, .profil_champ .label span { color: #dfdfdf!important; font-size: 12px; font-family: 'Verdana'; } /*Police des informations de la feuille de rpg*/ .profil_rpg, .profil_rpg .gensmall { text-align: center; color: #dfdfdf!important; font-size: 12px; font-family: 'Verdana'; } /*Espace un peu les infos dans la feuille de rpg*/ .profil_rpg > br { display: block; margin-bottom: 10px; } /*Supprime les lignes pas rapport dans la feuille de rpg*/ .profil_rpg > br:nth-child(1), .profil_rpg > br:nth-child(3), .profil_rpg > a:nth-child(2){ display: none; } /*Boutons du gameboy*/ .boutonsPLUS { position: absolute; z-index: 3; bottom: 5px; left: 10px; } /*Bouton de rpg*/ .boutonsROND1 { position: absolute; z-index: 4; bottom: 75px; right: 20px; display: block; border-radius: 50%; width: 35px; height: 35px; background: #000000; } /*Bouton des infos*/ .boutonsROND2 { position: absolute; z-index: 4; bottom: 60px; right: 60px; display: block; border-radius: 50%; width: 35px; height: 35px; background: #000000; } .boutonsROND1:hover, .boutonsROND2:hover { cursor: pointer; } .boutonsROND1:focus, .boutonsROND2:focus { outline: none; } /*Apparition des trucs cachés*/ .boutonsROND1:focus ~ .profil_trucs_caches .profil_rpg { right: 0px; } .boutonsROND2:focus ~ .profil_trucs_caches .profil_champs { left: 0px; } /*Pseudo*/ .profil_pseudo { background-color: #E3E4E3; padding: 10px; height: 30px; font-size: 20px; margin: auto; } /** CADRE FLOTTANTE **/ .widget_flottant { width: 300px; background-color: black; height: 400px; position: fixed; top: 50px; left: 10px; } /** MISE EN PAGE DES MESSAGES POSTES **/ .messagePoster { padding: 5x; text-align: justify; width: 500px; margin-left: 10px; line-height: 12px; letter-spacing: 0.5px; } /*Spoiler*/ .spoiler { background-color: #e6dabf; border-radius: 0px 10px 10px 0px; border-left: 3px solid green; padding: 15px; text-align: justify; }

Enfin, le javascript. Tu va dans :
> Panneau d'administration
> > Modules
> > > HTML et Javascript
> > > > Gestion des codes Javascript

Tu t'assures que les javascripts sont activés, puis tu crée un nouveau javascript. Tu choisis le placement "sur les sujets", tu colles le code qui suit et tu enregistres :

Code:: $(function(){ $('.profil_faction').each(function(){ var rang = $(this).find('img:first'); if (rang.length > 0) { var titlerang = rang.attr('title'); if (titlerang == "équipe Kirby") { $(this).closest('.profil_utilisateur').css('background', 'rgb(252, 201, 204)'); } else if (titlerang == "équipe Sonic") { $(this).closest('.profil_utilisateur').css('background', 'rgb(0, 68, 186)'); } else if (titlerang == "équipe Mario") { $(this).closest('.profil_utilisateur').css('background', 'rgb(213, 47, 34)'); } } }); });

Jeu 22 Déc 2016 - 18:37

Meiywa

Age : 33Messages : 81

Jeu 22 Déc 2016 - 18:37

Merciiiiiiiiiii :hug:

Possible de rajouter, dans le code du profil, le redimensionnement -je ne sais si c'est français- d'une image ? Embarassed

Jeu 22 Déc 2016 - 19:01

Onyx

Age : 30Messages : 3350

Jeu 22 Déc 2016 - 19:01

Salut!

Bien sûr, quelle image et où?

Jeu 22 Déc 2016 - 19:07

Meiywa

Age : 33Messages : 81

Jeu 22 Déc 2016 - 19:07

C'est une image que les membres mette dans leur profil
http://gameon.forumactif.be/t2-test-test-test#2

Ven 23 Déc 2016 - 20:23

Onyx

Age : 30Messages : 3350

Ven 23 Déc 2016 - 20:23

Désolée, le forum n'est pas ouvert aux invités alors je ne le vois pas é_è

Sam 24 Déc 2016 - 12:20

Meiywa

Age : 33Messages : 81

Sam 24 Déc 2016 - 12:20

Ha oui... Juste ! Embarassed

C'est une image, gif, que les membres mettent dans le profil ^^

EDIT: Peux-tu m'expliquer comment rajouter un champ dans le javascript ? En effet, il me manque le gameur ;-)

Sam 24 Déc 2016 - 19:35

Onyx

Age : 30Messages : 3350

Sam 24 Déc 2016 - 19:35

Salut!

Le gameur est celui avec le gameboy rose foncé, non? Normalement, il devrait être celui qui s'affiche de base alors il n'a pas besoin d'être dans le javascript.

Mais bon, pour ajouter une nouvelle couleur de fond, tu repère ce bout de code :

Code:: else if (titlerang == "équipe Mario") { $(this).closest('.profil_utilisateur').css('background', 'rgb(213, 47, 34)'); }

Il te suffit de copier/coller ce bout de code directement après. Tu remplaces le "équipe Mario" par le nom du rang. Ensuite, tu regardes la couleur du fond du gameboy. Le 'rgb(213, 47, 34)' correspond à cette couleur en code rgb. Normalement, dans n'importe quel logiciel graphisme, tu prends la couleur et tu peux voir ces informations. le premier chiffre (213) est le rouge (red), le 47 est le vert (green) et le 34 est le bleu (blue).

Sinon, essaie ceci dans ton CSS pour l'image (tu changes le 50 par la taille que tu veux) :

Code:: /*Redimensionnement image dans les infos*/ .profil_champ > img { width: 50px; /*largeur*/ height: 50px; /*hauteur*/ }

Sam 31 Déc 2016 - 15:53

Meiywa

Age : 33Messages : 81

Sam 31 Déc 2016 - 15:53

Super !

Merci beaucoup :love:

Contenu sponsorisé

(Onyx) Codage profil... HELP !

Ma demande

Sujets similaires

Sujets similaires

Rechercher

Résultats par : Messages Sujets
Tags
Recherche avancée