Scrol ou défilement dans le profil de message

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Scrol ou défilement dans le profil de message

Message par laurent11 le Dim 22 Juin 2014 - 12:53

- 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  Crying or Very sad 


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



Dernière édition par laurent11 le Mar 24 Juin 2014 - 18:42, édité 2 fois

laurent11
****

Masculin
Messages : 382
Inscrit(e) le : 21/05/2005

http://www.gamers-xboxone.com
laurent11 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Scrol ou défilement dans le profil de message

Message par laurent11 le Dim 22 Juin 2014 - 14:38

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;
  }

laurent11
****

Masculin
Messages : 382
Inscrit(e) le : 21/05/2005

http://www.gamers-xboxone.com
laurent11 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Scrol ou défilement dans le profil de message

Message par néco le Dim 22 Juin 2014 - 14:44

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 ! Wink
et en remplaçant URL DE L'IMAGE par ton lien ! Wink (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

néco
*****

Féminin
Messages : 782
Inscrit(e) le : 13/02/2013

http://pephenix.forumactif.org/
néco a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Scrol ou défilement dans le profil de message

Message par laurent11 le Dim 22 Juin 2014 - 14:51

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  scratch 

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

 Neutral 

laurent11
****

Masculin
Messages : 382
Inscrit(e) le : 21/05/2005

http://www.gamers-xboxone.com
laurent11 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Scrol ou défilement dans le profil de message

Message par néco le Dim 22 Juin 2014 - 14:58

@laurent11 a écrit:
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 !  scratch 

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

bizzz

néco
*****

Féminin
Messages : 782
Inscrit(e) le : 13/02/2013

http://pephenix.forumactif.org/
néco a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Scrol ou défilement dans le profil de message

Message par laurent11 le Dim 22 Juin 2014 - 15:05

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  scratch 

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

Merci pour ton aide.

laurent11
****

Masculin
Messages : 382
Inscrit(e) le : 21/05/2005

http://www.gamers-xboxone.com
laurent11 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Scrol ou défilement dans le profil de message

Message par Neptunia le Dim 22 Juin 2014 - 15:11

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

Neptunia
+ Hyperactif +

Féminin
Messages : 10395
Inscrit(e) le : 08/08/2010

http://www.planet-series.com/
Neptunia a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Scrol ou défilement dans le profil de message

Message par laurent11 le Dim 22 Juin 2014 - 15:20

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
 scratch 
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://illiweb.com/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 Wink

laurent11
****

Masculin
Messages : 382
Inscrit(e) le : 21/05/2005

http://www.gamers-xboxone.com
laurent11 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Scrol ou défilement dans le profil de message

Message par Neptunia le Dim 22 Juin 2014 - 15:45

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;
  }

Neptunia
+ Hyperactif +

Féminin
Messages : 10395
Inscrit(e) le : 08/08/2010

http://www.planet-series.com/
Neptunia a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Scrol ou défilement dans le profil de message

Message par néco le Dim 22 Juin 2014 - 15:50

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é ! Wink


bizzz

néco
*****

Féminin
Messages : 782
Inscrit(e) le : 13/02/2013

http://pephenix.forumactif.org/
néco a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Scrol ou défilement dans le profil de message

Message par laurent11 le Dim 22 Juin 2014 - 15:59

Yes !

Sa fonctionne avec de CSS cheers 

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 ...

laurent11
****

Masculin
Messages : 382
Inscrit(e) le : 21/05/2005

http://www.gamers-xboxone.com
laurent11 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Scrol ou défilement dans le profil de message

Message par néco le Dim 22 Juin 2014 - 16:10

@laurent11 a écrit:
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 ! Wink

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

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 ! Wink

bizzz

néco
*****

Féminin
Messages : 782
Inscrit(e) le : 13/02/2013

http://pephenix.forumactif.org/
néco a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Scrol ou défilement dans le profil de message

Message par laurent11 le Dim 22 Juin 2014 - 16:28

Merci aussi pour ton aide Wink

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

Mais je garde le css Wink

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

Encore merci.

laurent11
****

Masculin
Messages : 382
Inscrit(e) le : 21/05/2005

http://www.gamers-xboxone.com
laurent11 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Scrol ou défilement dans le profil de message

Message par néco le Dim 22 Juin 2014 - 17:07

je t'ai MP pour autre chose Wink  Embarassed 
bizzz

néco
*****

Féminin
Messages : 782
Inscrit(e) le : 13/02/2013

http://pephenix.forumactif.org/
néco a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Scrol ou défilement dans le profil de message

Message par laurent11 le Lun 23 Juin 2014 - 13:24

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 Wink

laurent11
****

Masculin
Messages : 382
Inscrit(e) le : 21/05/2005

http://www.gamers-xboxone.com
laurent11 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Scrol ou défilement dans le profil de message

Message par laurent11 le Mar 24 Juin 2014 - 11:43

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 Wink

laurent11
****

Masculin
Messages : 382
Inscrit(e) le : 21/05/2005

http://www.gamers-xboxone.com
laurent11 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Scrol ou défilement dans le profil de message

Message par laurent11 le Mar 24 Juin 2014 - 13:32

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 ?

laurent11
****

Masculin
Messages : 382
Inscrit(e) le : 21/05/2005

http://www.gamers-xboxone.com
laurent11 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Scrol ou défilement dans le profil de message

Message par néco le Mar 24 Juin 2014 - 13:37

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

bizzz

néco
*****

Féminin
Messages : 782
Inscrit(e) le : 13/02/2013

http://pephenix.forumactif.org/
néco a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Scrol ou défilement dans le profil de message

Message par néco le Mar 24 Juin 2014 - 14:04

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 Wink )

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

néco
*****

Féminin
Messages : 782
Inscrit(e) le : 13/02/2013

http://pephenix.forumactif.org/
néco a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Scrol ou défilement dans le profil de message

Message par laurent11 le Mar 24 Juin 2014 - 15:45

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 Wink

Encore  Thanks  et comme on dit par chez moi dans le sud, un gros poutou Wink

laurent11
****

Masculin
Messages : 382
Inscrit(e) le : 21/05/2005

http://www.gamers-xboxone.com
laurent11 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Scrol ou défilement dans le profil de message

Message par néco le Mar 24 Juin 2014 - 15:59

@laurent11 a écrit: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é ! Wink
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 ! Laughing


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

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 ! Wink
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 Wink

je suis aussi du sud ! Wink


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

bizzz

néco
*****

Féminin
Messages : 782
Inscrit(e) le : 13/02/2013

http://pephenix.forumactif.org/
néco a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Scrol ou défilement dans le profil de message

Message par laurent11 le Mar 24 Juin 2014 - 16:13

@néco a écrit:

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 ! Wink
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  scratch 




P.s; de quel coté du sud ?

laurent11
****

Masculin
Messages : 382
Inscrit(e) le : 21/05/2005

http://www.gamers-xboxone.com
laurent11 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Scrol ou défilement dans le profil de message

Message par néco le Mar 24 Juin 2014 - 16:37

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 : http://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 résolu Wink

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 ! Wink

ps : perpignan ! ^^ (et toi ?)

bizzz

néco
*****

Féminin
Messages : 782
Inscrit(e) le : 13/02/2013

http://pephenix.forumactif.org/
néco a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Scrol ou défilement dans le profil de message

Message par laurent11 le Mar 24 Juin 2014 - 18:46

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) Wink

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  Rolling Eyes 

Merci Wink


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 Wink

laurent11
****

Masculin
Messages : 382
Inscrit(e) le : 21/05/2005

http://www.gamers-xboxone.com
laurent11 a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum