Comment obtenir le logo hors du widget Twitter

Question

J'utilise le widget Twitter de Twitter lui-même. Vous pouvez le télécharger à http://twitter.com/about/resources/widgets/widget_profile

Maintenant, je reçois ce code:

<script src="http://widgets.twimg.com/j/2/widget.js"></script> 
<script> 
new TWTR.Widget({ 
    version: 2, 
    type: 'profile', 
    rpp: 4, 
    interval: 6000, 
    width: 180, 
    height: 320, 
    theme: { 
    shell: { 
     background: '#6e6e6e', 
     color: '#ffffff' 
    }, 
    tweets: { 
     background: '#fefefe', 
     color: '#545454', 
     links: '#b05c5c' 
    } 
    }, 
    features: { 
    scrollbar: false, 
    loop: false, 
    live: false, 
    hashtags: true, 
    timestamp: true, 
    avatars: false, 
    behavior: 'all' 
    } 
}).render().setUser('SchmidtGlobal').start(); 
</script> 

Quand j'intégrer dans mon site je reçois mon logo sur le côté supérieur gauche. Y a-t-il une possibilité de sortir ça?

Il est refereing à ce script: http://widgets.twimg.com/j/2/widget.js

Toute aide serait appréciée.

Merci

Answer 1

Dans le full source l'emplacement du logo est défini ici:

var logo = isHttps ? 'https://twitter-widgets.s3.amazonaws.com/i/widget-logo.png' : 'http://widgets.twimg.com/i/widget-logo.png'; 

et intégré dans HTML ici:

<a target="_blank" href="http://twitter.com"><img alt="" src="' + logo + '"></a> 

Vous devez simplement laisser tomber cette partie et vous c'est fait. Cela dit, je me demande si cela n'est pas contraire au contrat de licence.

---

MISE À JOUR: méthode ci-dessus supprime en effet le logo Twitter, comme l'OP soupçonné, mais il est pas si difficile d'enlever l'image de profil. Un regard sur le widget résultant (en utilisant « Paramètres » essai) me montre que le balisage de l'image est

<a class="twtr-profile-img-anchor" href="http://twitter.com/***" target="_blank"> 
    <img src="http://a1.twimg.com/profile_images/***/***.jpg" class="twtr-profile-img" alt="profile"> 
</a> 

il est donc juste une question de trouver le code qui définit la classe twtr-profile-img-anchor dans le source code. Et regardez, il est là:

/** 
    * @public 
    * @param {string} 
    * sets the profile image source to display in the widget 
    * @return self 
    */ 
setProfileImage: function(url) { 
    this._profileImage = url; 
    this.byClass('twtr-profile-img', 'img').src = isHttps ? url.replace(httpsImageRegex, httpsImageReplace) : url; 
    this.byClass('twtr-profile-img-anchor', 'a').href = 'http://twitter.com/' + this.username; 
    return this; 
} 

je soupçonne fortement que la suppression de la ligne qui appelle setProfileImage suffit:

this.setProfileImage(resp[0].user.profile_image_url); 

La seule chose que vous remarquerez est que l'en-tête sera maintenant trop loin pour la droite. Vous devrez remplacer cette règle CSS:

.twtr-widget-profile h3, .twtr-widget-profile h4 { 
    margin: 0 0 0 40px !important; 
} 

Answer 2

La méthode la plus simple serait d'utiliser CSS. Créez un document CSS et associez-le à votre page Web. Dans la pâte css:

.twtr-hd, .twtr-ft{display: none;} 

Ceci supprimera l'en-tête et le pied de page. J'espère que cela t'aides!

Answer 3

trouver tWTR-hd dans le script, ajoutez

style="display:none" 

trouver tWTR pi dans le script, ajoutez

style="display:none" 

cela devrait le faire.

_{inspiré par le Queen of Nerds' solution}