Compteur de visites gratuit
CAForum infos
Derniers sujets
» » Les 30 ans du Web
Hier à 21:45 par Splash

» » Supprimer le gras de certains pseudos
Hier à 20:37 par Splash

» » Le coucou du jour (partie 2)
Hier à 11:33 par David1195

» » Ajouter le bouton de sélection de contenu
Lun 11 Fév 2019 - 12:42 par David1195

» » Personnaliser la navbar
Lun 11 Fév 2019 - 12:42 par David1195

» » Ajouter des polices supplémentaires à l'éditeur
Mar 5 Fév 2019 - 20:10 par chrisnvidia

» » Afficher/Masquer les catégories avec un effet
Mar 5 Fév 2019 - 20:07 par chrisnvidia

» » Maintenance Datacenter mardi 05 février 2019
Mar 5 Fév 2019 - 13:52 par David1195

» » Personnaliser la balise de soulignement
Dim 3 Fév 2019 - 10:20 par LilaCH

» » Un ptit délire
Dim 27 Jan 2019 - 21:35 par chrisnvidia

» » Masquer le bloc des modérateurs
Mar 22 Jan 2019 - 6:27 par Splash

» » Masquer le bloc "Modérateurs"
Lun 21 Jan 2019 - 21:35 par LilaCH

» » [Avis Administrateur] Intervention dans les templates
Lun 21 Jan 2019 - 13:34 par chrisnvidia

» » Barre alphabétique de recherche pour liste des membres
Lun 21 Jan 2019 - 10:22 par David1195

» » Icon Monstr
Lun 21 Jan 2019 - 10:14 par LilaCH

» » [Avis Administrateur] Comprendre le Qeel à l'intérieur du template
Lun 21 Jan 2019 - 10:13 par LilaCH

» » HTML Minifier
Dim 20 Jan 2019 - 12:19 par Splash

» » Centrer l'avatar, le pseudo & le rang dans les messages
Sam 19 Jan 2019 - 2:53 par chrisnvidia

» » Arrondir l'entête des catégorie
Mar 8 Jan 2019 - 12:56 par chrisnvidia

» » Le temps chez vous.
Mar 8 Jan 2019 - 12:49 par David1195

Installer un bouton pour les nouveaux MP's

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

Splash

Splash

StaffAdmin
StaffAdmin

MessageSplash le Jeu 27 Déc 2018 - 12:42

  • MP
  • Zoom
Hi,

Une petite astuce, laissée par Milouze sur le FDF, permettant d'installer sur le forum un bouton pour le signalement des nouveaux MP's.
Utile si on a désactivé la toolbar

Direction le template

Panneau d'administration / Affichage / Templates / Général / overall_header



Éditez et trouvez ceci :
Code:

<table cellspacing="0" cellpadding="0" border="0" align="{MENU_POSITION}">
 <tr>
 <td align="{MENU_POSITION}"{MENU_NOWRAP}>{GENERATED_NAV_BAR}</td>
 </tr>
 </table>

Juste après mettre ceci :
Code:

 <!-- DEBUT DU BOUTON M.P -->
<div id="M14_MP"><div style="display:none">{GENERATED_NAV_BAR}</div>
<a href="/privmsg?folder=inbox" id="mp">Messagerie</a>
<!-- le plugin qui permettra l affichage du nouveau M.P-->
 <script type="text/javascript">
 
function blinker()
{
       setTimeout(function() {setInterval(function () {$("#new_message");},1000);},500);
       setInterval(function () {$("#new_message");},1000);
}
 
jQuery().ready(function(){
      
      /* on prend l'élément du menu de base de nouveau message */
       var e= $("#i_icon_mini_new_message");
      
      /* si il y en a pas, c'est qu'il y a pas de nouveau message donc on termine là */
       if(!e.length){
        return;
     }else{
      
       /* sinon */
        /* on prend le nombre de nouveau message */
        var n= +e.attr("title").replace(/^([1-9][0-9]*) .*$/,"$1");
        
        /* on change l'identifiant en new_message et on remplace le texte */
        $("#mp").attr("id","new_message").text(n+" Nouveau M.P"+(n>1?"s":""));
        
        blinker();
     }
    
  
     });
 
</script>
</div>
 <!-- FIN DU BOUTON M.P -->

Pensez à   Enregistrer   et à publier le template modifié en cliquant sur   Valider

Direction la CSS

Panneau d'administration / Affichage / Images et Couleurs / Couleurs / Feuille de style CSS


Mettre ce code à la CSS :
Code:
/*_____________LE MENU DU MP____________________*/
 
/*on place le bouton*/
#M14_MP
{
position:fixed;/*ne pas toucher*/
top:34px;/*modifier la valeur du px pour le positionnement haut du bouton*/
right:10px;/*mettre right pour avoir le bouton à droite*/
}
/*L apparence du titre et du bouton*/
a#mp
{
background:#000000;/*la couleur de fond*/
text-decoration:none;/*ne pas toucher*/
color:#20aec8;/*la couleur de police*/
font-size:12px;/*ne pas toucher*/
padding:10px ;/*ne pas toucher*/
border-top:1px solid #20aec8;/*bordure haute*/
-webkit-border-radius: 6px;/*ne pas toucher*/
-moz-border-radius: 6px;/*ne pas toucher*/
border-radius: 6px;/*ne pas toucher*/
-webkit-transition: all 1s ease-in-out;/*modifiez la valeur 1s si besoin*/
-moz-transition: all 1s ease-in-out;/*modifiez la valeur 1s si besoin*/
-o-transition: all 1s ease-in-out;/*modifiez la valeur 1s si besoin*/
transition: all 1s ease-in-out;/*modifiez la valeur 1s si besoin*/
}
/*l apparence du titre au survol*/
a#mp:hover {text-decoration:none !important;}/*ne pas toucher*/
 
/* l affichage d un nouveau MP*/
a#new_message
{
background:#000000;/*la couleur de fond*/
text-decoration:none!important;/*ne pas toucher*/
color: #ffffff;/*la couleur de police*/
font-size:12px;/*ne pas toucher*/
padding:10px 45px 10px 10px;/*ne pas toucher*/
border-top:1px solid #6eef60;/*la bordure haute*/
-webkit-border-radius: 6px;/*ne pas toucher*/
-moz-border-radius: 6px;/*ne pas toucher*/
border-radius: 6px;/*ne pas toucher*/
}
/* l affichage d un nouveau MP au survol*/
a#new_message:hover
{
text-decoration:none !important;/*ne pas toucher*/
}
/*_____________FIN DU MENU DU MP____________________*/

Pensez à    Valider 2

Le rendu final


Le bouton en question :


À la réception d'un MP :


Au clic sur le bouton on est redirigé vers ce nouveau MP :






:u1:
À bientôt
Bye


† Aucune aide ne sera donnée en privé sur ce forum




Pour toutes questions avec un code ou une astuce, ouvrez une discussion
> ici <


Suivez le forum sur Facebook
David1195

David1195

StaffModo
StaffModo

MessageDavid1195 le Jeu 27 Déc 2018 - 20:20

  • MP
  • Zoom
Merci beaucoup !


Modérateur du forum






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