Peut-on style personnalisé Tweet bouton ET utiliser les attributs de données?
Je suis entrain de créer un personnalisé Tweet bouton avec mes propres styles toutefois, il semble que lorsque vous optez pour la personnalisation de votre propre vous ne pouvez pas utiliser les attributs de données (données de texte, de données d'url, etc.). L'utilisation des attributs de données ne sont pas disponibles lorsque vous utilisez le Twitter de style bouton qui utilise le widget javascript (http://platform.twitter.com/widgets.js).
Voici de code pris de Twitter dev site web. Ci-dessous le Tweet bouton, en utilisant les attributs de données:
<script src="http://platform.twitter.com/widgets.js" type="text/javascript"></script>
<div>
<a href="http://twitter.com/share" class="twitter-share-button"
data-url="http://dev.twitter.com/pages/tweet_button"
data-via="twitterapi"
data-text="Checking out this page about Tweet Buttons"
data-related="anywhere:The Javascript API"
data-count="vertical">Tweet</a>
</div>
Maintenant ci-dessous voici le 'Build votre Propre" Tweet button:
<style type="text/css" media="screen">
#custom-tweet-button a {
display: block;
padding: 2px 5px 2px 20px;
background: url('http://a4.twimg.com/images/favicon.gif') left center no-repeat;
border: 1px solid #ccc;
}
</style>
<div id="custom-tweet-button">
<a href="http://twitter.com/share?url=http%3A%2F%2Fdev.twitter.com%2Fpages%2Ftweet-button" target="_blank">Tweet</a>
</div>
J'espère que tout fait sens...
Vous devez vous connecter pour publier un commentaire.
Pour une raison quelconque, ils ne vous laissent pas utiliser le Javascript attributs de données avec un bouton personnalisé, donc vous devez les ajouter à l'URL dans votre code HTML. Donc pour ton exemple:
Vous devez ensuite ajouter
&text=your%20text
avec votre texte.Les autres codes sont les mêmes, il suffit d'ajouter
&related=
etc.Assurez-vous de remplacer les espaces avec
%20
et c'est tout.