Единый форум поддержки

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.

Виджет Twitter

Страница: 1

Сообщений 1 страница 5 из 5

1

  • Автор: LandWaterSun
  • Заслуженный
  • Зарегистрирован: Вс, 3 Июн 2012
  • Сообщений: 107
  • Уважение: +5
  • Позитив: +4
  • Последний визит:
    Сб, 20 Мар 2021 23:41:05

Здравствуйте!

К сожалению не удалось до конца разобраться на сайте разработки Twitter. Подскажите, пожалуйста, как грамотно отобразить виджет профиля по типу:

http://s8.uploads.ru/t/YNOiF.png

?

0

2

  • Автор: LandWaterSun
  • Заслуженный
  • Зарегистрирован: Вс, 3 Июн 2012
  • Сообщений: 107
  • Уважение: +5
  • Позитив: +4
  • Последний визит:
    Сб, 20 Мар 2021 23:41:05

Так, например, перейдя по ссылке https://twitter.com/who_to_follow/suggestions можно справа наблюдать подобные отображения профилей. Но как их в виде кода представить, не смог разобраться. Буду признателен за помощь.

0

3

  • Автор: LandWaterSun
  • Заслуженный
  • Зарегистрирован: Вс, 3 Июн 2012
  • Сообщений: 107
  • Уважение: +5
  • Позитив: +4
  • Последний визит:
    Сб, 20 Мар 2021 23:41:05

Написал пока следующее:

<div style="position:absolute; margin-top:15px; margin-left:10px";>
<a href="https://twitter.com/landwatersun">
<img src="https://pbs.twimg.com/profile_images/837189361271701504/DSuM3wKV_normal.jpg"></a>
<a href="https://twitter.com/landwatersun" class="twitter-follow-button" data-show-count="false" data-size="large" data-show-screen-name="false"></a> <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script>
</div>

См. http://landwatersun.ru/ (сверху и слева)
Осталось только над кнопкой "читать" добавить текст со ссылкой "@landwatersun" и порядок.

Отредактировано LandWaterSun (Чт, 9 Мар 2017 19:02:29)

+1

4

  • Автор: LandWaterSun
  • Заслуженный
  • Зарегистрирован: Вс, 3 Июн 2012
  • Сообщений: 107
  • Уважение: +5
  • Позитив: +4
  • Последний визит:
    Сб, 20 Мар 2021 23:41:05

Как сделать так, чтобы картинка была слева, а текст со ссылкой и кнопка располагались справа по вертикали, а не по горизонтали?

+1

5

  • Автор: LandWaterSun
  • Заслуженный
  • Зарегистрирован: Вс, 3 Июн 2012
  • Сообщений: 107
  • Уважение: +5
  • Позитив: +4
  • Последний визит:
    Сб, 20 Мар 2021 23:41:05

Добавил к предыдущему коду:

<div style="position:absolute; margin-top:13px; margin-left:63px;" ><a href="https://twitter.com/landwatersun"><strong>@landwatersun</strong></a></div>

Получилось неплохо. Не знаю насколько это правильно с точки зрения оптимальности. Надеюсь, сведущие поправят, если что-то делаю не так.

+1

Страница: 1