Nano Hash - криптовалюты, майнинг, программирование

Как изменить стили CSS значка Google Plus Pages?

Я настраиваю стандартный значок на https://developers.google.com/+/plugins/badge/config

Для этого Google+ рендерит содержимое iframe. Как я могу изменить стили классов внутри iframe?

badge google-plus google-plus-one
19.11.2011

Ответы:


1

В настоящее время кажется, что в настоящее время нет способа сделать это. Я попытался отредактировать CSS, чтобы избавиться от надоедливой границы и белого фона:

.yeb { 
    background-color: none !important;
    border: 0px solid gainsboro !important;
}

Но поскольку CSS находится на сервере Google, вы не можете переопределить iFrame. Это текущий запрос функции на форумах Google.

17.05.2012

2

Можно сделать небольшую хитрость:

HTML для iframe:

<div id="social_gplus_circle">
<div id="social_gplus_circle_inner"><g:plus href="https://plus.google.com/105379671042990608528" size="smallbadge"></g:plus></div>
</div>

CSS для трюка:

#social_gplus_circle{overflow: hidden;width: 105px;height: 45px;padding-top: 7px;}
#social_gplus_circle_inner{overflow: hidden;position: relative;top: -20px;left: -130px;height: 50px;width: 276px;}
iframe{display: block!important;}

Сам не делал, взял с форума гугла.

25.01.2013

3

Вы не можете изменить его, потому что код Google Plus не находится на вашем сервере. Вы можете изменить CSS iframe только в том случае, если ваша страница и код iframe находятся на одном сервере.

07.12.2011
  • Тем не менее, кажется, что Google использует не только iframe, но и добавление javascript, в настоящее время у меня есть проблема с этим, потому что я предопределил css для таблиц, и кнопка google+ также использует его, так что это немного беспорядочно, некоторая часть пузырь разбился. 07.12.2011
  • Я знаю это. Спрашиваю об альтернативных способах изменения css-стилей. У Facebook есть лайк-бокс. 15.12.2011
  • Да, из-за межсайтовой политики вы ничего не можете с этим поделать. Пока гугл не предложит способ его изменить. Вы всегда можете добавить границу к iframe или изменить размер iframe, но не изменять то, что находится внутри iframe. 17.05.2012
    • Новые материалы
    Кластеризация: более глубокий взгляд
    Кластеризация — это метод обучения без учителя, в котором мы пытаемся найти группы в наборе данных на основе некоторых известных или неизвестных свойств, которые могут существовать. Независимо от..
    Как написать эффективное резюме
    Предложения по дизайну и макету, чтобы представить себя профессионально Вам не позвонили на собеседование после того, как вы несколько раз подали заявку на работу своей мечты? У вас может..
    Частный метод Python: улучшение инкапсуляции и безопасности
    Введение Python — универсальный и мощный язык программирования, известный своей простотой и удобством использования. Одной из ключевых особенностей, отличающих Python от других языков, является..
    Как я автоматизирую тестирование с помощью Jest
    Шутка для победы, когда дело касается автоматизации тестирования Одной очень важной частью разработки программного обеспечения является автоматизация тестирования, поскольку она создает..
    Работа с векторными символическими архитектурами, часть 4 (искусственный интеллект)
    Hyperseed: неконтролируемое обучение с векторными символическими архитектурами (arXiv) Автор: Евгений Осипов , Сачин Кахавала , Диланта Хапутантри , Тимал Кемпития , Дасвин Де Сильва ,..
    Понимание расстояния Вассерштейна: мощная метрика в машинном обучении
    В обширной области машинного обучения часто возникает необходимость сравнивать и измерять различия между распределениями вероятностей. Традиционные метрики расстояния, такие как евклидово..
    Обеспечение масштабируемости LLM: облачный анализ с помощью AWS Fargate и Copilot
    В динамичной области искусственного интеллекта все большее распространение получают модели больших языков (LLM). Они жизненно важны для различных приложений, таких как интеллектуальные..