Scrol ou défilement dans le profil de message

[laurent11]

- l'URL du forum : http://www.gamers-xboxone.com
- la version de votre forum : phBB2
- une capture d'écran du problème : Dans la description de mon soucis
- votre statut sur le forum : fondateur
- si vous avez modifié des templates : oui
- si vous avez du CSS personnalisé : Oui mais pas dans la partie du profil
- votre ou vos navigateur(s). IE / Mozilla


Bonjour,

je ne sais pas si je post au bon endroit, car d'un coté mon soucis est en rapport avec la "forme" du forum mais de l'autre il y a un script à placé.


Donc mon problème :

Actuellement j'utilise un service qui me procure une image qui s'actualise seul que je place dans les profils de réponse du forum.
Mais un soucis de couleur fait qu'on doit en changé.

Voici une capture montrant l'image actuel (entouré en rouge)



Nous avons opté pour un autre service, mieux pour nous, mais le hic et que l'image est trop grande en largeur et donc une fois inséré sa agrandi la partie profil.

Une capture de l'image plus grande qui déforme la partie profil :



J'aimerai trouvé une solution pour mettre une barre de scroll (par exemple) afin que la taille de la partie profil ne change pas et que donc l'utilisateur puisse faire défilé l'image.

J'ai repérè des scripts de barre de scroll, mais je ne sais même pas ou commencé à la placé pour faire des tests.

Je suis perdu   


Merci d'avance pour vos réponses et votre aide

[laurent11]

re,

j'ai teste quelque code css dont celui ci pour gardé une largeur, mais rien ...

le code :

Code:

table.tableau_profil{
  width:200px;
  margin:auto;
  border:0;
  }

[néco]

je vais peut-être dire une bétise , si c'est le cas je m'excuse d'avance ...
mais n'y aurait-il pas la possibilité de redimensionner l'image directement , par exemple , en mettant ce code , à l'endroit où actuellement tu as juste un lien d'image tout seul ?

Code:

 <img src="URL DE L'IMAGE" height="XXpx" width="XXpx" />

en remplaçant les XX par les dimentions voulu évidemment !
et en remplaçant URL DE L'IMAGE par ton lien ! (sans supprimer les " " )

j'éspère que cela marchera !

si ce n'est pas le cas , attend des réponses d'autres personnes car je ne sais pas créer de barre de défilement ! ^^

bizzz

[laurent11]

Merci pour l'aide, mais sa ne fonctionne pas.

Le fait de mettre le code <img et la fin en réglant la taille ne permet plus d'affiché l'image.

Sinon, voici le code image :

Code:

http://www.mygamerprofile.net/card/onesig/XB1+Laurent.png

Que j’insère dans le profil de chacun en changeant le nom.



J'ai aussi essayé de modifier le viewtopic_body à la ligne <td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="150"> en changeant le 150 en 100 pour l'exemple mais rie n'y fait

Je ne comprend pas   

Je n'arrive pas à faire en sorte que le cadre du profil de réponse ne soit pas élargie par l'image ...

  

[néco]

J'ai aussi essayé de modifier le viewtopic_body à la ligne <td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="150"> en changeant le 150 en 100 pour l'exemple mais rie n'y fait
 

je n'y connait pas grand chose , mais il me semble que si tu ne précise pas px (pixel) derrière le 150 , ça ne marchera pas !   

ÉDIT : et peut-être ... mettre width-max à la place de width   mais sans grande conviction   

bizzz

[laurent11]

Je vient de testé mais idem pas de changement, et pour l'idée de mettre px derrière le nombre rien de plus, dans le template il n'y a pas cette donnée.

Je cale   

Je n'arrete pas de teste des truc pris sur des sites et rien ... mais toujours preneur d'une idée

Merci pour ton aide.

[Neptunia]

Bonjour ^^


Toujours dans l'idée de redimensionner l'image à la source

Code:

table.tableau_profil img {
  max-width: 200px;
  }

Redimensionnera toutes les images du profil dépassant 200 px de largeur.

Si cela ne fonctionne pas, merci de fournir le viewtopic_body

[laurent11]

Neptune merci pour ton aide, mais sa a partiellement fonctionner ...

Partiellement, car le code fonctionne, sa redimensionne bien la partie profil des messages, mais du coup sa fait disparaitre l'image
  
Idem quand je clic sur "profil" il y a bien le code, mais l'image ne s'affiche pas.


