viewtopic_body couleur de fond selon le groupe

[MariePassion]

Détails techniques

Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Google Chrome
Capture d'écran du problème :

Voir l'image:

Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : toujours
Lien du forum : dogscity.forums-actifs.com/

Description du problème

Bonjour,

je modifie actuellement mon template viewtopic_body. Tout fonctionne bien pour le moment. Mais j'ai eu la brillante idée de vouloir ajouter un bout de JS pour que le fond de mon profil soit de la couleur du groupe auquel le membre appartient.

Comme ma capture d’écran le démontre la section avec le pseudo fonctionne bien. Par contre, j'aurais aimer que l'avatar ai un contour avec cette couleur aussi. J'ai donc utiliser le même code avec une class différente en me disent si ça fonctionne une fois ça devrais le faire deux fois ! ... mais non x)

Comme je ne suis pas un bête en JS je n'arrive pas a trouver le solution alors je me tourne vers vous !

Voici donc mon template :

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>
<link href="https://fonts.googleapis.com/css?family=Six+Caps" rel="stylesheet">
<table width="100%" border="0" cellspacing="2" cellpadding="0">
 <tr>
 <td align="left" valign="middle" nowrap="nowrap">

 </td>
 <td class="nav" valign="middle" width="100%">
 
 </td>
 <td align="right" valign="bottom" nowrap="nowrap" width="100%">
 <!-- BEGIN switch_twitter_btn -->
 <span id="twitter_btn" style="margin-left: 6px; ">
                <a href="https://twitter.com/share" class="twitter-share-button" data-via="{TWITTER}">Tweet</a>
                <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script>
 </span>
 <!-- END switch_twitter_btn -->
 
 <!-- BEGIN switch_fb_likebtn -->
 <script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "https://connect.facebook.net/{LANGUAGE}/all.js#xfbml=1";
  fjs.parentNode.insertBefore(js, fjs);
 }(document, 'script', 'facebook-jssdk'));</script>
 <div class="fb-like" data-href="{FORUM_URL}{TOPIC_URL}" data-layout="button_count" data-action="like" data-show-faces="false" data-share="false"></div>
 <!-- END switch_fb_likebtn -->
 
 <span class="gensmall bold">
 <a class="addthis_button" href="#">{L_SHARE}</a>
 <!-- BEGIN switch_plus_menu -->
  |
 <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}';
 insert_plus_menu('f{FORUM_ID}&t={TOPIC_ID}','{JS_SESSION_ID}', {JS_AUTH_FAVOURITES});
 //]]>
 </script>
 <!-- END switch_plus_menu -->
 </span>
 </td>
 </tr>
</table>

{POLL_DISPLAY}

<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0" >
 <div class="ASjt_haut">
    <div class="ASjt_boutons">
       <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>  
           <!-- 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>
    </div>
    <div class="ASjt_titre">
      <h2>{TOPIC_TITLE}</h2>
       <a class="nav" href="{U_INDEX}"><span>{L_INDEX}</span></a>
        <!--{NAV_SEP}<a class="nav" href="{U_ALBUM}"><span>{L_ALBUM}</span></a>-->
        {NAV_CAT_DESC_SECOND}
    </div>
  </div>
  
 <!-- BEGIN postrow -->
 <!-- BEGIN hidden -->
 <tr>
 <td class="postdetails {postrow.hidden.ROW_CLASS}" colspan="2" align="center">{postrow.hidden.MESSAGE}</td>
 </tr>
 <!-- END hidden -->
 <!-- BEGIN displayed -->
 <tr class="post post--{postrow.displayed.U_POST_ID}" id="p{postrow.displayed.U_POST_ID}" style="{postrow.displayed.DISPLAYABLE_STATE}"><td>
 
<div class="ASjt_conteneur">

    <div class="ASjt_profil">
      <div class="ASjt_cadre-vava">
        <div class="ASjt_avatar">
          <div class="ASjt_image">{postrow.displayed.POSTER_AVATAR}</div>
          <div class="ASjt_info">
                  <!-- BEGIN profile_field -->
                  <div>{postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}</div>
                  <!-- END profile_field -->
                  <div>{postrow.displayed.PROFILE_IMG} {postrow.displayed.PM_IMG} {postrow.displayed.EMAIL_IMG}<!-- BEGIN contact_field --> {postrow.displayed.contact_field.CONTENT}<!-- END contact_field --> </div>
          </div>
        </div>
      </div>
      
      
      <div class="ASjt_rang-image">
       {postrow.displayed.RANK_IMAGE}
      </div>
      
      <div class="ASjt_rpg" id="delet">
       {postrow.displayed.POSTER_RPG}
        <script type="text/javascript">jQuery('#delet').html(jQuery('#delet').html().replace('Feuille de personnage','')).removeAttr('id')</script>
      </div>
      
      <div class="ASjt_inventaire">
        <div>Inventaire</div>
      </div>
    </div>
    
    <div class="ASjt_message">
      <div class="ASjt_pseudo-edition">
        <div class="ASjt_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} {postrow.displayed.ONLINE_IMG}
          <br/>{postrow.displayed.POSTER_RANK}
        </div>
        <div class="ASjt_edition">
          <div>{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} </div>
          {postrow.displayed.POST_DATE}
        </div>
      </div>
      
      
      <div class="ASjt_text-cadre">
        <div>
          {postrow.displayed.MESSAGE}
      
        </div>
      </div>
      
    </div>
  <script type="text/javascript">//<![CDATA[
 $( document ).ready(function() {$('a[href*="/u"] span').each(function(){var color = $(this).css("color");
 $(this).closest('.ASjt_pseudo-edition').css("background", color);});});//]]>
    </script>
  <script type="text/javascript">//<![CDATA[
 $( document ).ready(function() {$('a[href*="/u"] span').each(function(){var color = $(this).css("color");
 $(this).closest('.ASjt_cadre-vava').css("background", color);});});//]]>
    </script>
    
  </div>
  

  </td></tr>
  
  
  
 
 <!-- BEGIN first_post_br -->
</table>
<hr />
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
 <tr>
 <th class="thLeft" nowrap="nowrap" width="150px" height="26">{L_AUTHOR}</th>
   <th class="thRight" nowrap="nowrap" colspan="2">{L_MESSAGE}</th>
 </tr>
 <!-- END first_post_br -->
 <!-- END displayed -->
 <!-- END postrow -->
 <!-- BEGIN no_post -->
 <tr align="center">
 <td class="row1" colspan="2" height="28">
 <span class="genmed">{no_post.L_NO_POST}</span>
 </td>
 </tr>
 <!-- END no_post -->
 <tr><td>
    <div class="Batty_titre">
          {TOPIC_TITLE}
 </div>
  <div class="Batty_pagination">
    <div>{PAGE_NUMBER}</div>
    <div><!-- BEGIN topicpagination -->
 <span class="gensmall">{PAGINATION}</span>
      <!-- END topicpagination --></div>
    <div>{S_WATCH_TOPIC}</div>
  </div>
</td></tr>
</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"><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">
 <!-- BEGIN link -->
 » <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 />
 <!-- 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">
 <div class="cattitle"> {L_FORUM_RULES}</div>
 </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}" alt="" />
 </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>  
 <!-- 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>

 <td align="right" nowrap="nowrap"><span class="gensmall">{L_JUMP_TO}: {S_JUMPBOX_SELECT} <input class="liteoption" type="submit" value="{L_GO}" /></span></td>

 <!-- 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"> </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="hidden" name="sid" value="{S_SID}" /> -->
 <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="//s7.addthis.com/js/300/addthis_widget.js#pubid=forumotion" type="text/javascript"></script>


et le CSS qui va avec :

Code:


.ASjt_haut{
  width:100%;
  height:100px;
  background:#464747;
  display:flex;
  flex:warp;
  margin-bottom:10px;
}

.ASjt_boutons{
  width:50%;
  padding:10px;
  box-sizing:border-box;
}

.ASjt_titre{
  width:50%;
  padding:0 10px;
  box-sizing:border-box;
  text-align:right;
  color:#fff;
  font-size:12px;
  font-family:calibri;
}

.ASjt_titre h2{
  font-family: 'Six Caps', sans-serif;
  font-size:55px;
  text-transform:uppercase;
  margin:0;
  color:#fff;
  font-weight:normal;
}

.ASjt_titre a{
  display:inline;
  color:#fff;
  font-size:12px;
  font-family:calibri;
}

.ASjt_conteneur{
  width:100%;
  display:flex;
  flex:warp;
  display:flex;
  flex:warp;
}

.ASjt_profil{
  position:relative;
  width:220px;
  height:700px;
  box-sizing:border-box;
  overflow:hidden;
}

.ASjt_cadre-vava{
  background:#ccc;
  padding:10px;
}

.ASjt_avatar{
  width:200px;
  height:320px;
  background:#ccc;
  overflow:hidden;
  margin:auto;
  display:flex;
}



.ASjt_avatar:hover .image{
  margin-left:-200px;
}

