Как я могу увеличить кнопку твиттера?

Question

У меня есть код с сайта разработчиков:

<div id="custom-tweet-button"><a target="_blank" class="twitter-share-button" href="https://twitter.com/share" data-text="Hey! 20% off!" data-count="none">Tweet to Friends</a></div>

но он просто игнорирует CSS, я уже пытался даже поместить его в строку, но не могу. Я гуглил это, но лучшее, что я нашел, было на eHow.com, и они просто предложили использовать кнопку другого типа. (Я использую тот без подсчета)

Answer 1

Я думал об этом не так давно, но с Google Plus. Я посмотрел на css, который использовал плюс, а затем создал свою собственную таблицу стилей (используя те же правила), но с тегом !important, чтобы заменить исходные. Это было успешно с Google Plus (получил красивую кнопку размером 120x120px), поэтому я думаю, что то же самое можно использовать для твиттера.

Когда я решал, что нужно сделать, я использовал элемент проверки chrome, чтобы найти, какие таблицы стилей используются.

Answer 2

Вы можете создать свою собственную кнопку Twitter Tweet с помощью CSS , как описано здесь .

<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.ico') 1px center no-repeat;
        border: 1px solid #ccc;
      }
</style>

<div id="custom-tweet-button">  
      <a href="https://twitter.com/share?url=https%3A%2F%2Fdev.twitter.com%2Fpages%2Ftweet-button" target="_blank">Tweet</a>
</div>

При использовании этого метода необходимо использовать параметры строки запроса, чтобы настроить поведение кнопки Tweet кака также обрабатывать всплывающее окно Share Box.