Настройка ширины кнопки google plus 1

Я пытаюсь выяснить, как изменить ширину кнопки Google плюс 1...

В документации говорится, что вы можете установить ширину.

В настоящее время, когда я проверяю элемент с помощью Firebug... он говорит, что ширина установлена ​​на 90 пикселей, что я хотел бы установить на 70 пикселей... это возможно?

    <!-- Place this tag where you want the +1 button to render -->
    <g:plusone size="medium"></g:plusone>

    <!-- Place this render call where appropriate -->
    <script type="text/javascript">
      (function() {
        var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
        po.src = 'https://apis.google.com/js/plusone.js';
        var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
      })();
    </script>

Ответы

Ответ 1

Вы можете выбрать из нескольких настроек высоты в генераторе кода , но вы не можете выбрать произвольное значение размера.

Ответ 2

Идентификатор не всегда одинаковый, если вы используете более одной кнопки, поэтому вы можете использовать этот бит CSS для поиска нескольких кнопок:

[id^=___plusone] { width:72px !important; }

Это относится ко всем элементам, у которых есть идентификатор, начинающийся с ___plusone, который, похоже, является пространством имен Google для кнопки

Ответ 3

Не знаю, является ли id iframe одинаковым, но если вы можете использовать css +! important, чтобы переопределить стиль элемента. Что-то вроде:

/* this overrides 90px to 72px width to +1 button */
#___plusone_0{ width:72px !important; }

Надеюсь, это поможет.

Ответ 4

Я был разочарован кнопками не всех одинакового размера, поэтому мне удалось с помощью css + javascript получить кнопку 32x32 +1. Вы можете получить информацию здесь:

http://bashireghbali.com/technology/google-plus-one-button-32x32/

обратите внимание, что при перезагрузке страницы не будет отображаться состояние + 1ed (для этого нет обратного вызова, если только кто-то не знает о еще не объявленном)

Ответ 5

Я обнаружил, что если вы не пытаетесь изменить ширину физической кнопки, а просто пытаетесь сделать ширину меньше для настройки позиционирования.

Лучший способ - установить:

#id_of_button { позиция: относительная; left: (что лучше работает) px }

Надеюсь, что это поможет.

Ответ 6

Ответ здесь стареет, поэтому я хочу оставить заметку о возможности выравнивания содержимого google и одной кнопки.

Итак, если я, как и я, вы пытаетесь заставить ширину любого размера, чтобы выровнять по правому, забудьте об этом и используйте align="right" вместо этого!

<g:plusone align="right" size="medium"></g:plusone>

Дополнительная информация здесь: https://developers.google.com/+/web/+1button/