Sinon, comme demandé voici le code du 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(){
   _atc.cwait = 0;
   $('.addthis_button').mouseup(function(){
      if ($('#at15s').css('display') == 'block') {
         addthis_close();
         addthis_close();
      }
   });
});
//]]>
</script>

<table width="100%" border="0" cellspacing="2" cellpadding="0">
   <tr>
      <td align="left" valign="middle" nowrap="nowrap">
         <span class="nav">
         <!-- BEGIN switch_user_authpost -->
         <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>&nbsp;&nbsp;&nbsp;
         <!-- END switch_user_authpost -->
         <!-- BEGIN switch_user_authreply -->
         <a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" id="i_reply" alt="{L_POST_REPLY_TOPIC}" align="middle" border="0" /></a>
         <!-- END switch_user_authreply -->
         </span>
      </td>
      <td align="left" valign="middle" nowrap="nowrap">
         <!-- BEGIN switch_twitter_btn -->
         <span id="twitter_btn" style="margin-left: 6px; ">
         <a href="http://twitter.com/share" class="twitter-share-button" data-count="horizontal">Tweet</a>
         <script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
         </span>
         <!-- END switch_twitter_btn -->
         <!-- BEGIN switch_fb_likebtn -->
         <span id="fb_likebtn" style="margin-left: 6px; ">
            <iframe src="http://www.facebook.com/plugins/like.php?href={FORUM_URL}{TOPIC_URL}&amp;layout=button_count&amp;show_faces=false&amp;width=100&amp;action=like&amp;colorscheme=light&amp;height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:100px; height:21px;" allowTransparency="true"></iframe>
         </span>
         <!-- END switch_fb_likebtn -->
      </td>
      <td class="nav" 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="bottom" nowrap="nowrap" width="100%">
         <span class="gensmall bold">
            <a class="addthis_button" href="http://www.addthis.com/bookmark.php?v=250&amp;pub=forumotion">{L_SHARE}</a>
            <!-- BEGIN switch_plus_menu -->
            &nbsp;|&nbsp;
            <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}&amp;t={TOPIC_ID}','{JS_SESSION_ID}', {JS_AUTH_FAVOURITES});
            //]]>
            </script>
            <!-- END switch_plus_menu -->
         </span>
      </td>
   </tr>
</table>

