Здравствуйте!
К сожалению не удалось до конца разобраться на сайте разработки Twitter. Подскажите, пожалуйста, как грамотно отобразить виджет профиля по типу:
?
Виджет Twitter
Страница: 1
Сообщений 1 страница 5 из 5
Поделиться2Чт, 9 Мар 2017 17:26:37
Так, например, перейдя по ссылке https://twitter.com/who_to_follow/suggestions можно справа наблюдать подобные отображения профилей. Но как их в виде кода представить, не смог разобраться. Буду признателен за помощь.
Поделиться3Чт, 9 Мар 2017 19:01:37
Написал пока следующее:
<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)
Поделиться4Чт, 9 Мар 2017 19:05:41
Как сделать так, чтобы картинка была слева, а текст со ссылкой и кнопка располагались справа по вертикали, а не по горизонтали?
Поделиться5Чт, 9 Мар 2017 23:45:05
Добавил к предыдущему коду:
<div style="position:absolute; margin-top:13px; margin-left:63px;" ><a href="https://twitter.com/landwatersun"><strong>@landwatersun</strong></a></div>
Получилось неплохо. Не знаю насколько это правильно с точки зрения оптимальности. Надеюсь, сведущие поправят, если что-то делаю не так.
Страница: 1