.ASjt_image{
  width:200px;
  height:320px;
  transition:all 1s;
}

.ASjt_info{
  width:200px;
  height:320px;
  background:#000;
}

.ASjt_info div{
  width:180px;
  padding:5px;
  margin:10px auto;
  background:#fff;
  text-align:center;
  font-family: calibri;
  font-size:12px;
  text-transform:uppercase;
}

.ASjt_info div:first-child{
  position: absolute;
    margin-left: -200px;
    margin-top: 570px;
    width: 200px;
    height: 80px;
    background: none;
    padding: 0;
    pointer-events: none;
}

.ASjt_info div:first-child:hover{
 transition:none;
}

.ASjt_info div:first-child img{
   margin:2px;
}


.ASjt_rang-image{
  width:200px;
  margin: 10px auto 0;
}

.ASjt_rpg{
  width:200px;
  margin:0px auto;
}

.ASjt_rpg br:first-child, .ASjt_rpg br:nth-child(2), .ASjt_rpg a, .ASjt_rpg span{
  display:none;
}

.ASjt_inventaire{
  width:200px;
  height:130px;
  margin:auto;
}

.ASjt_inventaire div{
  width:200px;
  margin:auto;
  font-family: 'Six Caps', sans-serif;
  font-size:35px;
  text-transform:uppercase;
  text-align:center;
  border-bottom: 1px solid #000;
  height:42px;
}


.ASjt_message{
 width:calc(100% - 220px);
}

.ASjt_pseudo-edition{
  position:relative;
  width:100%;
  height:100px;
  background:#ccc;
  text-transform:uppercase;
  font-family:calibri;
  font-size:12px;
  color:#464747;
}

.ASjt_pseudo{
  position:absolute;
  top:10px;
  left:10px;
}

.ASjt_pseudo a{
  font-family: 'Six Caps', sans-serif;
  font-size:45px;
  text-decoration: none;
  color:#464747!important;
  line-height: 45px;
}
.ASjt_pseudo strong{
  font-weight: 200;
  color:#464747!important;
}


.ASjt_edition{
  position:absolute;
  bottom:10px;
  right:10px;
}

.ASjt_text-cadre{
  width:100%;
  min-height:400px;
  box-sizing:border-box;
  background:#464747;
  -moz-box-shadow:    inset 0 0 10px #000000;
   -webkit-box-shadow: inset 0 0 10px #000000;
   box-shadow:         inset 0 0 10px #000000;
  padding:20px;
}

.ASjt_text-cadre div{
  width:100%;
  min-height:400px;
  box-sizing:border-box;
  padding:5px;
  background:#fff;
  font-family:calibri;
  font-size:12px;
}


[Invité]

Hello MariePassion,

pour l'avatar, il  faut ajouter une bordure autour de l'image dans ta feuille de style:
La couleur peut être modifiée comme tu le souhaites.
Mais cela est indispensable  

Code:


/*BORDURE PAR DEFAUT*/
.ASjt_image img{border:2px solid #eee;}


Ensuite on va déposer un script qui va rechercher la couleur du groupe et modifier la bordure de l'avatar.

Modules/HTML&JAVASCRIPT/Gestion des codes Javascript/Créer un nouveau Javascript

Mets un titre explicite.
Coches  Sur les sujets

Déposes ceci:

Code:


$(function(){
$('.ASjt_pseudo').each(function(){
var M14_color=$(this).find('a[href^="/u"] span').css('color');
if(M14_color)
{
$(this).closest('.post').find('.ASjt_image img').css('borderColor',M14_color);
}
});});



Penses à cliquer sur le bouton VALIDER


a++

[MariePassion]

Hello !!

Merci beaucoup pour ce code je l'est installer et tout fonctionne bien. Par contre je l'est un peux modifier, car moi je souhaitait vraiment que ce soit une couleur de fond et non une bordure. Sinon je ne pouvais pas mettre mon ombre derrière l'avatar. Enfin je chipote sur l’esthétique de mon template...

Pour les curieux et ceux qui pourais avoir le même problème que moi voici le code finale que j'ai mis :

Code:

$(function(){
$('.ASjt_pseudo').each(function(){
var M14_color=$(this).find('a[href^="/u"] span').css('color');
if(M14_color)
{
$(this).closest('.post').find('.ASjt_cadre-vava').css('background',M14_color);
$(this).closest('.post').find('.ASjt_pseudo-edition').css('background',M14_color);
}
});});

Merci Milouze14 pour le code =)
Le sujet est résolut ^^