Astuces Forumactif
Vous souhaitez réagir à ce message ? Créez un compte en quelques clics ou connectez-vous pour continuer.
Membres connectés récemment
Voir tous les membres

[PhpBB3] Bouton uniquement sur premier post


2 participants

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

avatar
photoclic
https://photoclic.forum-pro.fr/

Messagephotoclic Dim 10 Nov 2019 - 18:06

  • Version du forum :
    PhpBB3
  • Templates modifiés :
    oui
  • Navigateur :
    Firefox
Bonjour tout le monde,

Un script que j'espère plus simple que ma demande précédente.

J'ai ajouté un bouton "Ajouter aux favoris" sur les sujets via un code dans le template View_topic_body
Code:
    <!-- Bouton ajouter aux favoris -->
            <a href="/search?add_favourite={TOPIC_ID}&search_id=favouritesearch" rel="nofollow"><img class="Fav" src="https://i.servimg.com/u/f31/19/32/37/01/36125810.png" title= "Ajouter à vos favoris"></a>
        

Or ce bouton apparait sur tous les messages du sujet.
Serait-il possible de n'avoir ce bouton que sur le 1ier message?

Merci pour votre aide.


Dernière édition par photoclic le Dim 10 Nov 2019 - 19:17, édité 1 fois
Milouze14
Milouze14
Fondateur

https://www.milouze14.net/

MessageMilouze14 Dim 10 Nov 2019 - 18:09

Re coucou Serge,

peux tu me dire ou as tu as placé ce code html exactement!!

avatar
photoclic
https://photoclic.forum-pro.fr/

Messagephotoclic Dim 10 Nov 2019 - 18:13


Voici le début du template et c'est en bas de ce bout de template:

Code:
<!-- Position hauteur flèche et widgets dans sujets-->
<style>
.widget-arrow.isleft {margin-top: 218px} 
#content-container div#left {margin-top:185px;}</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>


<div class="boutons_list">
<ul class="linklist">
<!-- BEGIN switch_user_logged_in -->
  <br/><br/>
        <!-- Ajout bouton Voir la page Facebook -->
        <li> • <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="Aller sur la page Facebook du Clic" href="https://www.facebook.com/Photoclic/">Voir 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 0px 5px;"href="{U_SEARCH_NEW}">Voir les nouveaux messages</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 0px 5px;"href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</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 0px 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 0px 5px;"href="{U_MARK_READ}" accesskey="m">{L_MARK_FORUMS_READ}</a></li>
        <Br/>
   <!-- END switch_user_logged_in -->
</ul>
</div> 


<h1 class="page-title">
   <a href="{TOPIC_URL}">{TOPIC_TITLE}</a>
</h1>


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

<div class="topic-actions">
   <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>   
      <!-- 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>

   <div class="pathname-box">
      <p>
            <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}
        </p>
   </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>

<!-- Bouton Partager -->   
<div class="partage_fb" style="margin-top: 2px;padding: 4px 8px 8px 8px;float: right;position: relative;">      
    • 
        <a class="addthis_button" title="Partager ce sujet sur Facebook" href="#">{L_SHARE}</a>
      •&nbsp;
</div> 
 
 
   <div class="clear"></div>
</div>

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

<!-- BEGIN topicpagination -->
<p class="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: -145px; 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">
                                 
            <!-- Bouton ajouter aux favoris -->
            <a href="/search?add_favourite={TOPIC_ID}&search_id=favouritesearch" rel="nofollow"><img class="Fav" src="https://i.servimg.com/u/f31/19/32/37/01/36125810.png" title= "Ajouter à vos favoris"></a>
       
             
               <li>{postrow.displayed.THANK_IMG}</li>


Milouze14
Milouze14
Fondateur

https://www.milouze14.net/

MessageMilouze14 Dim 10 Nov 2019 - 18:27

Ah oki, je pensais que tu avais placé ce code en haut du premier message.

Alors afin d'être en relation avec les autres boutons,on va juste ajouter la balise li Serge.

Remplaces le code html suivant:
Code:
 <!-- Bouton ajouter aux favoris -->
            <a href="/search?add_favourite={TOPIC_ID}&search_id=favouritesearch" rel="nofollow"><img class="Fav" src="https://i.servimg.com/u/f31/19/32/37/01/36125810.png" title= "Ajouter à vos favoris"></a>


Par celui-ci:
Code:
  <!-- Debut bouton ajouter aux favoris -->
<li id="M14_FavORiTe"><a href="/search?add_favourite={TOPIC_ID}&search_id=favouritesearch" rel="nofollow"><img class="Fav" src="https://i.servimg.com/u/f31/19/32/37/01/36125810.png" title= "Ajouter à vos favoris"/></a></li>
        <!-- Fin bouton ajouter aux favoris -->


Puis tout en bas du template ajoutes ce script:

Code:
<script>
  $(function(){
  $('ul.profile-icons:not(:first)').find('li#M14_FavORiTe').remove();
  });
</script>


Penses a enregistrer puis à valider en cliquant respectivement sur   Enregistr puis Ajout




Vais pit être te piquer le code d'ailleurs mdr
https://www.milouze14.com/t32356-phpbb3-bouton-uniquement-sur-premier-post#615800

Et voilou lOL
avatar
photoclic
https://photoclic.forum-pro.fr/

Messagephotoclic Dim 10 Nov 2019 - 18:42

Tu me gâtes Phil aujourd'hui.
J'ai juste ajouté une ligne CSS pour le mettre en haut à droite et c'est tout bon super

Un honneur pour moi si tu récupères ce code -:)

Par curiosité, si je souhaitais mettre ce bouton en bas de la photo au centre que faudrait-il faire?

Milouze14
Milouze14
Fondateur

https://www.milouze14.net/

MessageMilouze14 Dim 10 Nov 2019 - 18:51



Un honneur pour moi si tu récupères ce code -:)

Merci beaucoup ..


Hum pourquoi charger en style Serge,
il suffit de trouver la fermeture de la balise ul :
Code:
</ul>

Et de mettre avant le code html:
Code:
 <!-- Debut bouton ajouter aux favoris -->
<li id="M14_FavORiTe"><a href="/search?add_favourite={TOPIC_ID}&search_id=favouritesearch" rel="nofollow"><img class="Fav" src="https://i.servimg.com/u/f31/19/32/37/01/36125810.png" title= "Ajouter à vos favoris"/></a></li>
        <!-- Fin bouton ajouter aux favoris -->

Comme ceci:
Code:
<ul class="profile-icons">
                               
               <li>{postrow.displayed.THANK_IMG}</li>
               <li>{postrow.displayed.MULTIQUOTE_IMG}</li>
               <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_FavORiTe"><a href="/search?add_favourite={TOPIC_ID}&search_id=favouritesearch" rel="nofollow"><img class="Fav" src="https://i.servimg.com/u/f31/19/32/37/01/36125810.png" title= "Ajouter à vos favoris"/></a></li>
        <!-- Fin bouton ajouter aux favoris -->

            </ul>

Par curiosité, si je souhaitais mettre ce code en bas de la photo au centre que faudrait-il faire?

Il faudrait avoir toujours une photo Serge sur le premier message, est-ce le cas ?

avatar
photoclic
https://photoclic.forum-pro.fr/

Messagephotoclic Dim 10 Nov 2019 - 19:00

Bin oui tu as raison.

Et je n'ai effectivement une photo sur le 1ier message que sur les forums de la catégorie "Les photos du clic".
Faudrait donc le faire que pour cette catégorie.... et laisser à droite pour les autres.
Et la ça complique, donc on laisse tomber Phil.

Milouze14
Milouze14
Fondateur

https://www.milouze14.net/

MessageMilouze14 Dim 10 Nov 2019 - 19:05

Pas de soucis Serge,
n'oublies pas de déplacer la balise li dans ton template et ensuite de supprimer ce style encore présent dans ta feuille de style:
Code:


#M14_FavORiTe {
    float: right;
}


avatar
photoclic
https://photoclic.forum-pro.fr/

Messagephotoclic Dim 10 Nov 2019 - 19:11

J'étais en train de supprimer le css.

avatar
photoclic
https://photoclic.forum-pro.fr/

Messagephotoclic Dim 10 Nov 2019 - 19:17

Un nouveau sujet résolu Philippe.

Un grand merci pour tout l'ami tape la

Milouze14
Milouze14
Fondateur

https://www.milouze14.net/

MessageMilouze14 Dim 10 Nov 2019 - 19:19

De rien mon ami et à bientôt clin oeil .


Hello


Sujet résolu et déplacé dans le forum adéquate

A bientôt pour une prochaine demande clin oeil



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

Créer un compte ou se connecter pour répondre

Vous devez être membre pour répondre.

S'enregistrer

Rejoignez notre communauté ! C'est facile !


S'enregistrer

Connexion

Vous êtes déjà membre ? Aucun soucis, cliquez ici pour vous connecter.


Connexion

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