<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0" style="border-bottom: 0px;">
   <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">&nbsp;</td>
               <td align="center" class="t-title">
                  <h1 class="cattitle">&nbsp;{TOPIC_TITLE}</h1>
               </td>
               <td align="right" width="9%" class="browse-arrows"><a href="{U_VIEW_OLDER_TOPIC}">{L_VIEW_PREVIOUS_TOPIC}</a>&nbsp;<a href="{U_VIEW_NEWER_TOPIC}">{L_VIEW_NEXT_TOPIC}</a>&nbsp;<a href="#bottom">{L_GOTO_DOWN}</a>&nbsp;</td>
            </tr>
         </table>
      </td>
   </tr>
   <!-- BEGIN topicpagination -->
   <tr>
      <td class="row1 pagination" colspan="2" align="right" valign="top"><span class="gensmall">{PAGINATION}</span></td>
   </tr>
   <!-- END topicpagination -->
   {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>
   <!-- BEGIN postrow -->
   <!-- BEGIN displayed -->
   <tr class="post">
      <td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="150">
         <span class="name"><a name="{postrow.displayed.U_POST_ID}"></a><strong>{postrow.displayed.POSTER_NAME}</strong></span><br />
            <span class="postdetails poster-profile">
            {postrow.displayed.POSTER_RANK}<br />
            {postrow.displayed.RANK_IMAGE}{postrow.displayed.POSTER_AVATAR}<br /><br />
            <!-- BEGIN profile_field -->
            {postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}
            <!-- END profile_field -->
            {postrow.displayed.POSTER_RPG}
         </span><br />
         <img src="http://2img.net/i/fa/empty.gif" alt="" style="width:150px;height:1px" />
      </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}&nbsp; &nbsp;<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">
                  <!-- BEGIN switch_vote_active -->
                  <div class="vote gensmall">
                     <!-- BEGIN switch_vote -->
                     <div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_PLUS}">+</a></div>
                     <!-- END switch_vote -->

                     <!-- BEGIN switch_bar -->
                     <div class="vote-bar" title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}">
                        <!-- BEGIN switch_vote_plus -->
                        <div class="vote-bar-plus" style="height:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_plus.HEIGHT_PLUS}px;"></div>
                        <!-- END switch_vote_plus -->

                        <!-- BEGIN switch_vote_minus -->
                        <div class="vote-bar-minus" style="height:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_minus.HEIGHT_MINUS}px;"></div>
                        <!-- END switch_vote_minus -->
                     </div>
                     <!-- END switch_bar -->

                     <!-- BEGIN switch_no_bar -->
                     <div title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}" class="vote-no-bar">----</div>
                     <!-- END switch_no_bar -->

                     <!-- BEGIN switch_vote -->
                     <div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_MINUS}">-</a></div>
                     <!-- END switch_vote -->
                  </div>
                  <!-- END switch_vote_active -->

                  <div class="postbody">

                     <div>{postrow.displayed.MESSAGE}</div>

                     <!-- BEGIN switch_attachments -->
                     <dl class="attachbox">
                        <dt>{postrow.displayed.switch_attachments.L_ATTACHMENTS}</dt>
                        <dd>
                           <!-- BEGIN switch_post_attachments -->
                           <dl class="file">
                              <dt>
                                 <img src="{postrow.displayed.switch_attachments.switch_post_attachments.U_IMG}" />

                                 <!-- BEGIN switch_dl_att -->
                                 <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}
                                 <!-- END switch_dl_att -->

                                 <!-- BEGIN switch_no_dl_att -->
                                 {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}
                                 <!-- END switch_no_dl_att -->
                              </dt>

                              <!-- BEGIN switch_no_comment -->
                              <dd>
                                 <em>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_comment.ATTACHMENT_COMMENT}</em>
                              </dd>
                              <!-- END switch_no_comment -->

                              <!-- BEGIN switch_no_dl_att -->
                              <dd>
                                 <em><strong>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.TEXT_NO_DL}</strong></em>
                              </dd>
                              <!-- END switch_no_dl_att -->

                              <dd>({postrow.displayed.switch_attachments.switch_post_attachments.FILE_SIZE}) {postrow.displayed.switch_attachments.switch_post_attachments.NB_DL}</dd>
                           </dl>
                           <!-- END switch_post_attachments -->
                        </dd>
                     </dl>
                     <!-- END switch_attachments -->

                     <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>
      <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>&nbsp;<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}<!-- BEGIN contact_field --> {postrow.displayed.contact_field.CONTENT}<!-- END contact_field --> {postrow.displayed.ONLINE_IMG}
               </td>
            </tr>
         </table>
      </td>
   </tr>
   <!-- BEGIN first_post_br -->
</table>
<br />
<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>
   <!-- END first_post_br -->
   <!-- END displayed -->
   <!-- BEGIN hidden -->
   <tr>
      <td class="postdetails {postrow.hidden.ROW_CLASS}" colspan="2" align="center">{postrow.hidden.MESSAGE}</td>
   </tr>
   <!-- END hidden -->
   <!-- END postrow -->
   <!-- BEGIN no_post -->
   <tr align="center">
      <td class="row1" colspan="3" height="28">
         <span class="genmed">{no_post.L_NO_POST}</span>
      </td>
   </tr>
   <!-- END no_post -->
   <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">&nbsp;</td>
               <td align="center" class="t-title"><a name="bottomtitle"></a><h1 class="cattitle">{TOPIC_TITLE}</h1></td>
               <td align="right" nowrap="nowrap" width="9%" class="browse-arrows"><a href="{U_VIEW_OLDER_TOPIC}">{L_VIEW_PREVIOUS_TOPIC}</a>&nbsp;<a href="{U_VIEW_NEWER_TOPIC}">{L_VIEW_NEXT_TOPIC}</a>&nbsp;<a href="#top">{L_BACK_TO_TOP}</a>&nbsp;</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>
      <!-- BEGIN topicpagination -->
      <td class="row1" align="right" valign="top" ><span class="gensmall">{PAGINATION}</span></td>
      <!-- END topicpagination -->
   </tr>
   <!-- BEGIN switch_user_logged_in -->
   <!-- BEGIN watchtopic -->
   <tr>
      <td class="row2" colspan="2" align="right" valign="top"><span class="gensmall">{S_WATCH_TOPIC}</span></td>
   </tr>
   <!-- END watchtopic -->
   <!-- END switch_user_logged_in -->
</table>

<!-- BEGIN promot_trafic -->
<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"><h1 class="cattitle">&nbsp;{PROMOT_TRAFIC_TITLE}</h1></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"><h1 class="cattitle">&nbsp;{PROMOT_TRAFIC_TITLE}</h1></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">
         <!-- BEGIN link -->
         »&nbsp;<a style="text-decoration:none" href="{promot_trafic.link.U_HREF}" target="_blank" title="{promot_trafic.link.TITLE}">{promot_trafic.link.TITLE}</a><br />
         <!-- END link -->
      </td>
   </tr>
