[toolbar] Modifier le bouton twitter

5 participants

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

Résolu [toolbar] Modifier le bouton twitter

Message par matheosecu Mar 12 Fév 2013, 22:01

Bonsoir @ tous cheers

je viens de découvrir la toolbar que je trouve super pratique. Un peu en retard, c'est vrai... Mais mieux vaut tard que jamais...

J'aimerais savoir s'il est possible de modifier le bouton Twitter, et de faire en sorte qu'il poste la page visitée comme le font le bouton facebook et le bouton google+.

Merci @ tous de votre coup de main thumleft

salut


Dernière édition par matheosecu le Ven 22 Fév 2013, 17:23, édité 1 fois
matheosecu

matheosecu
***

Masculin
Messages : 135
Inscrit(e) le : 12/10/2012

http://guidesecu.lebonforum.com/
matheosecu a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [toolbar] Modifier le bouton twitter

Message par Luluwebmaster Mer 13 Fév 2013, 06:54

Coucou, ça m’intéresse aussi Razz
Luluwebmaster

Luluwebmaster
*****

Masculin
Messages : 723
Inscrit(e) le : 10/10/2012

http://test-luluwebmaster.lebonforum.com/
Luluwebmaster a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [toolbar] Modifier le bouton twitter

Message par matheosecu Mer 13 Fév 2013, 07:43

Plus on est de fous, plus on rit Smile

Je ne suis vraiment pas sûr que ce soit possible, cela aurait été fait sinon...

Mais n'y connaissant pas grand chose en programmation et modification du CSS, je ne peux l'affirmer, ce pourquoi je demande Wink
matheosecu

matheosecu
***

Masculin
Messages : 135
Inscrit(e) le : 12/10/2012

http://guidesecu.lebonforum.com/
matheosecu a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [toolbar] Modifier le bouton twitter

Message par Wave Mer 13 Fév 2013, 17:57

Hello,

Ajoutez ce code à votre CSS

Code:
#fa_twitter {
background-image: url('http://cdn4.iconfinder.com/data/icons/socialmediaicons_v120/24/twitter.png')!important;
background-repeat: no-repeat;
background-position: center center;
}

Vous pouvez modifier l'adresse de l'image: http://cdn4.iconfinder.com/data/icons/socialmediaicons_v120/24/twitter.png

Cordialement
Wave

Wave
*****

Masculin
Messages : 567
Inscrit(e) le : 04/12/2011

Wave a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [toolbar] Modifier le bouton twitter

Message par matheosecu Mer 13 Fév 2013, 18:28

Bonjour

et merci de l'aide que vous m'apportez, mais je crains avoir besoin d'un peu plus de guidage...
En attendant votre complément, je vais voir comment faire.
https://forum.forumactif.com/t301866-le-css-comment-ca-marche

Pour l'instant, j'ai collé le code CSS donné ^ dans cette fenêtre
[toolbar] Modifier le bouton twitter 61998464
J'ai fait valider.
Je me suis retrouvé avec une toolbar sans l'image, un carré noir à l'emplacement du T twitter, et qui avait la même fonctionnalité, ouvrir la fenêtre de tweet de twitter.

J'ai essayé avec l'option "désactiver le CSS de base", pas mieux, avec l'option "optimiser votre CSS, pas mieux, et avec les deux options cochées, pas mieux...
J'ai donc tout remis en ordre, et vais lire un peu comment ajouter ce CSS que vous m'avez donné.

voilà, un coup dans l'eau du coté PA.

Merci pour votre aide en tous les cas.

PS: précision, je suis en phpBB2, je vais essayer de passer en phpBB3 et retenter, car il me semble bien que la manip est bonne.
On colle le CSS dans la fenêtre, on valide, et cela l'ajoute.


Dernière édition par matheosecu le Mer 13 Fév 2013, 18:57, édité 1 fois
matheosecu

matheosecu
***

Masculin
Messages : 135
Inscrit(e) le : 12/10/2012

http://guidesecu.lebonforum.com/
matheosecu a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [toolbar] Modifier le bouton twitter

Message par Wave Mer 13 Fév 2013, 18:43

Re,

Et avec ce code ?:

Code:
#fa_twitter {
background-image: url('http://cdn4.iconfinder.com/data/icons/socialmediaicons_v120/24/twitter.png')!important;
background-repeat: no-repeat!important;
background-position: center center!important;
}
Wave

Wave
*****

Masculin
Messages : 567
Inscrit(e) le : 04/12/2011

Wave a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [toolbar] Modifier le bouton twitter

Message par AenigmA Mer 13 Fév 2013, 18:58

Bonsoir, c'est une image multiple que l'on positionne, donc pas évident à faire. Sauf la faire entière ou faire tous les éléments.
Le visu :
[toolbar] Modifier le bouton twitter Toolbar
AenigmA

AenigmA
Membre actif

Masculin
Messages : 2228
Inscrit(e) le : 10/03/2005

http://aenigma.forumactif.fr/
AenigmA a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [toolbar] Modifier le bouton twitter

Message par matheosecu Mer 13 Fév 2013, 18:58

'soir Wink
Toujours pas, mais y'a du changement.
L'icone change, j'ai le t que vous avez donné, alors qu'avec le premier code, j'avais rien, carré noir.
Mais quand je clique dessus, toujours pareil, cela ne poste pas la page, mais ouvre la fenêtre de tweet vide.

Y'a plus qu'à poster la page, et pas ouvrir le "quoi de neuf?" vide

Désolé, je ne peux vous aider là-dessus, pas le niveau...

J'espère simplement ne pas flinguer le CSS de mon fofo qui tourne comme une horloge Smile
Mr. Green

voici le fofo, que vous voyez ce que cela fait
http://declicomatik.forumgratuit.org/

Merci @ vous deux en tous les cas. Je ne comprends pas pourquoi c'est dur, car je ne comprends tout simplement pas grand chose au CSS...
matheosecu

matheosecu
***

Masculin
Messages : 135
Inscrit(e) le : 12/10/2012

http://guidesecu.lebonforum.com/
matheosecu a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [toolbar] Modifier le bouton twitter

Message par Wave Mer 13 Fév 2013, 19:26

Quand je clique sur l'icône Twitter, j'ai bien la page qui s'ouvre et affiche le formulaire de connexion.
Wave

Wave
*****

Masculin
Messages : 567
Inscrit(e) le : 04/12/2011

Wave a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [toolbar] Modifier le bouton twitter

Message par matheosecu Mer 13 Fév 2013, 19:32

Voici ce que j'ai quand je clique sur l’icône twitter du portail
[toolbar] Modifier le bouton twitter 40473199

si je clique sur l’icône facebook, j'ai cela
[toolbar] Modifier le bouton twitter 77857087

et sur l’icône google +
[toolbar] Modifier le bouton twitter 11456981

y'a que l’icône twitter qui ne met pas la page sur laquelle je suis, les deux autres fonctionnent.

Je suis sous XP Pro SP3, avec Firefox 18.0.2 et le fofo est en phpBB 2
je vais aller voir de suite sur IE, pour voir si cela change quelque chose...
même souci sur IE 8 donc.

J'ai un autre site en phpBB3, et le résultat est le même, ne vient pas de la version donc...

Ce bouton twitter ne poste pas la page sur laquelle on est, il ouvre un truc vide...
Et je ne sais fichtre pas d'où cela vient...

Sur ce forum, si j'utilise le bouton twitter de la toolbar, pas de post de la page.
En revanche, si j'utilise le bouton twitter qui est en haut à gauche de cette page, cela marche bien, la page visualisée est bien postée.
[toolbar] Modifier le bouton twitter 83238001
il faudrait donc que le bouton twitter de la toolbar se comporte comme ce bouton là...
Si cela peut aider...
matheosecu

matheosecu
***

Masculin
Messages : 135
Inscrit(e) le : 12/10/2012

