Script complexe pour bouton

[photoclic]

Rappel du premier message :

Bonjour,

No-way m'avait fait un code complexe pour mettre en place un bouton "Vote" qui permet de déplacer la photo d'un sujet vers un autre sujet. cela fonctionne à merveille.
Ce bouton est placé sur les sujets à droite du premier message des sujets.

Il permet donc de voter pour une photo et de la déplacer vers un sujet spécifique crée à cet effet.
Mais sur les sujets, on peut poster d'autres messages et ajouter des photos et le vote ne peut donc se faire que sur la photo du premier message et concerne donc tout le sujet.

Serait-il possible d'avoir ce bouton vote à droite de chaque photo du sujet pour pouvoir voter pour une photo spécifique du sujet.
Le bouton vote n'étant visible que par les membres, je peux fournir par mp un identifiant.

Merci pour votre aide.

Code:


 //Bouton voter sur sujets no-way ttes pages
    //Ne pas interdire les formulaires non officiels dans général->sécurité
    $(function(){
    try{
    var minWidth=200,minHeight=200;
    var activeOn=["f1","f4"];
    /*Ne rien modifier de ce qui suit*/
    tstRegs=[];
    photovote=false;
    $vB=$(".postbody .vote-button:first a").first();
    $poll=$vB.parentsUntil('.vote').parent();
    for( i in activeOn){
      tstRegs.push(new RegExp("^\/"+activeOn[i]+"-","i"));
    }

    $(".pathname-box:first a").each(function(){
    for(i in tstRegs){
      if(photovote=tstRegs[i].test($(this).attr("href")))break;
    }
    });

    if(photovote&&/^\/t\d+-/g.test(document.location.pathname)){

    $.get("/f12-",function(d){
    var coll=[],id_subject=false;
    var $img_s=$vB.parentsUntil(".postbody").parent().find(".content img");
    $img_s.each(function(){
    if(this.width>=minWidth&&this.height>=minHeight)coll.push('[img]'+this.src+'[/img]')}
    );
    /*id_subject ...*/
    $(".announcement .topictitle[href]",d).each(function(){
    if(/^Semaine\W+du\W+\d+/i.test($(this).text()))id_subject=$(this).attr("href").match(/^\/t(\d+)/)[1]});
    if(!coll.length||!id_subject)return;

    $vB.html('<img id="bouton_voter" src="https://i.servimg.com/u/f84/18/97/96/21/bouton10.png" alt="Voter" title="Je vote pour cette photo" />');
    $vB.parentsUntil(".postbody").parent().find(".profile-icons").append($("<li/>"));
    $poll.attr('class','vote-photo');
    $poll.html($vB);
    $poll.appendTo($vB.parentsUntil(".postbody").parent().find(".profile-icons li:last"));
    $vB.click(function(ev){
 //     var auteur=$(this).closest('.postbody').find('.author a[href^="/u"]').text();       
      var auteur=$(this).closest('.postbody').next().find('dl dt span strong').text();
  
    ev.preventDefault();
    $.get($(this).attr("href"));
    $.post('/post',{mode:'reply',t:id_subject,subject:'A voté pour '+auteur+'',message:coll.join('<br />'),post:'Envoyer'});
    $poll.html('<img src="https://2img.net/i/fa/optimisation_fdf/common/buttonok_off.png"  alt="Vote enregistré" title="Vote enregistré" />');
      });
    $('img#bouton_voter').tooltipster({
          animation : 'fade',
          arrow : true,
          speed : 300,
          delay : 300,
          onlyOne : true,
          theme : 'tooltipster-default'
    });
    })
    /***/
    };

    $(".vote").each(function(){
      if(photovote){photovote=0;return}
    $(this).find(".vote-button:first a").html('<img src="https://2img.net/i/fa/empty.gif" alt="Voter" title="Je vote pour ce message" />').click(function(ev){
    ev.preventDefault();
    $.get($(this).attr("href"));
    $(this).parent().html('<img src="https://2img.net/i/fa/optimisation_fdf/common/buttonok_off.png"  alt="Vote enregistré" title="Vote enregistré" />')}
                                                                                                                                                
    );
    $(this).closest(".postbody").find("ul.profile-icons").append("<li />").find("li:last").append($(this).find(".vote-button:first a")).append($(this).find(".vote-bar").length?' <div class="vote-count" title="Nombre de votes positifs">'+$(this).find(".vote-bar").attr("title").replace(/^.*\(([0-9]*) .*?\)$/,"$1"):"")+'</div>';
    $(this).remove()
    }
    )}
    catch(e){
    console.log(e)}
    });

[كونان2000]

Il semble que l'auteur du code ait rendu son code complexe et embrouillé  

Si c'est le cas, il serait préférable de contacter l'auteur du code. Je suis donc désolé, photoclic, de ne pas avoir pu t'aider davantage.

[photoclic]

OK, pas de souci. Merci en tout cas pour tes essais.

[photoclic]

up

[photoclic]

up

[photoclic]

up

[photoclic]

up

[photoclic]

Bonjour.
Personne pour reprendre ce superbe script.

[photoclic]

up

[photoclic]

up

[photoclic]

up

[Chacha]

Bonjour, Attention, cela fait 6 jours que nous n'avons pas de nouvelles concernant votre demande, si vous ne voulez pas voir votre sujet déplacé à la corbeille, merci de poster dans les 24h qui suivent ce message. Si votre sujet est résolu, merci d'éditer votre premier message et de cocher l'icône « résolu »

[photoclic]

Bonjour,
Sujet complexe non résolu.

[Lixyr]

Bonjour Photoclic,

Malheureusement, comme je vous l'ai dit la dernière fois, et comme ça a été dit dans ce sujet, le JavaScript fourni est vraiment trop chaotique pour être pris en main et modifié. Il faudrait le refaire intégralement, mais de façon efficiente.

[photoclic]

Bonjour Lixyr,

Merci pour votre message. Oui, je comprends.
Et son auteur que j'admirai, ne fait malheureusement plus de programmation sur FA.

Si refaire complètement ce script est envisageable, je serais preneur.

[Lixyr]

Bonjour,

Ca peut se faire. Il faudrait repartir de zéro, par contre. Déjà, de base, donnez-moi la version de votre forum, ainsi qu'un descriptif rapide du fonctionnement de votre bouton : quels effets doit-il avoir et dans quelles circonstances précisément ? Y a-t-il des restrictions ?

[photoclic]

Bonjour Lixyr,

Waow, ce serait formidable.
Je vais essayer de faire une description la plus précise possible.

Edit: ajout de la description:

Le script s'applique aux forums /f1 et /f4. Le système de vote est utilisé et il n'y a que des votes positifs.

Fonctionnement actuel:
Le bouton vote est placé en haut de chaque premier message avec comme title "je vote pour cette photo", et pour image: https://2img.net/i/fa/empty.gif.

Spoiler:

Quand on clique sur ce bouton, le vote est pris en compte, le bouton est remplacé par cette image: https://2img.net/i/fa/optimisation_fdf/common/buttonok_off.png avec comme title "Vote enregistré".

Spoiler:

Chaque membre ne peut voter qu'une seule fois.
Quand un membre a voté, le bouton vote est remplacé par le nombre de votes pour cette photo avec une image en dessous.
L'image est mise en css dans .vote .vote-bar-plus (https://i.servimg.com/u/f31/19/32/37/01/hzzv2813.png).

Spoiler:

La ou les photos du message sont alors postées sur un sujet, préparé en Note à cet effet, dans le forum f/12-photovote.
Ce sujet préparé par un modérateur en Note est un sujet dont le titre commence par "Semaine du ".

Spoiler:

Chaque fois qu'un membre vote, la ou les photos du message concerné sont postées dans un messsage du sujet préparé.
Le titre du message posté est: A voté pour xxxx (xxxx étant le nom de l'auteur de la photo).
Seules les photos sont postées et pas les smyleys ni les emojis.

Spoiler:

L'objet de cette demande serait d'étendre cette fonction vote.
Car sur les sujets, au fil de la discussion d'autres photos peuvent être postées. Serait-il possible d'avoir un bouton vote à droite de chaque message du sujet où il y a des photos (smileys et emoji exclus) afin de pouvoir voter pour n'importe quelle message avec photos du sujet.

Pour aller au bout de l'idée, mais je ne sais pas si cela est réalisable avoir le bouton vote à droite de chaque photo du sujet, y compris quand il y a plusieurs photos sur le même sujet, pour pouvoir voter pour n'importe quelle photo du sujet (smileys et emoji exclus), 1 seul vote par membre.

Je vous ai envoyé par mail un id pour vous connecter au forum si nécessaire.

Merci Lixyr pour ton aide.

[Lixyr]

Alors, plusieurs questions/remarques, pour que je comprenne bien :

1.

Cette image https://2img.net/i/fa/empty.gif. ne correspond pas à votre screen. Il y a une erreur ?

2.

Cette image ne s'affiche que quand on clique sur le vote. Si on actualise la page avec un vote comptabilité par nous, elle est remplacée par ?

3.

Chaque fois qu'un membre vote, la ou les photos du message concerné sont postées dans un messsage du sujet préparé.

On est d'accord que si 1000 membres votes pour 1000 photos différentes, le sujet accueillera les 1000 photos différentes ?
Par contre, si plusieurs membres votent pour la même photo, la photo apparaitra plusieurs fois. Est-ce l'effet désiré ? Je ne vois pas comment faire autrement.

4.

Chaque fois qu'un membre vote, la ou les photos du message concerné sont postées dans un messsage du sujet préparé.

Donc on ne peut plus utiliser le système de vote Forumactif. Le système de vote est fait pour un message, et non dépendamment du contenu, à moins que le vote ne soit comptabilisé qu'une seule fois, et que lorsqu'on vote, on vote pour toutes les photos d'un même message en même temps (donc les photos ont le même nombre de vote en plus : 1), et pas pour une photo précise choisie dans le message.

5.

La ou les photos du message sont alors postées sur un sujet, préparé en Note à cet effet, dans le forum f/12-photovote.
Ce sujet préparé par un modérateur en Note est un sujet dont le titre commence par "Semaine du ".

Est-ce que le JavaScript était modifié chaque semaine pour recevoir l'ID du poste en question, ou bien est-ce qu'il y avait un code qui détectait tout seul le sujet sans rien faire ? Dans ce forum, il n'y a que ce genre de messages en note, ou il peut y avoir d'autres notes qui n'ont rien à voir ? Comment les sujets sont triés, dans ce forum : du plus anciens au plus récent, ou autrement ?

Je pense qu'il me faudrait aussi le contenu du template viewtopic_body (ainsi que la version du forum pour que je puisse faire des essais sur mon forum test).

[photoclic]

Bonsoir Lixyr.

1:
Oui, désolé le lien de l'image que j'ai mise est erronnée. Le lien de l'image du bouton vote est:
https://i.servimg.com/u/f84/18/97/96/21/bouton10.png

2:
Oui, c'est bien cela. L'image indique que le vote a bien été pris en compte et lorsque la page est rafraichie celle-ci est remplacée comme vous l'avez écrit.

3:
Oui, cela se passe bien comme vous l'avez décrit. A noter qu'il est demandé aux membres de ne voter qu'une seule fois. S'il ne respecte pas cette règle, le modérateur ne tiendra compte que de son dernier vote.

4:
Oui, c'est bien le fonctionnement actuel. En cliquant sur le bouton vote, le ou les photos du premier message sont postées dans le même message du sujet préparé en Note. Donc si d'autres photos sont ajoutées dans le sujet de base on ne peut pas voter pour elles. D'ailleurs le bouton vote n'est présent que sur le premier message.
C'est justement le point 1 de l'objet de cette demande qui permettrait de positionner le bouton vote sur tous les messages où il y a des photos et pouvoir voter pour n'importe quel message, pas uniquement le premier.
Le point 2 de l'objet de cette demande serait  de pouvoir voter pour n'importe quelle photo du sujet. S'il y a plusieurs photos dans le même message, pouvoir voter pour l'une d'entre elles. cela me parait être un développement plus complexe et si impossibilité, se rabattre sur le point 1.

5:
Dans le forum f/12 Photovote, chaque semaine le modérateur passe le sujet préparé de Note à Normal.
Puis il crée un nouveau sujet en Note. Le titre de chaque sujet commence par le texte Semaine du .
C'est le JS fourni qui détecte le titre du sujet en Note commençant par ce texte pour y poster les messages avec les photos.
Les sujets dans ce forum sont classés par date du sujet le plus récente en premier.
On y trouve uniquement en haut une annonce globale, suivie d'une annonce, suivie de la note préparée puis les messages normaux (ex Notes) comme présenté dans le spoiler.

Le forum est en phpbb3.
Le template viewtopic_body:

Code:


<!-- retrait bouton panneau latéral -->
        <style>
        img.M14_open_Panneau {opacity: 0;}
          
        /*décalage bouton héberger une image*/  
       .sceditor-button-servimg {margin-left: 25%!important;}  
 
      /*Re-Affichage widget Dernières images*/
       #footer_widgets{display:flex;}
 
          
        </style>

<!-- Compte à rebours vote -->
        <style>
        /*Compte à rebours 2*/
        #CompteTxt {margin-right: 115px;}
        #Compte {margin: 2px -18.28%;}
        #Compte,#CompteTxt {position: relative;float: right;top: 6px;line-height: 30px;}
        #Compte div,#CompteTxt div{position: relative;float: left;margin-left: 5px;line-height: 25px;color: #3bd9eb;}
        #Compte div span{font-size:12px;text-align:center;color:#e2660a;}    
        .titre{margin-top: -5px;}  
          
      @media screen and (max-device-width:1024px){    
      #annoncesujet {margin: 0 70px !important;}
      .titre1 {margin-left: -45px !important;}
      #Compte {margin:2px -15% !important;}
   }  
        </style>
<!-- Fin Compte à rebours vote -->

        <!-- Position hauteur flèche et widgets dans sujets-->
        <style>
        .widget-arrow.isleft {margin-top: 434px;}
        #content-container div#left {margin-top: 460px;}
        </style>

        <!-- Position boutons nouveau et répondre -->
        <style>
        .buttons {margin: 15px 0 0 80px;position: relative;}
        </style>

        <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>
                              
        <br/><div class="M14_lAstSujets"><div></div></div>
        
        <div class="boutons_list">
        <ul class="linklist">
        <!-- BEGIN switch_user_logged_in -->
          <br/><br/>
                <!-- Ajout bouton Voir la page Facebook -->
                <li style="display: inline-block;"> • <a style="font-weight: bold;border: 1px solid #626262;border-radius:.3em;-moz-border-radius:.3em;-webkit-border-radius:.3em;padding: 0px 5px 3px 5px;" target="_blank" title="Aller sur la page Facebook du Clic" href="https://www.facebook.com/Photoclic/">La page Facebook du clic</a> • </li>
                
          <li><a style="font-weight: bold;border: 1px solid #626262;border-radius:.3em;-moz-border-radius:.3em;-webkit-border-radius:.3em;padding: 0px 5px 3px 5px;background: #177887;color: #fff;" href="{U_SEARCH_NEW}">Les nouveaux messages</a></li>
        <li>&nbsp;•&nbsp;<a style="font-weight: bold;border: 1px solid #626262;border-radius:.3em;-moz-border-radius:.3em;-webkit-border-radius:.3em;padding: 0px 5px 0px 5px;" target="_blank"title="Voir les dernières photos partagées" href="/images">Les dernières photos</a></li>        
          <li class="sansrep"> • <a style="font-weight: bold;border: 1px solid #626262;border-radius:.3em;-moz-border-radius:.3em;-webkit-border-radius:.3em;padding: 0px 5px 3px 5px;" href="{U_SEARCH_UNANSWERED}">Les messages sans réponses</a></li>      
                <li class="rightside"> • <a style="border: 1px solid #626262;border-radius:.3em;-moz-border-radius:.3em;-webkit-border-radius:.3em;padding: 0px 5px 3px 5px;" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a></li>  

          <li class="rightside"> • <a style="border: 1px solid #626262;border-radius:.3em;-moz-border-radius:.3em;-webkit-border-radius:.3em;padding: 0px 5px 3px 5px;" href="{U_MARK_READ}" accesskey="m">{L_MARK_FORUMS_READ}</a></li>
                <br/><br/><br/>
          <!-- END switch_user_logged_in -->
        </ul>
        </div>

            <h1 class="page-title" style="display:none;">
                  <a href="{TOPIC_URL}">{TOPIC_TITLE}</a>            
                </h1>

        <div style="position:relative;top: 90px; width: 1px;" id="M14_aNcHoR"></div>

        <div class="topic-actions">
        <!-- BEGIN switch_push_direct_send -->&nbsp;<span id="push-bell" title="{switch_push_direct_send.L_PUSH_SEND}"style="font-size: 1.5em;margin: 15px;position: absolute;"></span><!-- END switch_push_direct_send -->
                    
          <div class="buttons">

        <!-- BEGIN switch_user_authpost -->
                  <a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" class="{POST_IMG_CLASS}" alt="{L_POST_NEW_TOPIC}" /></a>  
          <!--            <a href="{U_POST_NEW_TOPIC}" accesskey="n" rel="nofollow"><img style="display:none;" src="https://i.imgur.com/DmZrfKT.png" id="bouton_poster" alt="{L_POST_NEW_TOPIC}" /></a>  -->
                <!-- END switch_user_authpost -->
                
              <!-- BEGIN switch_user_authreply -->
              <a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" class="i_reply" alt="{L_POST_REPLY_TOPIC}" /></a>
              <!-- END switch_user_authreply -->
          </div>
          
          <p class="right">
                <!-- BEGIN switch_twitter_btn -->
                <span>
                    <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>
              <span class="fb-like" data-href="{FORUM_URL}{TOPIC_URL}" data-layout="button_count" data-action="like" data-show-faces="false" data-share="false"></span>
              <!-- END switch_fb_likebtn -->
          </p>
        
          <div class="clear"></div>
        </div>
        
                    <div class="pathname-box" style="display:none;">
                    <p>
                      <a class="nav" href="{U_INDEX}"><span>{L_INDEX}</span></a>
                      {NAV_CAT_DESC}
                    </p>
                    </div>

        <!-- Compte à rebours vote -->
        <div id="CompteTxt"></div>
        <div id="Compte"></div>


              <div id="M14_ariane" class="pathname-box ariane">
                          <p class="M14_ariane">
                                <a class="nav" href="{U_INDEX}"><span>Accueil</span></a>
                                <!--{NAV_SEP}<a class="nav" href="{U_ALBUM}"><span>{L_ALBUM}</span></a>-->
                                {NAV_CAT_DESC}
                                <a class="nav" href="{TOPIC_URL}">{TOPIC_TITLE}</a>
                          
              <script type="text/javascript">
                    jQuery('.ariane').html(jQuery('.ariane').html().replace(/::/g,' ')).removeClass('ariane');
                    </script>            
                        </p>
                      </div>

          <a id="M14" style="position: relative;top: -190px;"></a>

<span class="participant">
{POSTERS_LIST}
</span>

        <!-- BEGIN topicpagination -->
        
<p class="M14_paginTopIc pagination">{PAGINATION}</p>

        <!-- END topicpagination -->

        <div class="clear"></div>
        {POLL_DISPLAY}  
        
        <!-- BEGIN postrow -->
          <!-- BEGIN hidden -->
              <div class="post {postrow.hidden.ROW_COUNT}">
                <div class="inner">
                    <span class="corners-top"><span></span></span>
                    <p style="text-align:center">{postrow.hidden.MESSAGE}</p>
                    <div class="clear"></div>
                    <span class="corners-bottom"><span></span></span>
                </div>
              </div>
          <!-- END hidden -->
        
          <!-- BEGIN displayed -->
                <div id="p{postrow.displayed.U_POST_ID}" class="M14_post post {postrow.displayed.ROW_COUNT}{postrow.displayed.ONLINE_IMG_NEW} post--{postrow.displayed.U_POST_ID}"{postrow.displayed.THANK_BGCOLOR} style="{postrow.displayed.DISPLAYABLE_STATE}">
                <div class="inner"><span class="corners-top"><span></span></span>
                                
                <!--  Ancrage des sujets  -->                      
          <!--<div class="M14_anchonext" style="position: relative; top: -105px; width: 1px;" id="{postrow.displayed.U_POST_ID}"></div>      -->

            <div class="M14_anchonext" style="position: relative; top: -145px;margin-top:40px; width: 1px;" id="{postrow.displayed.U_POST_ID}"></div>  
                                                    
              <!-- Affichage des numéros de message -->
          <div class="postNumberContainer"><a href="{postrow.displayed.POST_URL}" class="postNumber">#{postrow.displayed.COUNT_POSTS}</a></div>
                                                        
                                  <div class="postbody">

                    <ul class="profile-icons">
                                        <li>{postrow.displayed.THANK_IMG}</li>
                                                                                                            
                      <li>{postrow.displayed.MULTIQUOTE_IMG}</li>
  <!-- Bouton Transmettre par mp -->                                    
<!--    <img class="post2pm" data-pid="{postrow.displayed.U_POST_ID}" src="https://i.servimg.com/u/f31/19/32/37/01/abouto10.png" title="Transmettre par MP" alt="Transmettre par MP" />              -->
                                        
                      <li>{postrow.displayed.QUOTE_IMG}</li>
                      <li>{postrow.displayed.EDIT_IMG}</li>
                      <li>{postrow.displayed.DELETE_IMG}</li>
                      <li>{postrow.displayed.IP_IMG}</li>
                      <li>{postrow.displayed.REPORT_IMG_NEW}</li>
            
                    <!-- Debut bouton ajouter aux favoris -->                          
                        <li id="M14_FavORiTebis"><a href="/search?add_favourite={TOPIC_ID}&search_id=favouritesearch" rel="nofollow"><img style="margin-top:-3px;" src="https://i.servimg.com/u/f31/19/32/37/01/36125814.png" title= "Ajouter à vos favoris"/></a></li>                  
                        <!-- Fin bouton ajouter aux favoris -->                            
                                        
                  </ul>
                                    
                  <div class="avatarBlog"></div>              
                                    
                    <h2 class="topic-title">{postrow.displayed.ICON}<a href="{postrow.displayed.POST_URL}">{postrow.displayed.POST_SUBJECT}</a></h2>                    
                    <p class="author"><img src="{postrow.displayed.MINI_POST_IMG}" alt="{postrow.displayed.L_MINI_POST_ALT}" title="{postrow.displayed.L_MINI_POST_ALT}" /> {postrow.displayed.POSTER_NAME}                                  
              <!--    {postrow.displayed.POSTER_NAME}    posté    -->                                  
                    <span class="M14_time">{postrow.displayed.POST_DATE_NEW}</span>
                    <span class="M14_time_get"></span>
                    </p>                                
                    <div class="clearfix"></div>
                            
                    <!-- 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:40px;"></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 style="display:none"></div>
                    <div class="content clearfix">
                                        
                                      <!-- pour bouton copie lien photo -->
                                          <div class="M14_reception_photos" style="display:none"></div>
                                        
                      <div>{postrow.displayed.MESSAGE}</div>
                          <!-- BEGIN switch_attachments -->
                          <dl class="attachbox">
                            <dt>{postrow.displayed.switch_attachments.L_ATTACHMENTS}</dt>
                            <dd class="attachments">
                                <!-- BEGIN switch_post_attachments -->
                                <dl class="file clearfix">
                                  <dt>
                                      <img src="{postrow.displayed.switch_attachments.switch_post_attachments.U_IMG}" alt=""/>
                                  </dt>
                                  <dd>
                                      <!-- BEGIN switch_dl_att -->
                                      <span><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}</span>
                                      <!-- END switch_dl_att -->

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

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

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

                                      <span>({postrow.displayed.switch_attachments.switch_post_attachments.FILE_SIZE}) {postrow.displayed.switch_attachments.switch_post_attachments.NB_DL}</span>
                                  </dd>
                                </dl>
                                <!-- END switch_post_attachments -->
                            </dd>
                          </dl>
                          <!-- END switch_attachments -->
                    </div>
                            
                    <span class="edited_post">{postrow.displayed.EDITED_MESSAGE}</span>
                                  
                    <!-- BEGIN switch_signature -->
                    <div class="signature_div" id="sig{postrow.displayed.U_POST_ID}">{postrow.displayed.SIGNATURE_NEW}</div>
                    <!-- END switch_signature -->
                                  
                                                                  
            <div class="M14_Thank_Cont">
            <div><span class="M14_Texte_liste">Le membre suivant remercie  </span>
            <span class="M14_ThankUser"></span> pour ce sujet: <a target="_blank" href="" class="M14_Thank_link"></a><br />
            </div>
            <div class="M14_Thank_list"><div></div></div>
            </div>
                                                                  
                </div>

                <div class="postprofile" id="profile{postrow.displayed.U_POST_ID}">
                    <!-- div class="online2"></div-->
                    <dl>
                    <dt>                          
             <span class="M14_member_Info"></span>                    
             <strong class="M14_member" style="font-size:1.2em">            
             {postrow.displayed.POSTER_NAME}</strong>
                        
            <div class="M14_TogProfil">
            <span class="M14_avatar">{postrow.displayed.POSTER_AVATAR}</span>
            
            <li><a class="M14_link" target="_blank">Profil</a></li>
            <li><a class="M14_link" target="_blank">Statistiques</a></li>
            <li><a class="M14_link" target="_blank">MP</a></li>
            <li><a class="M14_link" target="_blank">Messages</a></li>
            <li><a class="M14_link" target="_blank">Sujets</a></li>
            <li><a class="M14_link" target="_blank">Participation</a></li>
            
            <!-- visiteurs retiré --      <li><a class="M14_link"target="_blank">Visiteurs</a></li>    ---->
            <!-- Message sur profil retiré --      <li><a class="M14_link"target="_blank">Message sur profil</a></li>    ---->

            </div>
            <br />
              {postrow.displayed.POSTER_AVATAR}
                                                
            <br />                                        
                      </dt>
                      <dd class="M14_rang">{postrow.displayed.POSTER_RANK_NEW}</dd>
                      <dd class="M14_rang">{postrow.displayed.RANK_IMAGE}</dd>

                      <dd {postrow.displayed.AWARDS_SHOW} class="dd_award {postrow.displayed.PROFILE_POSITION}">
                      {postrow.displayed.AWARDS}
          </dd>
          <dd class="award_more"></dd>
                      
                      <dd><br /></dd>
                      <dd>
                          <!-- BEGIN profile_field -->
                                                                    
  <span class="M14_blocSpan">{postrow.displayed.profile_field.LABEL}
  <span class="value">{postrow.displayed.profile_field.CONTENT}</span>
  {postrow.displayed.profile_field.SEPARATOR}</span>
                        
                          <!-- END profile_field -->
                          {postrow.displayed.POSTER_RPG}
                      </dd>
                      <dd><br /></dd>
                      <dd>
                          {postrow.displayed.PROFILE_IMG} {postrow.displayed.PM_IMG} {postrow.displayed.EMAIL_IMG}<!-- BEGIN contact_field --> {postrow.displayed.contact_field.CONTENT}<!-- END contact_field -->
                      </dd>
                    </dl>
                </div>

                <div class="clear"></div>
                                
      <!--  <a href="#top">{L_BACK_TO_TOP}</a> <a href="#bottom">{L_GOTO_DOWN}</a>  -->
                                                          
                <span class="corners-bottom"><span></span></span></div>
                      <!-- BEGIN switch_likes_active -->
            <div class="fa_like_div" style="display:none;">
            <!-- BEGIN switch_like_list -->
            {postrow.displayed.switch_likes_active.switch_like_list.D_LIKE_LIST}
            <!-- END switch_like_list -->
            <!-- BEGIN switch_dislike_list -->
            {postrow.displayed.switch_likes_active.switch_dislike_list.D_DISLIKE_LIST}
            <!-- END switch_dislike_list -->
            <button class="rep-button {postrow.displayed.switch_likes_active.C_VOTE_LIKE}"  data-href="{postrow.displayed.switch_likes_active.U_VOTE_LIKE}" data-href-rm="{postrow.displayed.switch_likes_active.U_VOTE_RM_LIKE}">
 <!--            <svg width="13px" height="13px" viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg"><path d="M320 1344q0-26-19-45t-45-19q-27 0-45.5 19t-18.5 45q0 27 18.5 45.5t45.5 18.5q26 0 45-18.5t19-45.5zm160-512v640q0 26-19 45t-45 19h-288q-26 0-45-19t-19-45v-640q0-26 19-45t45-19h288q26 0 45 19t19 45zm1184 0q0 86-55 149 15 44 15 76 3 76-43 137 17 56 0 117-15 57-54 94 9 112-49 181-64 76-197 78h-129q-66 0-144-15.5t-121.5-29-120.5-39.5q-123-43-158-44-26-1-45-19.5t-19-44.5v-641q0-25 18-43.5t43-20.5q24-2 76-59t101-121q68-87 101-120 18-18 31-48t17.5-48.5 13.5-60.5q7-39 12.5-61t19.5-52 34-50q19-19 45-19 46 0 82.5 10.5t60 26 40 40.5 24 45 12 50 5 45 .5 39q0 38-9.5 76t-19 60-27.5 56q-3 6-10 18t-11 22-8 24h277q78 0 135 57t57 135z" fill="#666"/></svg> -->
            <span> Best </span>{postrow.displayed.switch_likes_active.COUNT_VOTE_LIKE}
            </button>
            <!-- BEGIN switch_dislike_button -->
            <button class="rep-button {postrow.displayed.switch_likes_active.switch_dislike_button.C_VOTE_DISLIKE}" data-href="{postrow.displayed.switch_likes_active.switch_dislike_button.U_VOTE_DISLIKE}" data-href-rm="{postrow.displayed.switch_likes_active.switch_dislike_button.U_VOTE_RM_LIKE}">
            <svg width="13px" height="13px" viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg"><path d="M320 576q0 26-19 45t-45 19q-27 0-45.5-19t-18.5-45q0-27 18.5-45.5t45.5-18.5q26 0 45 18.5t19 45.5zm160 512v-640q0-26-19-45t-45-19h-288q-26 0-45 19t-19 45v640q0 26 19 45t45 19h288q26 0 45-19t19-45zm1129-149q55 61 55 149-1 78-57.5 135t-134.5 57h-277q4 14 8 24t11 22 10 18q18 37 27 57t19 58.5 10 76.5q0 24-.5 39t-5 45-12 50-24 45-40 40.5-60 26-82.5 10.5q-26 0-45-19-20-20-34-50t-19.5-52-12.5-61q-9-42-13.5-60.5t-17.5-48.5-31-48q-33-33-101-120-49-64-101-121t-76-59q-25-2-43-20.5t-18-43.5v-641q0-26 19-44.5t45-19.5q35-1 158-44 77-26 120.5-39.5t121.5-29 144-15.5h129q133 2 197 78 58 69 49 181 39 37 54 94 17 61 0 117 46 61 43 137 0 32-15 76z" fill="#666"/></svg>
            <span>{postrow.displayed.switch_likes_active.switch_dislike_button.L_DISLIKE}</span>{postrow.displayed.switch_likes_active.switch_dislike_button.COUNT_VOTE_DISLIKE}
            </button>
            
            <!-- END switch_dislike_button -->  
            </div>
            <!-- END switch_likes_active -->
          
    </div>
              <!-- BEGIN first_post_br -->
              <hr id="first-post-br" />
              <!-- END first_post_br -->
          <!-- END displayed -->
        <!-- END postrow -->

          <a name="bottomtitle"></a>  


        <div class="clear"></div>
        
        <div class="noprint">

        <!-- BEGIN switch_user_logged_in -->
        
        <!-- BEGIN watchtopic -->

        <li class="rightside" style="float:right;">  {S_WATCH_TOPIC}<br /></li>

        <!-- END watchtopic -->
        <!-- END switch_user_logged_in -->
        </div>

        <hr />
              <div id="M14_ariane" class="pathname-box ariane">
              <p class="M14_ariane">
              <a class="nav" href="{U_INDEX}"><span>Accueil</span></a>
              <!--{NAV_SEP}<a class="nav" href="{U_ALBUM}"><span>{L_ALBUM}</span></a>-->
              {NAV_CAT_DESC}
              <a class="nav" href="{TOPIC_URL}">{TOPIC_TITLE}</a>
                          
              <script type="text/javascript">
              jQuery('.ariane').html(jQuery('.ariane').html().replace(/::/g,' ')).removeClass('ariane');
              </script>            
              </p>
              </div>

        <!-- BEGIN promot_trafic -->
        <div class="post row2" id="ptrafic_close" style="display:none;font-size:1.3em;line-height:1.4em">
          <span class="corners-top"><span></span></span>
          <span class="gensmall"><a href="javascript:ShowHideLayer('ptrafic_open','ptrafic_close');"><img src="{TABS_MORE_IMG}" alt="+" align="" border="0" /></a></span>
          <span class="ptrafic"> {PROMOT_TRAFIC_TITLE}</span>
          <span class="corners-bottom"><span></span></span>
        </div>
                <div class="post row2" id="ptrafic_open" style="display:'';font-size:1.3em;line-height:1.4em">
          <span class="corners-top"><span></span></span>
          <span class="gensmall"><a href="javascript:ShowHideLayer('ptrafic_open','ptrafic_close');"><img src="{TABS_LESS_IMG}" alt="-" align="" border="0" /></a></span>
          <span class="ptrafic"> {PROMOT_TRAFIC_TITLE}</span>
          <div class="clear"></div>
          <div>
              <!-- BEGIN link -->
              » <a href="{promot_trafic.link.U_HREF}" title="{promot_trafic.link.TITLE}" rel="nofollow">{promot_trafic.link.TITLE}</a><br />
              <!-- END link -->
          </div>
          <span class="corners-bottom"><span></span></span>
        </div>
        <!-- END promot_trafic -->

        <!-- BEGIN switch_forum_rules -->
        <div class="post row1" id="forum_rules">
          <span class="corners-top"><span></span></span>
          <div class="h3"> {L_FORUM_RULES}</div>
          <div class="clear"></div>
          <table class="postbody">
              <tr>
                <!-- BEGIN switch_forum_rule_image -->
                <td class="logo">
                <img src="{RULE_IMG_URL}" alt="" />
                </td>
                <!-- END switch_forum_rule_image -->
                <td class="rules content">
                {RULE_MSG}
                </td>
              </tr>
          </table>
          <span class="corners-bottom"><span></span></span>
        </div>
        <!-- END switch_forum_rules -->

        <!-- BEGIN switch_user_logged_in -->
        <a name="quickreply"></a>
        {QUICK_REPLY_FORM}
        <!-- END switch_user_logged_in -->

        <hr />

        <!-- BEGIN topicpagination -->
        <p class="pagination">{PAGINATION}</p>
        <!-- END topicpagination -->

        <div class="clear"></div>
 
 <form action="{S_JUMPBOX_ACTION}" method="get" name="jumpbox" onsubmit="if(document.jumpbox.f.value == -1){return false;}">
 <fieldset class="vf_jumpbox">
 <label>{L_JUMP_TO}:&nbsp;</label>
 {S_JUMPBOX_SELECT}&nbsp;
 <input class="button2" type="submit" value="{L_GO}" />
 </fieldset>
 </form>