</table>
<!-- END promot_trafic -->

<!-- BEGIN switch_forum_rules -->
<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">
                        <h1 class="cattitle">&nbsp;{L_FORUM_RULES}</h1>
                     </td>
                  </tr>
               </tbody>
            </table>
         </td>
      </tr>
      <tr>
         <td class="row1 clearfix">
            <table>
               <tr>
                  <!-- BEGIN switch_forum_rule_image -->
                  <td class="logo">
                     <img src="{RULE_IMG_URL}" />
                  </td>
                  <!-- END switch_forum_rule_image -->
                  <td class="rules postbody">
                     {RULE_MSG}
                  </td>
               </tr>
            </table>
         </td>
      </tr>
   </tbody>
</table>
<!-- END switch_forum_rules -->

<table class="forumline noprint" width="100%" border="0" cellspacing="0" cellpadding="0">
   <tr>
      <td class="row2" colspan="2" align="center" style="padding:0px">
         <!-- BEGIN switch_user_logged_in -->
         <a name="quickreply"></a>
         {QUICK_REPLY_FORM}<br />
         <!-- END switch_user_logged_in -->
      </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>
      <!-- BEGIN show_permissions -->
      <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>
      <!-- END show_permissions -->
      <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>
                  <!-- BEGIN show_permissions -->
                  <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>
                  <!-- END show_permissions -->
               </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">
            <!-- BEGIN switch_user_authpost -->
            <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>&nbsp;&nbsp;&nbsp;
            <!-- END switch_user_authpost -->
            <!-- BEGIN switch_user_authreply -->
            <a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" alt="{L_POST_REPLY_TOPIC}" align="middle" border="0" /></a>
            <!-- END switch_user_authreply -->
         </span>
      </td>

      <!-- BEGIN viewtopic_bottom -->
      <td align="right" nowrap="nowrap"><span class="gensmall">{L_JUMP_TO}:&nbsp;{S_JUMPBOX_SELECT}&nbsp;<input class="liteoption" type="submit" value="{L_GO}" /></span></td>
      <!-- END viewtopic_bottom -->

      <!-- BEGIN moderation_panel -->
      <td align="center">
         <span class="gensmall">{moderation_panel.U_YOUR_PERSONAL_MODERATE}</span>
      </td>
      <td align="center" width="250">
         <span class="gensmall">&nbsp;</span>
      </td>
      <!-- END moderation_panel -->
   </tr>
</table>
</form>

<!-- BEGIN viewtopic_bottom -->
<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=&quot;hidden&quot; name=&quot;sid&quot; value=&quot;{S_SID}&quot; /> -->
            <input type="hidden" name="{SECURE_ID_NAME}" value="{SECURE_ID_VALUE}" />

            <span class="gen">{L_MOD_TOOLS}<br />{S_SELECT_MOD}&nbsp;<input class="liteoption" type="submit" value="{L_GO}" /></span>
         </form>
      </td>
   </tr>
</table>
<!-- END viewtopic_bottom -->

<!-- BEGIN switch_image_resize -->
<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>
<!-- END switch_image_resize -->
<script src="{JS_DIR}addthis/addthis_widget.js" type="text/javascript"></script>

Merci d'avancement pour votre aide

[Neptunia]

Je ne saisis pas comment mon code a pu avoir le moindre effet vu que votre template ne comporte aucune class de nom tableau_profil.

Essayez avec ce code

Code:

.poster-profile img {
  max-width: 200px;
  }

[néco]

me revoilà , j'ai trouvé un truc , dis moi si ça te conviens , sur mon forum ça marche

dans le profils tu mets directement ça (sans toucher ni au template , ni au css)

Code:

[flash(LLpx,HHpx)]http://www.mygamerprofile.net/card/onesig/XB1+Laurent.png[/flash]

