Уроки по программированию

Twitter изменить фон timeline

Возможно вы тоже столкнулись с такой проблемой. Как в twitter изменить фон timeline? Стандартные настройки виджета timeline на выбор дают только dark или light цветовую палитру.

Twitter изменить фон timeline

Для смены фона timeline заходим на страницу виджета копируем код. Код выглядит примерно так

<a class="twitter-timeline" href="ссылка на ваш виджет">Название вашего проекта</a> <script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script>

Для начала нам надо этот код обернуть в блок div

<div class="twitter-container">
	<a class="twitter-timeline" href="ссылка на ваш виджет">Название вашего проекта</a> <script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script>
</div>

Теперь нужно добавить маленький параметр. Прозрачность виджета timeline data-chrome=»transparent». Код добавляется в ссылку.

<div class="twitter-container">
	<a class="twitter-timeline" data-chrome="transparent" href="ссылка на ваш виджет">Название вашего проекта</a> <script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script>
</div

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

//Например черный цвет и отступ по краям 10px
.twitter-container{
	background:#000;
	padding:10px;
}

Комментарии к статье

  • Оставьте первый комментарий - автор старался

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *