[Edge] P.A sur la toolbar

[chrisnvidia]

  tout le monde

@ Phil

Dit moi je recherche ton script du P.A imagé sur la toolbar pour les admin car j'ai eu un ptit souci et j'ai du le remettre à zéro.

Merci d'avance pour ton aide .

[Milouze14Fondateur]

Hello Chris,

c'est cette astuce ?:

https://www.milouze14.com/t30732-toutes-versions-afficher-les-differentes-parties-du-p-a-sous-forme-de-widgets-a-gauche#584972

[chrisnvidia]

Hello Phil


Non c'est pas celle ci 


Mais ceci

[Milouze14Fondateur]

Re Chris,
pas très explicite ta demande mon ami .

Le lien de l'astuce:
https://help.forumotion.com/t143547-add-more-share-buttons-to-your-toolbar#978933

La version traduite:


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

Mettre un titre explicite.
Cocher sur toutes les pages.

Déposer ceci:

Code:


$(function() {
          var share = {
         
            text : _lang.Share,
       
            buttons : {
              /* DEFAULT SHARE BUTTONS */
              fb : {
                enable : true,
                title : 'Partager sur Facebook'
              },
           
              twitter : {
                enable : true,
                title : 'Partager sur Twitter'
              },
           
              gp : {
                enable : true,
                title : 'Partager sur Google Plus'
              },
           
              mail : {
                enable : true,
                title : 'Envoyer cette page à quelqu\'un'
              },
           
              rss : {
                enable : true,
                title : 'Voir le flux RSS de ce forum'
              },
       
              /* START CUSTOM SHARE BUTTONS */
           
              /* extra share buttons */
              pinterest : {
                enable : true,
                innerHTML : '<img src="https://i.servimg.com/u/f21/18/21/60/73/pinter10.png" />',
                title : 'Partager sur Pinterest',
             
                onclick : function(e) {
                  var media = prompt('Vous êtes sur le point d\'épingler cette page. Partager une image?');
               
                  if (media == null) return false;
                  else if (media == '') media = $('meta[property="og:image"]').attr('content') || '';
               
                  window.open('http://pinterest.com/pin/create/button/?url=' + encodeURIComponent(window.location.href) + (media ? '&media=' + encodeURIComponent(media) : '') + '&description=' + encodeURIComponent(document.title), '', 'menubar=no,status=no,scrollbars=no,width=800,height=600');
                  e.preventDefault();
                }
              },
           
              tumblr : {
                enable : true,
                innerHTML : '<img src="https://i.servimg.com/u/f21/18/21/41/30/tumblr11.png" />',
                title : 'Partager sur Tumblr',
             
                onclick : function(e) {
                  window.open('http://www.tumblr.com/share/link?url=' + encodeURIComponent(window.location.href), '', 'menubar=no,status=no,scrollbars=no,width=800,height=600');
                  e.preventDefault();
                }
              },
           
              reddit : {
                enable : true,
                innerHTML : '<img src="https://i.servimg.com/u/f21/18/21/41/30/reddit10.png" />',
                title : 'Partager sur Reddit',
             
                onclick : function(e) {
                  window.open('http://www.reddit.com/submit?url=' + encodeURIComponent(window.location.href) + '&title=' + encodeURIComponent(document.title), '', 'menubar=no,status=no,scrollbars=no,width=800,height=600');
                  e.preventDefault();
                }
              },
           
              /* misc buttons */
              print : {
                enable : false,
                innerHTML : '<img src="https://i.servimg.com/u/f21/18/21/60/73/print11.png" />',
                title : 'Imprimer cette page',
             
                onclick : function(e) {
                  window.print();
                  e.preventDefault();
                }
              },
           
              copy_url : {
                enable : false,
                innerHTML : '<img src="https://i.servimg.com/u/f21/18/21/41/30/link10.png" />',
                title : 'Copier l\'URL du BBCode',
             
                onclick : function(e) {
                  prompt('Copier l\'URL du BBCode de cette page?', '[url=' + window.location.href + ']' + document.title + '[/url]');
                  e.preventDefault();
                }
              },
           
              top : {
                enable : false,
                innerHTML : '<img src="https://i.servimg.com/u/f21/18/21/41/30/top10.png" />',
                title : 'Haut de la page',
                href : '#top'
              },
           
              bottom : {
                enable : false,
                innerHTML : '<img src="https://i.servimg.com/u/f21/18/21/41/30/bottom11.png" />',
                title : 'Bas de page',
                href : '#bottom'
              }
              /* END CUSTOM SHARE BUTTONS*/
            }
          },
       
          newList = document.createElement('SPAN'),
          fa_share,
          fa_share_text,
          existingNode,
          newNode,
          i, k;
       
          $(function() {
            fa_share = document.getElementById('fa_share');
            fa_share_text = document.getElementById('fa_share_text');
            if (!fa_share) return;
         
            // apply new share text
            if (fa_share_text) fa_share_text.innerHTML = share.text + ' : ';
       
            // redefine share buttons
            for (i in share.buttons) {
              existingNode = document.getElementById('fa_' + i);
       
              // modify exisiting share buttons
              if (existingNode) {
                if (share.buttons[i].enable) {
                  for (k in share.buttons[i]) if (k != 'enable') existingNode[k] = share.buttons[i][k];
                  newList.appendChild(existingNode);
                }
                else existingNode.parentNode.removeChild(existingNode);
              }
           
              // create a new share button
              else if (share.buttons[i].enable) {
                newNode = document.createElement('A');
                newNode.id = 'fa_' + i;
             
                for (k in share.buttons[i]) if (k != 'enable') newNode[k] = share.buttons[i][k];
                if (!newNode.href) newNode.href = '#';
             
                newList.appendChild(newNode);
              }
       
            }
       
            fa_share.appendChild(newList);
          });
        });


