Динамическое заполнение CSS для кнопки Google +1 - PullRequest
1 голос
/ 02 октября 2011

У меня есть несколько кнопок Google +1 на моем веб-сайте, и при нажатии кнопки определенное количество раз кнопка плюс одна на странице становится шире и, следовательно, выходит за пределы указанного пространства.Как я мог предотвратить это динамически?

Код CSS для кнопки выглядит следующим образом:

.news-plusone { 
    float: right;
    margin: 2px -20px 0 10px;
}

Второй параметр на полях - это тот, который необходимо динамически изменять.

Пример: http://www.nblackburn.me/index.php?section=news

Кнопка +1 включена в этот сегмент HTML на моем веб-сайте (отформатирован здесь для удаления прокрутки):

<span class="news-plusone">
 <g:plusone size="small" href="http://example.com/"></g:plusone>
</span>

Ответы [ 2 ]

0 голосов
/ 06 октября 2011

У вас есть выбор в формате Google +1. Google добавила еще несколько вариантов несколько дней назад вместе с полезным графиком ширины, необходимой для размещения кнопок (в пикселях).Некоторые другие детали включены, но ничего о динамическом CSS как таковом.

Вы, вероятно, используете кнопку, которая отображает, сколько раз люди нажимали на нее.Я думаю, именно поэтому, когда вы переходите от однозначной длины к двухзначной, ваш CSS, так сказать, выходит из строя.И по-прежнему будет проблемой, когда вы получите до трехзначного значения + 1!

Вместо этого вы можете использовать кнопку, которая не показывает число * из + 1. ИЛИ выберите кнопку, которая показывает число + 1 * ниже кнопки , а не рядом с кнопкой .Тогда вы избежите проблем с изменчивостью ширины страницы, поскольку легче приспособить изменяющуюся длину страницы, чем ширину.

* Это то, что я делаю.Я не хочу, чтобы мой веб-сайт и страницы выглядели такими жалкими, с 2-мя или 3-мя счетами + 1 (было бы 0-счетом, если бы я не спросил своих братьев) навсегда.Я бы предпочел, чтобы никто не знал ...

0 голосов
/ 02 октября 2011

Издатели не могут изменять или скрывать кнопку +1, а издатели не могут связывать кнопку +1 с рекламным контентом, например помещать кнопку +1 рядом с рекламой или рядом с ней, или размещать рекламу в общедоступном контенте., если это не разрешено Google.Издатели также не могут размещать в общедоступном контенте какой-либо текст, изображение или другой контент, который нарушает Политику в отношении содержания и поведения пользователей проекта Google+.

+ 1 кнопка политики

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

...