http://guidesecu.lebonforum.com/
matheosecu a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [toolbar] Modifier le bouton twitter

Message par Wave Jeu 14 Fév 2013, 19:11

Re,

Avez vous ajouté des scripts ?
Wave

Wave
*****

Masculin
Messages : 567
Inscrit(e) le : 04/12/2011

Wave a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [toolbar] Modifier le bouton twitter

Message par matheosecu Jeu 14 Fév 2013, 21:34

'Soir Flo-73

non, j'utilise le thème original trouvé dans la banque offerte, je n'ai modifié aucun template, ajouté aucun script, c'est la première fois que je colle un nouveau CSS...

Mais en effet, je me suis renseigné depuis, cela ne semblerait pas un souci de CSS, mais plutôt un problème du côté du script de cette toolbar.
Un dev qui me donnait son avis...

Désolé, mais je suis plus doué pour désinfecter un pc, chercher la cause d'une panne, régler un souci de BSOD Mr. Green
Pour le reste, pas très compétent...

Le script de la toolbar, je ne sais même pas où et comment je peux le trouver...

je m'en remets donc à tes essais.

N'hésites pas tu as d'autres questions, j'essaierai d'y répondre Wink

@stéroH
matheosecu

matheosecu
***

Masculin
Messages : 135
Inscrit(e) le : 12/10/2012

http://guidesecu.lebonforum.com/
matheosecu a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [toolbar] Modifier le bouton twitter

Message par Wave Sam 16 Fév 2013, 16:04

Bonjour,

Je n'ai ni de texte sur ce forum que sur le votre. En revanche, en cliquant sur "Partager" Puis Twitter, là j'ai ce texte.

[toolbar] Modifier le bouton twitter 1361027042

N'auriez vous pas plutôt cliqué sur ce lien ?
Wave

Wave
*****

Masculin
Messages : 567
Inscrit(e) le : 04/12/2011

Wave a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [toolbar] Modifier le bouton twitter

Message par matheosecu Sam 16 Fév 2013, 16:09

Non, je parle du bouton twitter de cette page, en haut à gauche.
voici ce que cela donne quand je clique dessus:
[toolbar] Modifier le bouton twitter Edf

Donc ce bouton partage bien la page visualisée, c'est cool.

Mais le bouton twitter de la toolbar ne partage rien, il ouvre une page pour twitter un message, mais c'est pas top.
Il faudrait donc que le bouton twitter de la toolbar se comporte comme le bouton tiwtter du haut de cette page.

Partager, j'ai pas essayé.

Merci de me suivre Wink
matheosecu

matheosecu
***

Masculin
Messages : 135
Inscrit(e) le : 12/10/2012

http://guidesecu.lebonforum.com/
matheosecu a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [toolbar] Modifier le bouton twitter

Message par Wave Sam 16 Fév 2013, 16:14

Que ce soit sur Chrome ou sur Firefox, je n'ai pas ce texte, voyez par vous-même:

[toolbar] Modifier le bouton twitter 1361027569

Je ne sais pas quoi faire, je laisse la parole aux autres,

Cordialement
Wave

Wave
*****

Masculin
Messages : 567
Inscrit(e) le : 04/12/2011

Wave a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [toolbar] Modifier le bouton twitter

Message par matheosecu Sam 16 Fév 2013, 16:17

C'est bien cela le souci.

Et vous l'avez si vous cliquez sur le bouton tweeter en haut à gauche, pas celui de la toolbar.

Donc la question est simple:
peut-on avoir le même comportement pour le bouton twitter de la toolbar? C'est à dire tweeter la page visitée, ce qui serait super cool Smile

thx d'avoir essayé en tous les cas, tu m'as fait coller mon premier CSS dans le back Wink
matheosecu

matheosecu
***

Masculin
Messages : 135
Inscrit(e) le : 12/10/2012

http://guidesecu.lebonforum.com/
matheosecu a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [toolbar] Modifier le bouton twitter

Message par matheosecu Mar 19 Fév 2013, 10:40