Penser a cliquer sur le bouton



Ensuite, tu peux désactiver les boutons en te basant sur les intitulés comme Facebook:

Code:

 
enable : true,
                title : 'Partager sur Facebook'


Si tu ne désires pas un des boutons, il suffit de changer true par false

[Splash]

Hum...
Hi Phil, je pense qu'il y a erreur dans la réponse. Chris cherche à avoir le raccourci d'accès au PA depuis la toolbar. Enfin je le comprend ainsi

[chrisnvidia]

Coucou vous deux 


Oui c'est bien sa Fred le raccourci d'accès au Panneau d'Administration depuis la toolbarre ;)

Mais sans ceci ;

[Milouze14Fondateur]

Hello Chris,

alors si c'est un raccourci, procèdes ainsi:


Dans la feuille de style:
Affichage/Images et Couleurs/Couleurs/Feuille de style
Ajouter ceci:

Code:


  #fa_share{display:none!important;}  a.M14_linkPa:before{font-family: FontAwesome;font-size: 20px;content: "\f015";}


Penser a cliquer sur le bouton



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

Mettre un titre explicite.
Cocher sur toutes les pages.

Déposer ceci:

Code:


$(function(){
 
if(!_userdata["session_logged_in"])return;
$(function(){
var admin=$('a[href^="/admin/index.forum"]').length;
var linkadmin=$('a[href^="/admin/index.forum"]').attr('href');
if(admin){$('div[id="fa_search"]').after('<a class="M14_linkPa"href="'+linkadmin+'"></a>');}})});


Penser a cliquer sur le bouton


Et voilou

[chrisnvidia]

Hello Phil 


C'est bon mais comment faire pour qu'il soit au centre ?


Je sais pas si tu rappel mais au clic on avait toute les catégories qu'on pouvait choisir avant d'arrié directenment dans le PA

[Splash]

C'est bon mais comment faire pour qu'il soit au centre ?

Hi Chris,
Tu ajoutes un margin-left à la CSS, ainsi :

Code:

  #fa_share{display:none!important;}  a.M14_linkPa:before{font-family: FontAwesome;font-size: 20px;content: "\f015";margin-left:300px;} 

Modifie la valeur 300px au besoin

[chrisnvidia]

Merci Fred c'est bon 


Après il manque juste les catégories qu'on pouvait choisir avant d'arrié directenment dans le PA

Bon je sais je suis chiant  


Bonne soirée mes loulous à demain , je file au boulot

[Milouze14Fondateur]

Hum, on modifie juste le conteneur Fred et non le sélecteur before.

on repart à zéro ou presque.

Je t'ai commenté la css afin que tu puisses te repérer.
Supprimes ce que je t'ai donné précédemment (pour éviter d'éventuels doublons).


Dans la feuille de style:
Affichage/Images et Couleurs/Couleurs/Feuille de style
Ajouter ceci:

Code:


  /*ON POSITIONNE LA MAISON*/
a.M14_Home_Pa{top: 2px;position: relative;}
  /*ON DONNE L APPARENCE DE LA MAISON*/
a.M14_Home_Pa:before{font-family: FontAwesome;font-size: 20px;content: "\f015";}
  /*ON POSITIONNE LE CONTENEUR*/
ul.M14_cont_LinkPa{position:fixed;display:none;top:20px;width: 200px;padding: 5px;margin-left: 140px;border:1px solid white;}
ul.M14_cont_LinkPa li{list-style:none;}
  /*ON DONNE LA COULEUR DES LIENS*/
  ul.M14_cont_LinkPa li a.M14_linkPa{color:white!important;font-size:12px;}


Penser a cliquer sur le bouton


Remplaces le script donné par celui-ci:

Code:

$(function(){
if(!_userdata["session_logged_in"])return;
$(function(){
var a= $('a[href^="/admin/index.forum"]').attr('href');
var b = a.substring(34,72);
var admin=$('a[href^="/admin/index.forum"]').length;
if(admin)
{$('div[id="fa_search"]').after('<a class="M14_Home_Pa"style="color:white;"></a><ul class="M14_cont_LinkPa color-primary">
<li><a class="M14_linkPa"href="/admin/index.forum?part=admin&tid='+b+'">Page d\'accueil</a></li>
<li><a class="M14_linkPa"href="/admin/index.forum?part=general&tid='+b+'">Général</a></li>
<li><a class="M14_linkPa"href="/admin/index.forum?part=themes&tid='+b+'">Affichage</a></li>
<li><a class="M14_linkPa"href="/admin/index.forum?part=users_groups&tid='+b+'">Utilisateurs & Groupes</a></li>
<li><a class="M14_linkPa"href="/admin/index.forum?part=modules&tid='+b+'">Modules</a></li>
<li><a class="M14_linkPa"href="/admin/index.forum?mode=webapp&part=modules&sub=topicit&tid='+b+'">App Mobile</a></li>
<li><a class="M14_linkPa"href="/admin/index.forum?part=misc&tid='+b+'">Divers</a></li></ul>');}
$('a.M14_Home_Pa').click(function(){$('ul.M14_cont_LinkPa').slideToggle();});
})});

[chrisnvidia]

Re;

Je me suis logger sur le pc du boulot

Le PA est bizarre il s'affiche " caché par le logo du forum " .

Je t'en verrais demain les captures écrans c'est mieux

[Milouze14Fondateur]

Hello Chris,
hum, peux tu me donner l'accès au PA sur ton fofo car de mon côté en invité c'est assez compliqué de voir quelque chose et même connecté je ne verrais rien.
C'est bien pour le forum de ton profil?

Dans le cas ou tu désirerais fournier des identifiants, merci de me les fournir en MP

[Milouze14Fondateur]

Merci pour le MP.
Alors , j'ai modifié le placement , est ce mieux ?

[chrisnvidia]

Oui c'est mieux et plus qu'à le placer au milieux et c'est bon

[Milouze14Fondateur]

Tu veux parler de la maison et le slide en dessous ?

[chrisnvidia]

Oui mais c'est bon c'est impec mon ami

[Milouze14Fondateur]

Super Chris .

Hello


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

A bientôt pour une prochaine demande