Віджет твіттера по новому, abramo8a

Раніше віджет можна було налаштувати більш симпатично, ніж зараз. По крайней мере, на мій погляд 🙂 Зараз в веб-дизайні витає дух мінімалізму і це не могло не відбитися і на Твіттері.

Проте ми дещо можемо підправити самі, тим більше, що в налаштуваннях Твіттера є деякі додаткові рекомендації.

Я не буду тут описувати, як створити віджет Твіттера. Це дуже просто, будь впорається. Отримайте код і вставте його в потрібне вам місце. Знайте, що максимальний розмір віджету по ширині 520 рх, по висоті 600 рх.

Тепер ми продовжимо його редагування.

Якщо вас влаштовує, то що ви створили, то й добре. Якщо ж ні, то давайте трохи поколдуем на отриманим кодом.

Ви можете задати додаткову обведення навколо зображення. Ось у мене, наприклад, вона світло-сіра, завтовшки 1 рх із закругленими кутами. А під нею відображається блакитна обведення, але вона не тільки навколо стрічки, але і розділяє твіти між собою.

Для того щоб задати свою обведення, треба отриманий код укласти в теги div. Задати ім'я div-у і в CSS файлі прописати властивість для нього.

наприклад:

ваш код
. В CSS-файлі пишете:

Я вказала ширину (width) для всього віджета. У вас буде свій параметр або може зовсім не знадобитися. Для обведення (border) можна задати більшу товщину.

Взагалі, за замовчуванням, самому віджету задавати ширину не обов'язково. Він підлаштовується під ширину того елемента, куди вбудовується. Але якщо буде потрібно, то можете додати власну в код ширину і висоту, наприклад:

Прибрати смугу вертикальної прокрутки, розташованої праворуч:

Видалити обведення навколо і всередині стрічки:

Якщо ви спочатку вибрали світлу тему, то можете змінити на темну і, навпаки:

Зробити прозорий бекграунд:

Прозорий бекграунд і одночасне відключення Хідер і футера (можна відключати по черзі):

Колір обведення і поділу твітів:

Кількість відображуваних твітів. За замовчуванням, максимальна кількість, 20:

За замовчуванням мова визначається автоматично, але ви можете самі вказати, якою мовою відображати віджет:

Хто розуміє англійську добре, той може сам уважніше вивчити рекомендації Твіттера з налагодження тут.

Спробуйте налаштувати віджет на свій смак, пробуючи поперемінно різні коди і стилі. Всі одночасно не вийде, так як деякі коди взаємо виключають один одного.

До того ж має значення, де стоїть код для приховування скролла. Він повинен стояти відразу після id. Інакше смуга прокрутки не зникає.

Всім красивих Твіттер-стрічок! 🙂

Для розслаблення. Якщо ви хочете, щоб люди при спілкуванні з вами танули, як масло, зробіть їм чарівні обнімашкі. Як правильно, дивіться самі 😉

Схожі статті