</div>
 

        <!-- BEGIN viewtopic_bottom -->
        <form method="get" action="{S_FORM_MOD_ACTION}">
        <fieldset class="quickmod">
          <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}" />
          <label>{L_MOD_TOOLS}: </label>
          {S_SELECT_MOD}&nbsp;
          <input class="button2" type="submit" value="{L_GO}" />
        </fieldset>
        </form>
        <div class="clear"></div>
        <p class="right">{S_TOPIC_ADMIN}</p>
        <!-- END viewtopic_bottom -->

        <!-- BEGIN show_permissions -->

          <div class="h3">{L_TABS_PERMISSIONS}</div>
          {S_AUTH_LIST}
        <!-- END show_permissions -->

        <!-- BEGIN switch_image_resize -->
        <script type="text/javascript">
        //<![CDATA[
        $(resize_images({ 'selector' : '.postbody .content', 'max_width' : {switch_image_resize.IMG_RESIZE_WIDTH}, 'max_height' : {switch_image_resize.IMG_RESIZE_HEIGHT} }));
        //]]>
        </script>
        <!-- END switch_image_resize -->

        <!-- Laisse le bouton favori uniquement sur 1ier message -->
            <script type="text/javascript">
              $(function(){
              if(_userdata["user_id"] < (0)){$('li#M14_FavORiTebis').remove();}
              $('ul.profile-icons:not(:first)').find('li#M14_FavORiTebis').remove();
              });
            </script>

<!-- BEGIN switch_push_direct_send -->
<div id="push-answer" class="jqmWindow"></div>
<script src="{JQUERY_DIR}jqmodal/jqmodal.js" type="text/javascript"></script>
<script>
    //<![CDATA[
    $(document).ready(function() {
        $('#push-answer').jqm({toTop: true});
 
        $('#push-bell').click(function () {
            return sendWebPush({TOPIC_ID});
        });
 
        function sendWebPush(tId) {
            $.get("/ajax_push.php?topicID=" + tId).done(showPushAnswer);
        }
 
        function showPushAnswer(data) {
            $('#push-answer').html(data).jqmShow();
            $('.jqmOverlay').bgiframe();
            $('#push-answer').bgiframe();
        }
    });
    //]]>
</script>
<!-- END switch_push_direct_send -->

J'espère ne rien avoir oublié.

[Lixyr]

Oui, c'est bien le fonctionnement actuel. En cliquant sur le bouton vote, le ou les photos du premier message sont postées dans le même message du sujet préparé en Note. Donc si d'autres photos sont ajoutées dans le sujet de base on ne peut pas voter pour elles. D'ailleurs le bouton vote n'est présent que sur le premier message.
C'est justement le point 1 de l'objet de cette demande qui permettrait de positionner le bouton vote sur tous les messages où il y a des photos et pouvoir voter pour n'importe quel message, pas uniquement le premier.
Le point 2 de l'objet de cette demande serait de pouvoir voter pour n'importe quelle photo du sujet. S'il y a plusieurs photos dans le même message, pouvoir voter pour l'une d'entre elles. cela me parait être un développement plus complexe et si impossibilité, se rabattre sur le point 1.

D'accord. Donc au final, ce que vous souhaitez, c'est qu'on puisse votre pour tous les messages contenant une photo, pas uniquement pour le tout premier message d'un sujet. Ca, c'est faisable.
Par contre, on ne peut pas sélectionner une photo précise dans un message si ce message contient plusieurs photos.
Sinon, il faudrait envisager que si on vote sur un message contenant plusieurs images, le script demande de sélectionner quelle image, et supprime les autres lors de l'envoi du message dans la note, ce qui fait que ça n'en sélectionne qu'une seule sur le tout.

----------------------------

Pourrais-je avoir votre CSS également pour l'installer sur mon forum test ?

[photoclic]

Bonsoir Lixyr.

Oui, vous avez très bien saisi ce que je souhaiterai.

Par contre, on ne peut pas sélectionner une photo précise dans un message si ce message contient plusieurs photos.
Sinon, il faudrait envisager que si on vote sur un message contenant plusieurs images, le script demande de sélectionner quelle image, et supprime les autres lors de l'envoi du message dans la note, ce qui fait que ça n'en sélectionne qu'une seule sur le tout.

Ceci me conviendrait parfaitement.

Une partie de mon css car le tout ne rentre pas:

Code:




/*couleur fond et Retirer bords annonce défilante accueil #ea7153 */
#fa_ticker_block > div:nth-child(1) {
    background: #454444;
    border: none!important;
}
/*Décalage ligne annonce accueil*/
#fa_ticker{margin-top: 7px;}

/*Décalage sujets messages derniers messages pour livre d\'or sur accueil*/
div.M14_forabg ul.topiclist li.header dl.icon dd.lastpost,
div.M14_forabg ul.topiclist li.header dl.icon dd.posts,
div.M14_forabg ul.topiclist li.header dl.icon dd.topics {
    padding-left: 18px;
}

/*retirer image blog livre d\'or sur page accueil*/
dd.dterm div.table-title h2 img{display:none;}

/*Derniers sujets dans généralités pour page accueil*/
#M14_panel .module.M14_lastTopIcSLoad div.h3 {display: none;}
#M14_panel .module.M14_lastTopIcSLoad {
    background-color: transparent!important;
    border: none!important;
    float: right;
    font-size: 1em;
    height: 203px!important;
    line-height: 1.1em;
    margin: 10px 15px 0 0;
    overflow-y: scroll!important;
    width: 350px!important;
}

/*Coloriser en gris colonne sujets et derniers messages sur page d’accueil*/
.topiclist.forums .icon[style^=\"background\"]::before,.topiclist.forums .lastpost ,.topiclist.forums .topics{
   border-left: 1px dotted #474747 !important;
   border-right: 1px dotted #474747 !important;
   height: 70px;
}
.topiclist.forums .lastpost{
border-right: none !important;
}

/*miniature dernier sujet sur accueil*/
#Recept_lastPost img{max-height:90px;margin:0px 1px;border: 4px #fff;border-style: ridge;}
#Recept_lastPost {
   float: right;
   margin-top: -65px;
   padding: 0;
   position: relative;
   text-align: center;
   height: 150px;
}



/*Fond noir autour logo*/
.headerbar {height: 280px;}

/* Taille logo accueil et retrait fond  */
a#logo img {
   transform: scale(0.8);
    -webkit-transform: scale(0.8);
     max-width: 100%;
}
#logo {padding: 26px 21px 21px 5px;max-width: 45%;}

/* Encadrement des catégories page d\'accueil */   
ul.forums dd{border-left: none !important;}
span.corners-bottom, span.corners-bottom span, span.corners-top, span.corners-top span {height: 0px;}

/*Retirer connexion s\'enregistrer en haut de page*/
#fa_right a.rightHeaderLink:not(a#fa_hide):not(#fa_notifications) {display: none !important;}

/*nbre de vues masquées en attendant solution
dd.views {color: transparent;}*/


/*Centrage des photos postées et taille maxi*/
.postbody img[src*=\"servimg.com\"], .postbody img[src*=\"zupimages.net\"], .postbody img[src*=\"filepicker.io\"], .resize_img {
    display: block!important;
    margin: auto;
    max-height: 808px;
    max-width: 100%;
}

/*nbre de particiapnts sur sujets près du nbre de commentaires */
.poster-list {
    color: #fff;
    padding: 40px 240px 10px 240px;
    position: absolute;
    font-size: 1.1em;
}
.poster-list .poster .poster-more-list  {
    background: #5f5f5f;
    border: solid 1px #ccc;
    min-width: 60px;
}
.poster-list .poster span {padding-left: 2px;}
.poster-list .poster-count {margin-left: 0;}

/*Bordure 1ier message livre d\'or pour invités*/
.post.row2.post--298445.M14_noneOnline{border:3px double rgb(255, 249, 155);}
.post.row2.post--298445.M14_noneOnline div.postbody{float: left;}

/*retirer image clignotante nouveau message à gauche sur SF*/
dd.dterm a.M14_Blink img  {display:none;}

/*Position et fond Menu Rechercher*/
#search_menu{
top: 40px !important;
margin-left: -185px;
border: 3px double #ccc;
}
#search_menu form{background: #28aab8;}


/*CORRECTION SUR LES ICONES DE MESSAGE AJOUTES SUR LA LISTE DES MESSAGES
.topics dl.icon dd.dterm:not(dd.dterm.fondbestof){background-image:none!important;}*/

/*MP photo gagnante*/
.M14_importe_link {background:#454545;margin:20px;padding:10px;text-align:center;width:93%;}
div.M14_importe_link textarea{width: 70%;height: 50px;}

/*Photos en best dans phototest*/
a img.M14_get_PhotOs{
margin-top: -26px;
position: absolute;
margin-left: 40%;
}

/*LA BARRE DE NAVIGATION*/
    ul.M14_more_btn_navbar {
    position: fixed;
    top: 100px;
    left: 0;
    right: 0; 
    width: 100%;
    z-index: 990 !important;;
}
    /*LES PARTIES DE LA BARRE DE NAVIGATION*/
    .M14_more_btn_navbar  li{display:inline;font-size: 1.1em;background: black;padding: 6px;line-height: 2em;}
    /*LES LIENS DE LA BARRE DE NAVIGATION*/
    .M14_more_btn_navbar  li a.mainmenu{margin: 0px 5px;}
    /*LES BOUTONS OUVERTURE/FERMETURE DE LA BARRE DE NAVIGATION*/
    .M14_closeNav, .M14_openNav {
   cursor: pointer;
   display: inline-block;
   height: 16px;
        width: 16px;
   position: relative;
   top: 6px;   
}

/*Nouveau système de Best*/
    /*LE BLOC RECEVANT LES BOUTONS */
div.M14_bloc_trash {
   background: #666;
   border-radius: 6px;
   height: 36px;
   line-height: 10px;
   margin: 30px 0;
   padding: 5px;
   text-align: center;
   width: 205px;
   }
    /*LES LIENS DES BOUTONS*/
    div.M14_bloc_trash a[id^=\"M14_dial\"]{
    display:list-item;
    list-style:none;
    color:#20aec8;
    padding:3px;
    cursor:pointer;
    border: solid 1px #7e7e7e;
    }
    /*ON POSITIONNE LES BOUTONS A GAUCHE DANS L\'ORDRE*/
    .fa_like_div {margin-left: 0;}
    /*ON MASQUE LE POUCE*/
    /* button.rep-button.fa_like path, button.rep-button.fa_liked path, button > svg > path {display: none;}*/
    button.rep-button.fa_like path, button.rep-button.fa_liked path {display: none;}
    /*TEXTE AJOUTER*/
    button.rep-button.fa_like:before{content:\'Ajouter un\';color:green;}
    /*TEXTE RETIRER*/
    button.rep-button.fa_liked:before{content:\'Retirer votre\';color:#d31141;}
    /*L IMAGE APRES LE VOTE*/
   button.rep-button.fa_liked .rep-nb::after {          
   background-image: url(https://i.servimg.com/u/f25/18/97/96/21/059010.gif);                        
   background-position: right center;
   background-repeat: no-repeat;
   content: \'\';
   display: inline-block;
   height: 25px;
   margin-left: 17px;
   position: absolute;
   width: 58px;
   }
    /*ON MASQUE LE TEXTE \" aime ce message\" et ascenceur si nécesssaire*/
    .fa_like_div .fa_like_list{font-size:0px; padding: 5px 0;overflow-x: auto;}
    /*ON IMPOSE UNE TAILLE ET UNE POLICE AU PSEUDOS*/
    .fa_like_div .fa_like_list a[href^=\"/u\"] {font-size: 11px !important; font-family: Montserrat;}
    /*ON AFFICHE UNE VIRGULE APRES LE MEMBRE*/
    .fa_like_div .fa_like_list a[href^=\"/u\"]::after {content: \' - \'; color: #038f46;}
    /*ON AFFICHE UN POINT APRES LE DERNIER MEMBRE*/
    .fa_like_div .fa_like_list a[href^=\"/u\"]:last-child:after
    {content:\'.\';}
    /*Hauteur boutons et Best*/
   .rep-nb {
   line-height: 25px;
   margin-left: 10px;
   padding-left: 5px;
   }   
      .rep-button, .rep-button:active, .rep-button:focus {
   height: 28px;
   margin-bottom: 15px;
   width: auto;
   }
/*quand 0 Best*/
   .zerobest, .bestmembre {
   background: #fff;
   border-radius: 4px;
   color: green;
   float: left;
   font-family: Trebuchet MS;
   font-weight: 700;
   padding: 4px 7px 9px;
   position: relative;
   text-transform: uppercase;
   top: -10px;
   }
   .bestmembre {
   top: 12px !important;
   }

/*retirer hashtag sous photo quand invité*/
.M14_noneOnline a.fa-hashtag-1{display:none;}
/*Masquer le hashtag en bas du 1ier message*/
.M14_first a.fa-hashtag-1, .module.mod_news a.fa-hashtag-1,a.fa-hashtag-1{display:none;}

/*Sélecteur catégorie d\'un évènement*/
#EV_Form select {height: 30px;}

/*Décalage texte réponse rapide*/
div.content.clearfix{ margin-top: 15px;}

/*Ancrage message quand accès par voir 1ier message*/
.ancrage{position:relative; margin-top:60px;}

/*Pour positionner petite icône des messages Note et Annonce à gauche du titre*/
h2.topic-title img{
   float: left;
   margin: -6px 5px !important;
}

/* Couleur note photo gagnante*/
li.Note{background:#593e41;}

/*Clignotement note photo gagnante*/
li.Note {
  animation-duration: 3.5s;
  animation-name: clignoter;
  animation-iteration-count: infinite;
  transition: none;
}
@keyframes clignoter {
  0%  { opacity:1; }
  30%  {opacity:0; }
  100% { opacity:1; }
}





/*Affichage nombre de votes*/
.M14_vote_info
    {
    font-size: 12px !important;
    height: 24px;
    margin-left: -120px;
    position: absolute;
    text-align: center;
    width: 150px;
    }
.M14_vote_info span {
   color: #27aab8;
   float: right;
   margin-top: -20px;
   position: relative;
   right: -22px;
   }

/*remplacement barre verte vote par smiley à voté*/
.vote .vote-bar-plus
    {
      background-color: transparent;
      background-image:url(https://i.servimg.com/u/f31/19/32/37/01/hzzv2813.png);
      background-repeat:no-repeat;
      background-position:center;     
      width:50px;
      margin-left: -35px;
    border: none !important;
    }
/*Suppression bargraphe*/
.vote .vote-bar, .vote .vote-bar-minus {display:none;}

/*couleur nombres pagination*/
.pagination span a, .pagination span a:active, .pagination span a:link, .pagination span a:visited {color: #69e9fa;}

/* Scrollbar sous Firefox */
* {scrollbar-color: #28aab8 #FFFFFF;scrollbar-width: thin;}
/* Scrollbar sur navigateurs Webkit */
::-webkit-scrollbar {width: 8px;height: 8px;}
::-webkit-scrollbar-track {background-color: #FFFFFF;}
::-webkit-scrollbar-thumb, ::-webkit-scrollbar-button {background-color: #28aab8;}

/* Modifie couleur et trait paragraphe*/
.h3 {
  color: #3cc2c4 !important;
  border-bottom: 1px solid #727272;
}

/*Bouton modo sur SF pour basculer Normal et Note*/
.M14_edit_moder{margin: 10px 0 0 -60px;position: absolute;display:none;}
dl.icon:hover .M14_edit_moder{display:inline-block;}

/* couleur fond bouton Note-Normal etc*/
.M14_choice-type label.M14_selected {padding: 3px;background-color: #cf1a1a;color: #60e9fa;}
.M14_choice-type label:hover{color: #60e9fa;}

/*Temps écoulé nouveau message sur SF*/
.M14_topics_list_box_get.heure_exacte, .M14_topics_list_box_get.mn_exacte {
   margin: 35px 0 0 16%;
   padding: 4px 0 4px 0;
   position: absolute;
     right: 70px;
   text-align: center;
   width: 120px;
}
.M14_topics_list_box_get.heure_exacte {background: #038f52;}
.M14_topics_list_box_get.mn_exacte{background: #9e0b10;}

/*Voir deniers messages et sujets*/
    /*Temps écoulé*/
.heure_exacte1, .mn_exacte1 {
   margin-top: -28px;
   padding: 5px 5px 7px 0;
   position: absolute;
   right: 55px;
   text-align: center;
   width: 125px;
}
.heure_exacte1{background: #038f52;}
.mn_exacte1{background: #9e0b10;}

    /*Les petites images*/
    img.M14_not_delete
    {
    float:left;
    margin-left: -24px;
    }
    img.M14_reload{width:24px;height:24px;}
    /*La cellule d\'importation*/
    div.M14_import_LocAl {
    background-color: #2E2E2E !important;
    max-height: 115px;
    overflow-y: auto;
    padding: 10px 0 0 60px;
    }
    div.M14_importe_local_message div blockquote {margin: 1em 1px 1em 2px !important;}

    div.M14_importe_local_message div,div.M14_importe_local_message div a[href]{font-size:12px;}
    div.M14_importe_local_message div img:not(.M14_not_delete){max-width:24px;}
    /*div.M14_importe_local_date{margin-bottom: 20px;} retiré */

    div.M14_import_LocAl:hover{background: #4e4e4f !important;}

    /*Les miniatures*/
    .M14_LoaD_ToPiCsSearch, .M14_LoaD_ToPiCsSearch img {
    height: 65px;
    object-fit: cover;
    width: 65px;
    }
    .M14_LoaD_ToPiCsSearch img:hover {
      border: 1px solid #fff;
      height: 120px;
      width: auto;
      float: right;
      }

    /*les boutons voir derniers messages et derniers sujets*/
    .M14_get_reload{
    display: none;
    }
    .M14_get_reload,.M14_get_last_sujets{   
    margin-right: 10px;
    top: -10px;
    position: relative;
    border: 1px solid #626262;
    border-radius: .3em;
    -moz-border-radius: .3em;
    -webkit-border-radius: .3em;
    padding: 4px;
    }
        .M14_get_last_sujets a[href=\"/latest\"]
        {
        font-size:14px;
        color:#20aec8;
        }

        /*le bouton retour*/
        .M14_get_reload
        {
        display:none;
        margin-right: 30px;
        }
        /*le lien du bouton retour*/
        .M14_get_reload a[href=\"/search?search_id=newposts\"]
        {
        font-size:14px;
        color:#20aec8;
        }
/*Bouton rechercher sur SF*/
.search-box {margin-left: 30%;}

/* Remplacer bouton poster une photo par poster une série au dessus de l\'éditeur sur f5*/
#quick_reply.F5 .sceditor-button-servimg div ,#main-content.F5 .sceditor-button-servimg div{
        background-image: url(https://i.imgur.com/iZqElcb.png) !important;
        background-position: center !important;
        height: 50px !important;
        width: 155px !important;
        position: relative;
        top: -12px;     
        }
/* Bouton poster une photo au dessus de l\'éditeur*/
.sceditor-button-servimg{float:none!important;height:40px!important;width: 142px !important;border:none!important;box-shadow:none!important;}

.sceditor-button-servimg div {
        background-image: url(https://i.imgur.com/DmZrfKT.png) !important;
        background-position: center !important;
        height: 50px !important;
        width: 160px !important;
        position: relative;
        top: -12px;
        }
.sceditor-button-servimg:hover{
        background:transparent!important;
        box-shadow:none!important;
        }
/* Retirer bouton format des titres*/
a.sceditor-button.sceditor-button-headers{
  display: none;
}

/*Fond fenêtre casimages*/
div.sceditor-dropdown.sceditor-zupimages p{background-color: #eaeaea;}

/*Retirer ligne au dessus du FIL D ARIANE en bas*/
    hr {border: none;}
/*Espace sous le FIL D ARIANE et arrondi titre forum*/
.forumbg{margin-top: 13px;padding:0 !important;border-radius: 19px 19px 0 0;}

/*LES FILS D ARIANE */
    #M14_ariane
    {
    height:40px;
    margin-left:5.5%!important;
    border: 1px solid #777777;
    padding-left: 15px;
    background: #616161;
    border-radius: .3em;
    }
    /*les liens du fil d ariane*/
    #M14_ariane a[href=\"/\"],#M14_ariane a[href^=\"/c\"],#M14_ariane a[href^=\"/f\"],#M14_ariane a.nav
    {color: #27aab8;min-width:40px;width:auto;height:60px;display: inline-flex;margin:0px 5px 0px 5px !important;}

    /*le fil d ariane sur la liste des sujets*/
    #M14_ariane.nomargin.path.M14_ariane{line-height:40px!important;}
    /*le fil d ariane sur les messages*/
    #M14_ariane.pathname-box{float:none;}
    #M14_ariane.pathname-box .M14_ariane{line-height:40px!important;}
    /*LES BORDURES DES LIENS DU FIL D ARIANE SAUF LE DERNIER*/
    #M14_ariane a[href]:not(:last-child)::after
    {
    content:\'\';
    background-image:url(https://i.servimg.com/u/f31/19/32/37/01/23910.png);
    background-position: right;
    background-repeat: no-repeat;
    width: 21px;
    height: 40px;
    opacity:0.5;
    }

p.M14_ariane a[href^=\"/f\"] img {
margin-left: -340px !important;
margin-top: -7px !important;
position: absolute;
}
/*boutons nouveau Répondre */
.buttons {
    margin: 15px 0 10px 10px !important;
}

/*fenêtre message après action modération*/
    p.message a,p.message{color:#b7feff;}
    p.message a:hover{color: #fff;}

/*Fenêtre Informations en vert */
    div.inner form {
    background: #3cc2c4;
    color: #454444;
    padding: 4px 0;
    font-weight: bold;
    }

/*Définition des encarts -Fond vert etc*/
#main-content > div.panel > div > p
{background-color: #3ed5d8!important;
height: auto;
color: #993741;
font-weight: bold;
text-align: center;
line-height: 1.5em;
font-size: 1.5em;
}

/*Boutons miniatures dans profil statistiques*/
    /*Le lien*/
  .M14_get_pictures_member {
    color: #69E9FA;
    cursor: pointer;
    }
    .M14_get_pictures_member:hover {
    color: #fff;
    }
    /*LA DIV RECEVANT LES PHOTOS*/
    .M14_get_pictures_member_import
    {
   width: 100%;
        background: #2e2e2e;
   border: 3px solid #717171;
   text-align: center;
   overflow: hidden;
         padding: 15px;
    }
    /*ON REDUIT LA DIMENSION DES IMAGES*/
  .M14_get_pictures_member_import img {
   height: 80px;   
   width: auto;   
   margin: 25px 40px;
   border: 3px solid #717171;
    }
    .M14_get_pictures_member_import img:hover
    {
-webkit-transform:scale(1.6);
-moz-transform:scale(1.6);
  -ms-transform:scale(1.6);
-o-transform:scale(1.6);
transform:scale(1.6);
    }
    /*Le compteur de photos*/
    #M14_reCepT_fieldset legend span{
    background: #28aab8;
    display: block; 
    width: 25px;
    height: 20px;
    border-radius: 25px;
    text-align: center;
    padding-top: 3px;
    margin-left: 75px;
    }
/*ON CACHE LE BLOC RECEVANT LES PHOTOS*/
    #M14_reCepT_fieldset{display:none;}

/*miniatures sur sous forums*/
.M14_resultNumber {
    background-color: #2e2e2e;
    color: #69e9fa;
    display: block;
    font-size: 11px;
    height: 23px;
    line-height: 23px;
    margin-left: 22px;
    width: 55px;
    padding-left: 2px;
}
    /*Les conteneur dans la liste sujets SF*/
    .M14_LoaD_ToPiCs {
   left: 60px;
        min-height:100px;
   position: relative;
   width: 87%;
   top: 0px;
   z-index: 10;
    }
    /*Les images*/
    .M14_PhotOs, .M14_PhotOs img {
    height: 80px;
    margin: 5px 0;
    object-fit: cover;
    width: 80px;
    padding-right: 3px;
}
   .M14_PhotOs img:hover {
   height: 120px;
   padding: 1px;
   width: auto;
   border: 1px solid white;
}
    .M14_Open_GetPhotos,.M14_Close_GetPhotos
    {
    display:none;
    position: absolute;
    width: 18px;
    height: 18px;
    z-index:999;
    cursor:pointer;
    }

  .M14_Close_GetPhotos img, .M14_Open_GetPhotos img {
    height: 18px;
    width: 18px;
    margin: 1px 0;
}

/*Photos en Best dans colonne liste membres*/
    div.M14_none_info{width:100%;font-size: 1.2em;color:#60e9fa;text-align:center;position: relative;bottom: 14px;}
    div.M14_none_info img{margin-left: -290px;padding-right: 30px;width: 35px;height: 35px;top: 16px;position: relative;}
    td.M14_photosGet{text-align:center;}
    .M14_photosGet_open{color:#4cd8eb;cursor: pointer;}
    .M14_photosGet_closed{color:#2978cc;cursor: pointer;}
    .M14_photosGet_reset{color:#c54747;cursor:pointer;}
    .M14_importe{height:60px;border: 1px solid #047c8a !important;}
    .M14_importe img{height:60px;width: auto;margin:2px;}
    span.M14_photosGet_closed,.M14_photosGet_reset{display:none;}

/*Barre navigation*/
a.mainmenu {color: #7df0ff;}
/*Page active barre navigation*/
a.mainmenu.active {color:#e2660a;}
a.mainmenu:hover,a.mainmenu.active:hover {color: #fff;}


.panel {
background-color: transparent !important;
}

/*espacement du logo dans légende*/
ul#picture_legend li img {padding-right: 6px;}

/*Couleur texte Confirmer,conditions d\'utilisations etc.*/
.content h1, .panel h1,.content h2, .panel h2 {
   color: #fb4b4b !important;
}

/*Page sujets*/
.postbody{
        width: 84%;
     padding-top: 12px;
        }

/*espace et largeur entre corps et profil à gauche dans sujet*/
.postprofile {
    background: #454444;
    padding: 8px 1px 5px 0;
    min-width: 165px;
    width: 13.7%;
}

.postprofile dl dd {margin-top:-2px;}

/*Couleur liens dans annonces et messages hors titre sujet et membres cités */
div.postbody div.content div a[href*=\"/f\"],div.postbody div.content div a[href*=\"/t\"], a.postlink, div.postbody a:not(.postbody h2.topic-title a[href^=\"/t\"]):not(div cite a[href^=\"/u\"]):not(.mentiontag) {
color: #e8464a !important;
}
a.postlink, div.postbody a:not(.postbody h2.topic-title a[href^=\"/t\"]):not(div cite a[href^=\"/u\"]):hover {
color: #fff !important;
}
/*mentionner membres #FF40FF */
.mentiontag, a#u142.mentiontag.M14_rang1 {color: #b500ec!important;}

/*Pour widget catégories et forum dans portail*/
#M14_CatFofo h3.hierarchy img{max-width:16px;}
#M14_CatFofo .topiclist.forums .dterm{padding-left:0px!important;width:100%!important;}
#M14_CatFofo .table-title h2{font-size:0.8em!important;float: left;margin-left: 0!important;height: 7px;}
#M14_CatFofo dd.topics,#M14_CatFofo dd.posts,#M14_CatFofo dd.lastpost,
#M14_CatFofo .M14_description{display:none;}
#M14_CatFofo .topiclist:not(.forums) dd.dterm{text-align:center!important;width:100%!important;}
#M14_CatFofo .topiclist{padding-left:0px!important;}
#M14_CatFofo dl.icon{background-image:none!important;}
#M14_CatFofo dd.dterm div[style]{margin: 0 5px !important;}
#M14_CatFofo h3.hierarchy{font-size:11px!important;border:none!important;}
#M14_CatFofo a.forumtitle{font-size:11px!important;}
#M14_CatFofo {height: 335px;overflow-y: scroll;overflow-x: hidden;}

/*Couleur menu déroulant photovote et photogagante*/
select.M14_select option{background-color:#28aab8;}

/*Barre de navigation Mon menu déroulant*/
/*LA PARTIE CACHEE*/
li.M14_toogle_Li ul {
    border: 3px double #989898;
    display: none;
    margin-top: 5px;
    margin-left: 25px;
    position: absolute;
    width: 235px;
    left: 66.5%;
    text-align: left;
}
/*LE TITRE DU BOUTON*/
li.M14_toogle_Li a.mainmenu{cursor:pointer;}
li.M14_toogle_Li a.mainmenu:hover{color: #fff;}
/*ON IMPOSE UNE TAILLE A L ICONE*/
li.M14_toogle_Li a.mainmenu.M14_menu img{width:16px;height:16px;}
ul.linklist li a img {padding-left: 10px;}

/*couleur nom d\'utiliseur au hover lors connexion  */
fieldset dl:hover dt label{color:#21848F !important;}

/*cadre du haut */
    #Rmax_cadre_noir{height:50px;text-align:center;width:95%;}   
    .texte {color: #f2f2f2;text-align: center;margin-left: 11%;top: 20px;position: relative;font-weight: bold;}
/*cadre du milieu */
    .Rmax_queel{border:1px solid #6e6e6e;}
/*cadre du bas */
    #Rmax_cadre_noir_bas{height:50px;margin:auto;}   

/*Couleur police moteurs de recherche*/
.Rmax_queel div span span{color:#60AACC !important;}

.navbar ul{
        background-color: #454444;
     padding-bottom : 5px;
     padding-top : 5px;
     border-bottom:none; 
}
/*Barre navigation transparente*/
 .navbar{background-color: transparent}

#search-box{
height:1px;
visibility:hidden;
}

/* Modifie la couleur de fond des sujets Best-Of */
dd.fondbestof {background-color:#28aab8;}

/*Décalage titres catégories*/
a.forumtitle {padding: 0 8px;}

/*Coloriser fond cellules quand nouveau message est posté */   
 dl.newpost {
        background-color:#593e41!important ;
}
dl.newpost:hover{
  background-color:#4E4E4F!important;
}

/*Couleurs fond réponse rapide */
div.sceditor-container iframe, div.sceditor-container textarea {
   background: #2E2E2E !important;
        height: 210px !important;
   margin: 0 !important;
   color: white !important;;
}

/*bouton BG éditeur*/
    .postbg {
      background-position: 0 0; background-repeat: repeat;
    }

/*cadre autour nombre de pages dans sous forums*/
.pagination{
   color: #717171 !important;
   cursor: default;
   margin-top: 2px;
   padding: 4px 8px 8px 8px;
   text-decoration: none;
   text-align: left;
     position: relative;
   }

table[summary=\"Sujets les plus vus\"] td {background-color:transparent}
div#calendar th, div#calendar tr, div#calendar td {background-color: transparent ;}

/*Couleur et taille titre widgets*/
.module .h3 {
    background-color: #454444!important;
    color: #fff!important;
    font-size: 13px;
    text-align: center!important;
    padding: 5px;
}
.module {padding: 0px 7px 7px 7px;}

/* Titre widget Les Best sur portail*/
div.Best {margin-bottom: -18px;}

.Best {
 font-size:18px;
 color: #fff;
 text-align: center;
 font-weight: bold;
 background-color:#454444 !important;
}

.module.mod_news{text-align: center;}
 
.module.content {color: #e4e4ea!important;}

/*Couleur forum dans nouveaux messges*/
span.span-tab a{
   color: #b566ff;
   font-size: 1.2em;
}

/* MPS NON LUS*/
    /*ON CACHE DES PARTIES*/
  .M14_slide{display:none;margin-top: 10px;}
    /*LA PARTIE VISIBLE*/
#M14_open{margin-left: 25px;}
    #M14_open,.M14_SpanMP1,.M14_MP_NL_texte,#M14_receptMPnonlus {cursor:pointer;}
    /*LE CONTENEUR DES MPS NON LUS*/
 #M14_receptMPnonlus {
   -moz-transition: all .5s ease-in-out;
   -o-transition: all .5s ease-in-out;
   -webkit-transition: all .5s ease-in-out;
   background-color: #fff;
   display: none;
   height: auto;
   min-width: 200px;
   padding: 5px;
   position: fixed;
   left: 69%;
   top: 32px;
   transition: all .5s ease-in-out;
   width: 331px
        text-decoration: none;
   z-index: 999;
        }
    /*LA PARTIE FERMETURE*/
.M14_closeMpnone {
    color: #fff;
    cursor: pointer;
    font-size: 1.3em;
    height: 20px;
    margin-left: 92%;
    margin-top: -3px;
    position: absolute;
    width: 16px;
}
    /*LA COULEUR EN GENERAL*/
    #M14_receptMPnonlus, #M14_receptMPnonlus span, .M14_closeMpnone, a.M14_MP_NOT {
   background: #333;
    }
    /*LA BORDURE SOUS LE CHIFFRE*/
    #M14_receptMPnonlus hr{border: 1px dotted grey;}
    /*LA LISTE DES MEMBRES*/
    #M14_receptMPnonlus div.membre i{margin: 2px;float: left;}
    /*LA PARTIE DES MPS*/
    #M14_receptMPnonlus .recept{width: 100%;height: 100px;overflow-y: auto;}
    div.recept.M14_slide{padding-top: 10px;}

/*Prévisualisation directe éditeur*/       
#quick_reply + #preview {margin-top: 15px;margin-bottom: 20px;}
img.smiley {width: initial!important;}

/*Ajouter Bouton voter pour le forum sur éditeur rapide*/
.sceditor-button.un div { background-image:url(https://i.servimg.com/u/f58/18/97/96/21/hhhh13.gif) !important }

/*Retirer Bouton hide sur éditeur*/
a.sceditor-button.sceditor-button-fahide {display: none;}

/*Retirer Bouton date&heure sur éditeur*/
a.sceditor-button.sceditor-button-time, a.sceditor-button.sceditor-button-date {display:none;}

/*espacement boutons éditeurs*/
.sceditor-button {
   padding: 0px 2px!important;
   width: 21px !important;
   }

/*postition menu taille caractères*/
#fa_fontsize_container {
   bottom: 135px;
   text-align: right;
   position: relative;
}
  #fa_fontsize{color:#FEFEFE;}

/*Partenieres dans fin index body*/
#affiliate_box {
          text-align:center;
          margin: 20px 0 0 0;
          padding:3px;
        }       
#affiliate_title {
   border-bottom: 1px solid #666;
   color: #b4b4b4;
   font-weight: 700;
   padding-bottom: 3px;
}

/*MENU LATERAL et encart*/
   img.M14_close_Panneau, img.M14_open_Panneau {
   cursor: pointer;
   margin-left: 8px;
   margin-top: -33px;
     width: 18px;
   position: fixed;
   z-index: 999;
   }
#panneau_lat {
   background: #454444;
   font-family: \'Comic Sans MS\',Verdana, sans-serif;
   height: 100%;
   left: -100%;/*Pour masquer le panneau*/
   padding: 5px;
   position: fixed;
     border: 1px solid #626262;
   top: 101px;
   width: 245px;
   z-index: 998;   
}
    #panneau_lat h1 {
      font-size: 15pt;
      font-family: \'Comic Sans MS\', Georgia, serif;
      text-align: center;
      color: #FFF;
      margin-bottom: 3px;
      margin-top: 1px;
      font-variant: small-caps;
      border: 0 !important;   
    }
    #panneau_lat h4 {
      font-size: 13pt;
      text-align: center;
      color: #FFF;
      margin-bottom: -1px;
      margin-top: 10px;
      font-variant: small-caps;
      font-family: \'Comic Sans MS\',Georgia, serif;
      border: 0 !important;
    } 
    .boite {
      width: 175px;
      height: 205px;
      background: #454444;
      overflow: auto;
      margin: auto;
      padding: 5px;
      font-size: 11px;
      text-align: justify;
    } 
    .util_link {
   font-family: \'Comic Sans MS\',Georgia, serif;
   font-size: 1.2em;
   font-variant: small-caps;
   text-align: center;
}
    .util_link a {   
      letter-spacing: 0;
      -webkit-transition: all 800ms;
      transition: all 800ms;
    }
    .util_link a:hover {letter-spacing: 2px;} 
/* Encart */ 
.encart {
   background-color: #454444;
   border-radius: 3px;
   height: 236px;
   left: 256px;
   position: absolute;
   top: 65px;
   width: 300%;
}
.liste_liens1 {
   border-right: double 4px gray;
   float: left;
   width: 47%;
   padding-top: 10px;
}       
.liste_liens2 {
   padding: 10px 60px;
}

/*avatar pour notifications*/
.notifFaceavatar {float:left;margin:4px;}
.notifFaceavatar img {max-height:40px;width:40px;}
#fa_toolbar #fa_right #notif_list li .contentText {height:40px !important;}

/*Pour avatar sans déformation sur derniers messages*/
.lastpost-avatar img {object-fit: cover;}

/*Affichage avatar sur toolbar*/
.fa_avatar {
   border-radius: 3px;
   height: 23px;
   margin-bottom: -10px;
   margin-right: 5px;
   position: relative;
   top: -3px;
   width: 35px;
}

/*Hauteur portail et photos en best*/
.M14_heightPortal img {
  max-width:600px;
max-height:400px;
}
.M14_heightPortal { 
max-height:2450px;
overflow-y: scroll;
}

/*Francybox sujets*/
    /* suppression bouton des miniatures*/
    .fancybox-button.fancybox-button--thumbs{display: none !important;}
    /*La div recevant les miniatures*/
    .M14_GetLink {margin: 2px 2px 5px 2px;height:36px;line-height:36px;}
    /*Les miniatures*/
    .M14_GetLink a{
    padding:3px;
    background-color: black;
    margin:2px;
    float: left;
    }
    /*les images*/
    .M14_GetLink a img{margin:2px;}

/*retirer OU sur module connexion*/
.fb_or{display:none !important;}

/*Messages limiter sujets aux invités*/
#M_noconnect {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    background: #018e9d;
    border-radius: 5px;
    font-size: 18px;
    font-style: italic;
    padding: 20px;
    position: absolute;
    right: 15%;
    left: 17%;
    text-align: center;
    top: 375px;
}

/*Nombre sur MP*/
.M14_SpanMP {
   background: #27aab8;
   border-radius: 100%;
   color: #fff;
   font-size: 11px;
   height: 21px;
   margin: -30px 0 0 -30px;
   position: absolute;
   width: 25px;
}
span.M14_SpanMP {padding: 6px 2px 0 0;}

/*Annonce pour votes #626262*/
#annoncesujet {
    background-color: #20a2b3;
    border-radius: 4px;
    color: #fff;
    float: right;
    height: 34px;
    margin: 0 15px;
    padding: 1px 4px 4px 18px;
    /* position: absolute; */
    width: 260px;
}

#annonce {
   background-color: #20a2b3;
   border-radius: 4px;
   float: left;
   margin: 8px;
   padding: 3px;
   position: absolute;
   width: 290px;
        top: 91px;
}
#annonce p {
  text-align: center;
  padding: 3px;
  color: #f6f4f5 !important;
}

/*Message nombre de post 24h atteint*/
.topic_posted_limit_reached {
   background: #c93333;
   color: #fff;
   font-size: 1.3em;
   font-weight: 700;
   text-align: center;
   padding: 5px;
}
.retour_accueil {
    background: #e0e0e0;
    padding: 0 5px;
    margin-left: 30px;
    border-radius: 5px;
}


    .M14_GetLastTopic a.topictitle:before{
    content:\"\\f075\";
    color:white;
    font-family: FontAwesome;
    float:left;
    margin-right:20px;
    margin-top:1px;
    width:10px;
    height:12px;
    }

    .M14_GetLastRep a.topictitle:before{
    content:\"\\f0e5\";
    color:white;
    font-family: FontAwesome;
    width:10px;
    height:12px;
    float:left;
    margin-right:20px;
    margin-top:1px;
    }

/*couleur passage souris sur liste sous forums*/
#M14_breadcrumbsCat a.nav:hover{background-color: #626262 !important;}

/*Descendre menus notifications sous les toolbar*/
ul#fa_menulist, ul#notif_list {margin-top: 30px !important;}

/*Notification nouveau membre chatebox*/
#fa_toolbar #live_notif .fa_notification {
   margin-left: 30px !important;
   margin-top: 30px !important;
        width: 320px !important;
     position: fixed !important;
     z-index: 999 !important;
}
   
/*Barre de navigation en haut de page quand scroll sujets*/
.M14_scrollPostnavlink {
   height: 35px;
   top: 0px !important;
}

/*Hauteur barre de notification pour masquer arrière plan quand barre membres connectés absente*/
    #fa_toolbar {   
    height: 60px !important;
    z-index: 999 !important;/*pour visu membres connectés*/
    }


   
#fa_toolbar, #user_bar,.sceditor-toolbar,.wrapperFirst {
    border-bottom: 1px solid #666; 
    color: #FFF;
    }

/*Décalage pages*/
.conteneur_container_IE{margin-left:5px;}

/*Apparence nouveaux MP sur la barre de navigation*/
a.M14_alertMp {
    background-color: red!important;
    line-height: 24px;
    left: 28%;
    margin-top: 4px;
    padding: 0 12%;
    position: fixed;
    max-width: 14%;
    z-index: 999;
    height: 22px;
    display: inline!important;
}

a.M14_alertMp:hover {background-color:#73a7e2 !important; color:#af0000 !important;}

/*Taille et polices caractères dans menu éditeur*/
 div.sceditor-dropdown.sceditor-font-picker div.url a.sceditor-font-option,div.sceditor-dropdown.sceditor-fontsize-picker div a.sceditor-fontsize-option{
    color: #fff;
}
div.sceditor-dropdown.sceditor-header-picker{background:#fff !important;}

/*Smileys sur réponse rapide mis sur le coté*/
.sceditor-dropdown.sceditor-emoticon iframe {
        width: 92%;
        height: 92%;
       }
.sceditor-emoticon {
    height: 230px;
    left: auto!important;
    margin-top: -10px!important;
    right: 3%;
    width: 21.1%;
    z-index: 900!important;
}

/*Smileys sur répondre*/
#smiley-box {
   margin-top: 78px !important;
   padding: 8px;
   background-color: #454444;
}
#smiley-box iframe{height: 260px;}

/*Fond sur un pseudo definie par id sur le forum - 228 La team du clic*/
 a[href^=\"/u228\"] span strong{
        background-image: url(https://i.servimg.com/u/f37/18/97/96/21/222116.gif)!important;
        background: #dfe6ec;
        border: 2px solid #fff;
        border-radius: 10px 25px/25px 10px;-moz-border-radius: 10px 25px/25px 10px;-webkit-border-radius: 10px 25px/25px 10px;
        padding: 0px 5px 0px 5px;
        box-shadow: 0px 0px 5px #000;-moz-box-shadow: 0px 0px 5px #000;-webkit-box-shadow: 0px 0px 5px #000;
    }
 
/*Position Image du Qui est en ligne*/
.img-whois {
   float: left;
   margin: 5px;
   margin-top: 15px;
}








.nbrevoterec,
.nbrevote,
.value.M14_implication,
.value.Participation {
    background: #454444;
    border-radius: 6px;
    display: inline-flex;
    height: 15px;
    line-height: 15px;
    margin: 2px;
    text-align: left;
    width: 100px;
    color: #fff
}
img#bouton_voter {
    margin: -5px 0 0 -3px;
    position: absolute
}
div.vote .vote-no-bar,
div.vote div.vote-bar+div.vote-button,
div.vote div.vote-no-bar+div.vote-button {
    display: none
}
.vote-count {
    background: url(https://i.servimg.com/u/f43/14/33/98/96/button10.png) no-repeat scroll 0 0 transparent;
    color: #4aae00;
    font-size: 10px;
    font-weight: 700;
    height: 17px;
    padding-top: 2px;
    text-align: center;
    width: 27px
}
.nbrevoterec,
.nbrevote,
.value.M14_implication,
.value.Participation {
    background: #454444;
    border-radius: 6px;
    display: inline-flex;
    height: 15px;
    line-height: 15px;
    margin: 2px;
    text-align: left;
    width: 100px;
    color: #fff
}
img#bouton_voter {
    margin: -5px 0 0 -3px;
    position: absolute
}
div.vote .vote-no-bar,
div.vote div.vote-bar+div.vote-button,
div.vote div.vote-no-bar+div.vote-button {
    display: none
}
.vote-count {
    background: url(https://i.servimg.com/u/f43/14/33/98/96/button10.png) no-repeat scroll 0 0 transparent;
    color: #4aae00;
    font-size: 10px;
    font-weight: 700;
    height: 17px;
    padding-top: 2px;
    text-align: center;
    width: 27px
}
.doublepost .vote-photo a img {
    max-height: 24px;
    width: auto
}

#topic_popup,
#topic_popup .M14_post {
    background-color: #535353!important
}
#topic_popup .M14_post:nth-child(2) h2.topic-title,
#topic_popup .profile-icons,
#topic_popup .postbody .author,
#topic_popup .right,
#topic_popup .signature_div,
#topic_popup .inner .right a,
#topic_popup span[class^="corners"],
#topic_popup .postprofile dd,
#topic_popup span.edited_post,
#topic_popup .vote {
    display: none!important
}



[كونان2000]

Bonjour photoclic et Lixyr,


Ajoutez le code suivant au CSS

Code:

[src="https://i.servimg.com/u/f84/18/97/96/21/bouton10.png"] {
    width: 0;
}

et remplacez le code JavaScript précédent par ce qui suit

Code:

//Bouton voter sur sujets no-way ttes pages
    //Ne pas interdire les formulaires non officiels dans général->sécurité
    $(function(){
    try{
    var minWidth=200,minHeight=200;
    var activeOn=["f1","f4"];
    /*Ne rien modifier de ce qui suit*/
    tstRegs=[];
    photovote=false;
    $vB=$(".postbody .vote-button:first a").first();
    $poll=$vB.parentsUntil('.vote').parent();
    for( i in activeOn){
      tstRegs.push(new RegExp("^\/"+activeOn[i]+"-","i"));
    }
 
    $(".pathname-box:first a").each(function(){
    for(i in tstRegs){
      if(photovote=tstRegs[i].test($(this).attr("href")))break;
    }
    });
 
    if(photovote&&/^\/t\d+-/g.test(document.location.pathname)){
 
    $.get("/f12-",function(d){
    var coll=[],id_subject=false;
    var $img_s=$vB.parentsUntil(".postbody").parent().find(".content img");
    $img_s.each(function(){
    if(this.width>=minWidth&&this.height>=minHeight)coll.push('[img]'+this.src+'[/img]')}
    );
    /*id_subject ...*/
    $(".announcement .topictitle[href]",d).each(function(){
    if(/^Semaine\W+du\W+\d+/i.test($(this).text()))id_subject=$(this).attr("href").match(/^\/t(\d+)/)[1]});
    if(!coll.length||!id_subject)return;
 
    $vB.html('<img id="bouton_voter" src="https://i.servimg.com/u/f84/18/97/96/21/bouton10.png" alt="Voter" title="Je vote pour cette photo" />');
    $vB.parentsUntil(".postbody").parent().find(".profile-icons").append($("<li/>"));
    $poll.attr('class','vote-photo');
    $poll.html($vB);
    $poll.appendTo($vB.parentsUntil(".postbody").parent().find(".profile-icons li:last"));
    $vB.click(function(ev){
 //     var auteur=$(this).closest('.postbody').find('.author a[href^="/u"]').text();      
      var auteur=$(this).closest('.postbody').next().find('dl dt span strong').text();
  
    ev.preventDefault();
    $.get($(this).attr("href"));
    $.post('/post',{mode:'reply',t:id_subject,subject:'A voté pour '+auteur+'',message:coll.join('<br />'),post:'Envoyer'});
    $poll.html('<img src="https://2img.net/i/fa/optimisation_fdf/common/buttonok_off.png"  alt="Vote enregistré" title="Vote enregistré" />');
      });
    $('img#bouton_voter').tooltipster({
          animation : 'fade',
          arrow : true,
          speed : 300,
          delay : 300,
          onlyOne : true,
          theme : 'tooltipster-default'
    });
    })
    /***/
    };
 
    $(".vote").each(function(){
      if(photovote){photovote=0;return}
    $(this).find(".vote-button:first a").html('<img src="https://i.servimg.com/u/f84/18/97/96/21/bouton10.png" alt="Voter" title="Je vote pour ce message" />').click(function(ev){
    ev.preventDefault();
    $.get($(this).attr("href"));
    $(this).parent().html('<img src="https://2img.net/i/fa/optimisation_fdf/common/buttonok_off.png"  alt="Vote enregistré" title="Vote enregistré" />')}
                                                                                                                                                
    );
    $(this).closest(".postbody").find("ul.profile-icons").append("<li />").find("li:last").append($(this).find(".vote-button:first a")).append($(this).find(".vote-bar").length?' <div class="vote-count" title="Nombre de votes positifs">'+$(this).find(".vote-bar").attr("title").replace(/^.*\(([0-9]*) .*?\)$/,"$1"):"")+'</div>';
    $(this).remove()
    }
    )}
    catch(e){
    console.log(e)}
    });
      
      
      
      
    $(function() {
    if ($('a.nav[href^="/f1-"]').length || $('a.nav[href^="/f4-"]').length) {
        $("[src='https://i.servimg.com/u/f84/18/97/96/21/bouton10.png']").css({
            "width": "100%"  // استبدل "100%" بالقيمة المطلوبة
        });
    }
});

[photoclic]

Bonjour et merci
كونان2000,

Votre script met le bouton vote sur tous les messages y compris ceux qui n'ont pas de photos.
De plus, quand il y a plusieurs photos dans un message, le bouton vote concerne toutes les photos comme le fonctionnement actuel et pas chaque photo individuellement.

Le fonctionnement souhaité, si cela est possible, est comme décrit et compris par Lixyr ci dessus.

[كونان2000]

HI photoclic
Edit: Le bouton Voter n'apparaît que sur les publications contenant des images de plus de 100 pixels.

css

Code:

[src="https://i.servimg.com/u/f84/18/97/96/21/bouton10.png"] {
    width: 0;
}

remplacez le code JavaScript précédent par ce qui suit

Code:

//Bouton voter sur sujets no-way ttes pages
    //Ne pas interdire les formulaires non officiels dans général->sécurité
    $(function(){
    try{
    var minWidth=200,minHeight=200;
    var activeOn=["f1","f4"];
    /*Ne rien modifier de ce qui suit*/
    tstRegs=[];
    photovote=false;
    $vB=$(".postbody .vote-button:first a").first();
    $poll=$vB.parentsUntil('.vote').parent();
    for( i in activeOn){
      tstRegs.push(new RegExp("^\/"+activeOn[i]+"-","i"));
    }
 
    $(".pathname-box:first a").each(function(){
    for(i in tstRegs){
      if(photovote=tstRegs[i].test($(this).attr("href")))break;
    }
    });
 
    if(photovote&&/^\/t\d+-/g.test(document.location.pathname)){
 
    $.get("/f12-",function(d){
    var coll=[],id_subject=false;
    var $img_s=$vB.parentsUntil(".postbody").parent().find(".content img");
    $img_s.each(function(){
    if(this.width>=minWidth&&this.height>=minHeight)coll.push('[img]'+this.src+'[/img]')}
    );
    /*id_subject ...*/
    $(".announcement .topictitle[href]",d).each(function(){
    if(/^Semaine\W+du\W+\d+/i.test($(this).text()))id_subject=$(this).attr("href").match(/^\/t(\d+)/)[1]});
    if(!coll.length||!id_subject)return;
 
    $vB.html('<img id="bouton_voter" src="https://i.servimg.com/u/f84/18/97/96/21/bouton10.png" alt="Voter" title="Je vote pour cette photo" />');
    $vB.parentsUntil(".postbody").parent().find(".profile-icons").append($("<li/>"));
    $poll.attr('class','vote-photo');
    $poll.html($vB);
    $poll.appendTo($vB.parentsUntil(".postbody").parent().find(".profile-icons li:last"));
    $vB.click(function(ev){
 //     var auteur=$(this).closest('.postbody').find('.author a[href^="/u"]').text();      
      var auteur=$(this).closest('.postbody').next().find('dl dt span strong').text();
  
    ev.preventDefault();
    $.get($(this).attr("href"));
    $.post('/post',{mode:'reply',t:id_subject,subject:'A voté pour '+auteur+'',message:coll.join('<br />'),post:'Envoyer'});
    $poll.html('<img src="https://2img.net/i/fa/optimisation_fdf/common/buttonok_off.png"  alt="Vote enregistré" title="Vote enregistré" />');
      });
    $('img#bouton_voter').tooltipster({
          animation : 'fade',
          arrow : true,
          speed : 300,
          delay : 300,
          onlyOne : true,
          theme : 'tooltipster-default'
    });
    })
    /***/
    };
 
    $(".vote").each(function(){
      if(photovote){photovote=0;return}
    $(this).find(".vote-button:first a").html('<img src="https://i.servimg.com/u/f84/18/97/96/21/bouton10.png" alt="Voter" title="Je vote pour ce message" />').click(function(ev){
    ev.preventDefault();
    $.get($(this).attr("href"));
    $(this).parent().html('<img src="https://2img.net/i/fa/optimisation_fdf/common/buttonok_off.png"  alt="Vote enregistré" title="Vote enregistré" />')}
                                                                                                                                                
    );
    $(this).closest(".postbody").find("ul.profile-icons").append("<li />").find("li:last").append($(this).find(".vote-button:first a")).append($(this).find(".vote-bar").length?' <div class="vote-count" title="Nombre de votes positifs">'+$(this).find(".vote-bar").attr("title").replace(/^.*\(([0-9]*) .*?\)$/,"$1"):"")+'</div>';
    $(this).remove()
    }
    )}
    catch(e){
    console.log(e)}
    });
      
      
      $(document).ready(function() {
    $('.postbody').each(function() {
        var hasLargeImage = false;

        // تحقق من كل صورة في المنشور
        $(this).find('.content img').each(function() {
            var imgWidth = $(this).width();
            var imgHeight = $(this).height();

            // إذا كان عرض أو ارتفاع الصورة أكبر من 100 بكسل
            if (imgWidth > 100 || imgHeight > 100) {
                hasLargeImage = true;
                return false; // الخروج من الحلقة إذا وجدنا صورة مناسبة
            }
        });

        // إذا لم يكن هناك صور كبيرة، قم بإخفاء زر التصويت
        if (!hasLargeImage) {
            $(this).find('[alt="Voter"],.vote-button').hide();
        }
    });
});

      
    $(function() {
    if ($('a.nav[href^="/f1-"]').length || $('a.nav[href^="/f4-"]').length) {
        $("[src='https://i.servimg.com/u/f84/18/97/96/21/bouton10.png']").css({
            "width": "100%"  // استبدل "100%" بالقيمة المطلوبة
        });
    }
});

[photoclic]

Désolé, mais lorsque je mets en place le JS et le css ci-dessus, j'ai le bouton vote sur les messages où il n'y a pas de photos ni images ni smileys, et il n'y a plus de bouton vote sur les messages où il y a des photos.

Si je retire le css, j'ai le bouton vote sur tous les messages y compris ceux qui n'ont pas de photos.

Peut-être à cause d'autres scripts.

[كونان2000]

Désolé, mais lorsque je mets en place le JS et le css ci-dessus, j'ai le bouton vote sur les messages où il n'y a pas de photos ni images ni smileys, et il n'y a plus de bouton vote sur les messages où il y a des photos.

Si je retire le css, j'ai le bouton vote sur tous les messages y compris ceux qui n'ont pas de photos.

Peut-être à cause d'autres scripts.

Voulez-vous dire que cela fonctionne à l'envers dans votre forum ?

Le bouton n'apparaît que sur les publications ne contenant pas d'images

[photoclic]

Oui, cela semble fonctionner à l'envers.
et aussi comme dit plus haut, lorsqu'il y a plusieurs photos dans le message il n'y a qu'un bouton vote.

Par ailleurs, les photos ne sont pas posté dans le forum f/12 quand on clique sur le bouton, le bouton n'est pas remplacé par le nombre de vote etc.

[كونان2000]

Mais ça marche bien dans mon forum de test,
Il se peut qu'il y ait beaucoup de code JavaScript dans votre forum qui provoque un conflit


https://i.servimg.com/u/f30/20/35/61/89/ocia_a43.png

[photoclic]

Oui, c'est possible, mais je ne trouve pas où.

J'espère le script de Lixyr qui a très bien résumé le besoin.

[photoclic]

up

[photoclic]

up