remplace le LL par le nombre en pixel de la Largeur souhaité (je pense que 150 c'est un peu petit pour lire mais bon ^^)
et les HH par la Hauteur souhaité !


bizzz

[laurent11]

Yes !

Sa fonctionne avec de CSS  

voici une capture :


Sa fait un peu petit du coup, mais sa passe plus ou moins ... quand j'ai actualisé la page pour voir le résultat, sa m'affiche donc comme la capture ci-dessus, puis sa part, plus d'image. Je vais donc dans le profil, recharge le lien et hop sa passe ... teste sur Mozilla et IE, niquel.

J'ai aussi testé votre code Flash, mais sans succès ... j'ai omis de dire que l'image que j'affiche est dans le profil utilisateur en ce servant du mode image pour créer l'appel (endroit ou elle doit être)

Encore merci pour votre aide, mais j'aurai aimé gardé la taille et avoir un scroll en bas de profil pour faire défilé cette fameuse images, si c'est possible car je suis partie dans cette idée, mais déjà le résultat donné est sympa.
J'ai donc test plusieurs code de scroll mais sans succès ...

[néco]

J'ai aussi testé votre code Flash, mais sans succès ... j'ai omis de dire que l'image que j'affiche est dans le profil utilisateur en ce servant du mode image pour créer l'appel (endroit ou elle doit être)

moi j'ai testé en mettant simplement dans le champs "commentaire" du profil ! ^^

mais j'ai effectivement oublier de dire , que ça fonctionne sans toucher au template ni au css , tant que l'image est dimentionné à 150 ou moins !

pour mettre l'image en 200 de large par exemple , il faut effectivement obligatoirement rajouter le css donné par Neptune plus haut !

sur ce ...

Encore merci pour votre aide, mais j'aurai aimé gardé la taille et avoir un scroll en bas de profil pour faire défilé cette fameuse images, si c'est possible car je suis partie dans cette idée, mais déjà le résultat donné est sympa.
J'ai donc test plusieurs code de scroll mais sans succès ...

comme dis plus haut ...

je ne sais pas créer de barre de défilement

ta demande étant donc toujours en court ...

je m'éclipse de ce sujet !

bizzz

[laurent11]

Merci aussi pour ton aide

J'ai teste en zone de commentaire, est effectivement sa marche, juste à bien redimensionné l'image.

Mais je garde le css

Reste plus cas trouvé l'alternative de la barre de scroll.

Encore merci.

[néco]

je t'ai MP pour autre chose   
bizzz

[laurent11]

Je revient sur mon soucis ...

Tout d'abord un grand merci à Neptune pour son aide, son script est vraiment sympa, mais sa ne rend pas comme espère, sa fait trop petit, j'ai même essayé de changé la taille, jouant sur quelque pixel, mais sa ne va pas.

Sa ne va pas malgré que ce système est en teste, provisoirement mis en place pour tout les membres de la communautés, pas les membres du forum.

Mais j'ai un hic ... la taille du forum à changé, regardez mes captures :

Ici, une capture du forum, tout est ok, la taille et la même que le menu et bandeau :



Par contre, sur cette deuxième capture, la ou une nouvelle carte est installé (celle en rapport avec mon soucis qui est redimensionné par le script) sa agrandi le forum en largeur et donc décale le menu, regardez plutôt :




Donc je suis toujours en recherche d'une idée, d'une façon de procédé pour installé une barre de scroll dans cette partie image qui affiche la carte fourni par un site via un lien html, car en plus en théorie je pourrait gardé la taille initial de l'image, reste juste à la faire défilé, avoir si il y a un possibilité de la faire défilé au passage de la souris.

Si vous avez une idée, à savoir ou installé un tel script ou comment faire, je suis preneur.
Ce n'est pas super urgent, mais les cartes que j’utilisai avant on changé du au fournisseur et sa rend pas vraiment, d'ou mon intéré pour ces nouvelles cartes de joueurs.

Merci d'avance pour votre aide

[laurent11]

Bonjour,

toujours en recherche d'un solution et en parcourant FDF j'ai trouvé ceci (voir capture ci-dessous)

cette image provient de ce post -> cliquez ici

Mais malheureusement pour moi ce post ne m'explique pas comment faire ... mais on y vois bien un scroll horizontal et c'est exactement ce que je cherche à mettre en place, mais comment et ou ?

Merci d'avance pour votre aide

[laurent11]

Je me demande s'il ne faudrait pas déplacé mon post, car même si ces bien un soucis d'apparence, sa serai plus du domaine des "problème avec script ..." non ?

[néco]

non pas du tout !
t'en fais pas , tu as posté au bon endroits !
mais c'est parfois long d'avoir une réponse efficace , ne désespère pas et continue à up tous les jours ! ^^

bizzz

[néco]

ho bon sang ! que je me sens bête de ne pas y avoir pensé plus tôt ! mais ...

si cela te conviens ... mets juste ceci et c'est tout (et enlève le css qui déforme un peu ta page du coup )

moi j'ai testé dans "commentaire" comme tu le sais déjà , mais je pense que cela marchera tout aussi bien pour toi ! ^^

Code:

 [scroll][img]http://www.mygamerprofile.net/card/onesig/XB1+Laurent.png[/img][/scroll]

en espérant que cela te conviendra ! ^^

bizzz bizzz

[laurent11]

Tout simplement génial !

Un grand merci pour ton aide, si tu veux voir le résultat connecte toi au forum (il n'y a pas que du jeu vidéo)


reste plus cas savoir ou j'ai déconné pour que le forum ce déforme dans les messages et hop

Encore  :thanks:  et comme on dit par chez moi dans le sud, un gros poutou

[néco]

Tout simplement génial !

Un grand merci pour ton aide, si tu veux voir le résultat connecte toi au forum (il n'y a pas que du jeu vidéo)

j'ai vue en invité !
je suis contente que cela te convienne !
en fait j'ai pensé à ça tout d'un coup lorsque plus haut tu as écris "ou voir s'il est possible de faire défiler l'image en pasant la souris dessus "
bon là ça défile tout court ,c'est pas en passant la souris , mais bref , c'est cette phrase qui m'as fait tilt tout d'un oup !

reste plus cas savoir ou j'ai déconné pour que le forum ce déforme dans les messages et hop

dans ton 1er post , tu as écris que tu avais testé ceci dans ton css :

Code:

        table.tableau_profil{
          width:200px;
          margin:auto;
          border:0;
          }

et par la suite , Neptune t'as donné ces deux codes là :

Code:

        table.tableau_profil img {
          max-width: 200px;
          }

Code:

        .poster-profile img {
          max-width: 200px;
          }

vérifie bien dans ton css , que ces 3 codes sont supprimé !
si tu les as laissé , c'est normale que cela déforme ta page !
supprime les tous les 3 (et si tu en avais testé d'autres sans le dire , enlève les aussi évidement ! ^^)

Encore  :thanks:  et comme on dit par chez moi dans le sud, un gros poutou

je suis aussi du sud !


ÉDIT : PS : si ton soucis est résolu , n'oublie pas d'éditer ton 1er post pour cocher l'icone résolu    !

bizzz

[laurent11]

dans ton 1er post , tu as écris que tu avais testé ceci dans ton css :

Code:

        table.tableau_profil{
          width:200px;
          margin:auto;
          border:0;
          }

et par la suite , Neptune t'as donné ces deux codes là :

Code:

        table.tableau_profil img {
          max-width: 200px;
          }

Code:

        .poster-profile img {
          max-width: 200px;
          }

vérifie bien dans ton css , que ces 3 codes sont supprimé !
si tu les as laissé , c'est normale que cela déforme ta page !
supprime les tous les 3 (et si tu en avais testé d'autres sans le dire , enlève les aussi évidement ! ^^)

Je vient de vérifier et j'ai bien supprimer les codes déjà avant la capture   




P.s; de quel coté du sud ?

[néco]

et bien alors pour ta largueur de page , es ce que tu es sûre que cela n'était pas comme ça avant déjà ?

es ce que tu as fait d'autres choses sur ton forum depuis ? même des choses "anodine" ?

par exemple ... es ce que tu as rajouter des forums ? ou des sous-forums ? ou des catégories ?
si oui ...
je te renvoie vers la réponse que j'ai mise dans ce sujet : https://forum.forumactif.com/t369124-accueil-nikel-mais-les-sujets-sont-trop-larges-comment-les-redimensionner

lorsque tu en aura fini avec ce topic et ce problème , pense à éditer ton 1er post pour cocher l'icone résolu

si ma réponse dans l'autre sujet ne répond pas à ta question , je te conseil d'ouvrir un autre topic pour demander comment résoudre ce soucis , séparément de ce topic-ci !

ps : perpignan ! ^^ (et toi ?)

bizzz

[laurent11]

J'ai regardé le lien, mais sa ne vient pas de la, donc sur ton avis j'ai ouvert un autre post.

J'ai retourne demain ou beaucoup plus tard, car la les amis m'attendent pour un tournois (du forum que j'anime)

Encore un grand merci pour ton aide, sur mon forum ils sont au ange, je t'ai cité en pv chez nous, car je n'ai aucune gloire pour le coup   

Merci


P.s. : Comme indique mon pseudo, je sui de 11, juste au dessus de toi, en dessous de Narbonne à Sigean.

Re p.s. : bizzz, heu, non POUTOU