Membres connectés récemment
[Edge] P.A sur la toolbar
3 participants
Page 1 sur 1 • Partagez
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
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
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:
Penser a cliquer sur le bouton
Ensuite, tu peux désactiver les boutons en te basant sur les intitulés comme Facebook:
Si tu ne désires pas un des boutons, il suffit de changer true par false
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
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:
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:
Penser a cliquer sur le bouton
Et voilou
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
Hi Chris,chrisnvidia a écrit:C'est bon mais comment faire pour qu'il soit au centre ?
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
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:
Penser a cliquer sur le bouton
Remplaces le script donné par celui-ci:
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();});
})});
Sujets similaires
Créer un compte ou se connecter pour répondre
Vous devez être membre pour répondre.
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum