регулировка ширины Google Plus 1 кнопка

Question

Я пытаюсь выяснить, как изменить ширину кнопки 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>

Answer 1

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

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

Применяется ко всем элементам с идентификатором, начинающимся с ___plusone, который выглядит как пространство имен Google для кнопки

Answer 2

Не знаю, всегда ли идентификатор iframe одинаков, но если это так, вы можете использовать css +! Важный для переопределения стиля элемента. Что-то вроде:

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

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

Answer 3

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

Answer 4

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

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

# id_of_button { положение: относительное; слева: (что работает лучше всего) px }

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

Answer 5

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

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

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

Answer 6

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

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

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

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