[toolbar] Modifier le bouton twitter 924612
Merci.
matheosecu

matheosecu
***

Masculin
Messages : 135
Inscrit(e) le : 12/10/2012

http://guidesecu.lebonforum.com/
matheosecu a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [toolbar] Modifier le bouton twitter

Message par matheosecu Ven 22 Fév 2013, 10:55

matheosecu a écrit:[toolbar] Modifier le bouton twitter 924612
Merci.
sniff, la maj n'a pas corrigé le bouton twitter Smile
matheosecu

matheosecu
***

Masculin
Messages : 135
Inscrit(e) le : 12/10/2012

http://guidesecu.lebonforum.com/
matheosecu a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: [toolbar] Modifier le bouton twitter

Message par Ea Ven 22 Fév 2013, 12:56

Bonjour,


J'imagine qu'on peut mettre un script de ce style sur toutes les pages :

Code:
$(function(){$(function(){

  $('#fa_twitter').click(function(e){
  var url= location.href;
  var texte= "kaboum kaboum pidibi sujet "+document.title;
  var hashtags= "super,genial";
  window.open('https://twitter.com/intent/tweet?lang=fr&url='+encodeURIComponent(url)+"&text="+encodeURIComponent(texte)+"&hashtags="+encodeURIComponent(hashtags),'','menubar=no, status=no, scrollbars=no, width=800, height=600');
  return false
  });

})});
Cordialement.
Ea

Ea
Aidactif
Aidactif

Messages : 23583
Inscrit(e) le : 04/04/2008

Ea a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [toolbar] Modifier le bouton twitter

Message par matheosecu Ven 22 Fév 2013, 15:39

Bonjour

oui, je pense que cela va marcher en effet. Pas essayé, je ne veux pas d'un bouton en plus.
edit

J'imagine qu'on peut mettre un script de ce style sur toutes les pages :
est-ce que cela va ajouter un bouton en fait?
Je dois coller cela où? Enfin comment plutôt?

Ce que je trouve dommage, c'est que les boutons Facebook, Google + et @ se comportent bien ainsi, et pas le bouton twitter.

En attendant, je passe par partager/twitter qui poste la page en cours sans souci.
Donc dommage que ce bouton ne se comporte pas comme les autres...

Merci de ton aide en tous les cas.
cheers
matheosecu

matheosecu
***

Masculin
Messages : 135
Inscrit(e) le : 12/10/2012

http://guidesecu.lebonforum.com/
matheosecu a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [toolbar] Modifier le bouton twitter

Message par Ea Ven 22 Fév 2013, 17:07

Cela devrait remplacer l'action en cliquant sur le bouton existant twitter.

Il y a un tutoriel là indiquant comment ajouter un script :
https://forum.forumactif.com/t311791-gestion-des-codes-javascript


Cordialement.
Ea

Ea
Aidactif
Aidactif

Messages : 23583
Inscrit(e) le : 04/04/2008

Ea a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [toolbar] Modifier le bouton twitter

Message par matheosecu Ven 22 Fév 2013, 17:20

ce n'est pas cela devrait remplacer, mais cela remplace. Yes

Merci beaucoup pour cela.

Je viens de l'insérer et cela marche nickel chrome.

J'ai enlevé cela: "kaboum kaboum pidibi sujet "
car document.title me suffit.

voici ce que cela donne sur mon dernier tuto:
[toolbar] Modifier le bouton twitter Ddg

Excellent !

Y'a plus qu'à modifier les noms pour les hashtags, et zou !

Affaire résolu en un coup de cuillère à pot. Bravo!

Cette nouvelle toolbar m'aura fait modifier mon premier template et copier mon premier script. LOL

:respect: :jap:
ok

matheosecu

matheosecu
***

Masculin
Messages : 135
Inscrit(e) le : 12/10/2012

http://guidesecu.lebonforum.com/
matheosecu a été remercié(e) par l'auteur de ce sujet.

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

- Sujets similaires

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