[toolbar] Modifier le bouton twitter

[matheosecu]

Bonsoir @ tous

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

[Luluwebmaster]

Coucou, ça m’intéresse aussi

[matheosecu]

Plus on est de fous, plus on rit

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

[Wave]

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

[matheosecu]

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

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.

[Wave]

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;
}

[AenigmA]

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 :

[matheosecu]

'soir
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


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...

[Wave]

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

[matheosecu]

Voici ce que j'ai quand je clique sur l’icône twitter du portail


si je clique sur l’icône facebook, j'ai cela


et sur l’icône google +


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.

il faudrait donc que le bouton twitter de la toolbar se comporte comme ce bouton là...
Si cela peut aider...

[Wave]

Re,

Avez vous ajouté des scripts ?

[matheosecu]

'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
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

@stéroH

[Wave]

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.



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

[matheosecu]

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


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

[Wave]

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



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

Cordialement

[matheosecu]

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:

Citation :

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

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

[matheosecu]

Merci.

[matheosecu]

matheosecu a écrit:

Merci.

sniff, la maj n'a pas corrigé le bouton twitter

[Ea]

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.

[matheosecu]

Bonjour

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

Citation :

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.

[Ea]

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.

[matheosecu]

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

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:


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: