Блог

Я смотрю на новую кнопку «Подписаться» в Twitter (https://twitter.com/about/resources/followbutton ), но, к сожалению, моя боковая панель меньше размера по умолчанию, что выводит весь мой сайт из строя.

Есть ли простой способ взломать скрипт для изменения размера кнопки или, по крайней мере, поставить разрыв строки между фактической кнопкой «подписаться» и именем учетной записи?

Если вы посмотрите на исходный код страницы, то ваш код Twitter преобразуется из

 <div class="twitter">
  <!-- twitter code here -->
</div>
  

Для

 <div class="twitter">
  <iframe ...>...</iframe>
</div>
  

Теперь легко изменить ширину кнопки с помощью css:

 .twitter iframe {
  width: 80px !important;
}
  

Я бы поместил кнопку в контейнер с красивым именем класса и использовал CSS для настройки стиля.

 .twitter-button-container{
  width: 100px;
  height:100px;
}
  

Что-то вроде этого.

Обновить

С другой стороны, кажется, что изображение является фоновым изображением для тега привязки. Я не думаю, что возможно изменять размер фоновых изображений с помощью CSS и т.д. Вам нужно было бы поместить изображение в img тег.