1 résultat trouvé pour 8e8f8d

Les gifs du profil ne se redimensionne pas suite à un code installé

Milouze14 a écrit:Hello Allcrazy,

alors en tant qu'invité, on ne voit rien,
comment as tu procédé pour ces fameuses jauges, décris s'il te plait les étapes.

Liens des images à disposition pour tes membres etc

Donner aussi le contenu de ton template viewtopic_body:
Affichage/Templates/Général/viewtopic_body

Et pour finir, la c.s.s associée.

a++

Alors pour les jauges nous sommes aller simplement dans les champs du profil et l'on a créer les jauges, je te met plusieurs screens :

https://zupimages.net/up/19/16/5c7h.png

https://zupimages.net/up/19/16/bqe8.png

https://zupimages.net/up/19/16/pwbu.png

Ensuite 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 = { }; } }); 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>  <div class="message_sujet_ariane"> <a class="nav" href="{U_INDEX}"> {L_INDEX} </a>  {NAV_CAT_DESC_SECOND} </div>    <div class="mess_pro_pagination"> {PAGINATION} </div>    <div class="mess_pro_header"> <div class="titre"> <h1 class="cattitle"> {TOPIC_TITLE} </h1> </div> <div class="poster">  <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>  </div> </div>   <table width="100%" class="message_profil" border="0" cellspacing="0" cellpadding="0" > {POLL_DISPLAY}   <tr> <td class="postdetails {postrow.hidden.ROW_CLASS}" colspan="2" align="center">{postrow.hidden.MESSAGE}</td> </tr>  <tr><td colspan="2"><div class="mess_pro_date"> Posté le {postrow.displayed.POST_DATE} </div></td></tr>   <tr class="post post--{postrow.displayed.U_POST_ID}" id="p{postrow.displayed.U_POST_ID}" style="{postrow.displayed.DISPLAYABLE_STATE}"> <td {postrow.displayed.THANK_BGCOLOR} valign="top" class="mess_pro_profil"> <div class="mess_pro_pseudo"> <a name="{postrow.displayed.U_POST_ID}" style="position: relative; top: -30px; width: 1px;" id="{postrow.displayed.U_POST_ID}"> </a> {postrow.displayed.POSTER_NAME} </div> <div class="mess_pro_online"> {postrow.displayed.ONLINE_IMG} </div> <div class="clear"> </div> <div class="mess_pro_encadre_ava"> <div class="mess_pro_bloc_avatar"> <div class="mess_pro_avatar"> {postrow.displayed.POSTER_AVATAR} </div> <div class="mess_pro_avatar_txt"> {postrow.displayed.POSTER_RPG} </div> </div> <div class="mess_pro_rang"> {postrow.displayed.RANK_IMAGE} </div> </div> <div class="mess_pro_contact"> {postrow.displayed.PROFILE_IMG} {postrow.displayed.PM_IMG}  {postrow.displayed.contact_field.CONTENT}  </div> <div class="clear"> </div> <div class="mess_pro_content_profil">  {postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}  </div> </td>   <td {postrow.displayed.THANK_BGCOLOR} valign="top" width="100%" height="28"> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td colspan="2" 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">  <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>  <div class="postbody"> <div>{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>  </table> <table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">     <tr align="center"> <td class="row1" colspan="2" height="28"> <span class="genmed">{no_post.L_NO_POST}</span> </td> </tr>  </table>  <div class="mess_pro_header"> <div class="titre"> <h1 class="cattitle"> {TOPIC_TITLE} </h1> </div> <div class="poster">  <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>  </div> </div>   <div class="message_sujet_ariane"> <a class="nav" href="{U_INDEX}"> {L_INDEX} </a>  {NAV_CAT_DESC_SECOND} </div>    <div class="mess_pro_pagination"> {PAGINATION} </div>   <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" 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}> </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="//s7.addthis.com/js/300/addthis_widget.js#pubid=forumotion" type="text/javascript"></script>

Et le CSS :

Css asocié:

Code:: /*************************************************** MESSAGE PROFIL ***************************************************/ table.message_profil .row1 { background: #FFFFFF; } table.message_profil { background: #FFFFFF; } /* ARIANE */ .message_sujet_ariane { background: #b25959; text-align: center; padding: 1% 0; letter-spacing: -2px; font-size: 20px; color: #ffffff; margin: 10% 0; } .message_sujet_ariane a { color: #ffffff; text-transform: uppercase; font-weight: normal; font-size: 20px; } /* TITRE MESSAGE NOUVEAU REPONDRE */ .mess_pro_header { background: url(https://img.lght.pics/eCGp.png); border-radius: 10px padding: 1% 0; text-align: center; } /* Titre */ .mess_pro_header .titre { display: inline-block; text-transform: uppercase; margin: 0 2% 0 0; } .mess_pro_header .titre .cattitle { color: #ffffff; letter-spacing: -1px; font-weight: normal; font-size: 20px; line-height: 3; } .mess_pro_header .titre .cattitle::after { color: #b25959; content: " •"; } /* Nouveau repondre */ .mess_pro_header .poster img { margin: -5% 1% 0; } .mess_pro_header .poster { display: inline-block; margin: -5% 0 0 0; width: 300px; } /* DATE */ .mess_pro_date { background: #ffffff; color: #b25959; font-size : 10px; padding: 1% 0 1% 20%; text-transform: uppercase; margin-left: 0% ; text-align : -20px; } /* PROFIL */ td.mess_pro_profil { background: #b25959; font-size: 12px; padding: 20px; display: inline-table; position: relative; } /* Pseudo */ .mess_pro_pseudo a { font-family: 'Noto Sans', sans-serif; font-size: 22px; } .mess_pro_pseudo { display: inline-block; } .mess_pro_online { float: right; text-align: right; width: 39px; } /* Avatar */ .mess_pro_encadre_ava { background: #b25959; border: 5px solid #e2dede; margin: 1% 0 3%; } .mess_pro_bloc_avatar { width: 200px; height: 320px; overflow: hidden; position: relative; } .mess_pro_avatar img { width: 200px; height: 320px; object-fit: cover; } .mess_pro_avatar_txt { width: 190px; height: 300px; background: #b25959; position: absolute; z-index: 2; transition: .5s all; top: 320px; padding: 0 5%; left: 5px; box-sizing: border-box; overflow: hidden; } .mess_pro_bloc_avatar:hover .mess_pro_avatar_txt { top: 10px; } /* LIENS */ .mess_pro_contact img { float: left; margin: 0 .1% 1% 0; } /* CONTENU PROFIL */ .mess_pro_content_profil { background: #e2dede; color: #514f4f; letter-spacing: -1px; padding: 5%; box-sizing: border-box; margin: 0 0 120px; width : 200px; } .mess_pro_content_profil img { position: absolute; width: 213px; height: 110px; object-fit: cover; bottom: 15px; left: 20px; } /* CITER EDITER ETC */ .post-options { text-align: right; margin: 2%; display: block; } /* CONTENU MESSAGE */ .message_profil .postbody { font-size: 12px; line-height: 18px; background: #ffffff; padding: 3%; box-sizing: border-box; margin: 0 2% 0 0; } /* SIGNATURE */ .signature_div::before { content: ""; display: block; width: 80%; margin: 8% auto 0; border-top: 5px solid #b25252; }

profil:

Mercii