Ленты времени
Материал из Wiki-Сибириада
(Различия между версиями)
(→Пример вставки «Ленты времени») |
(→Как разместить Ленту времени в вики-среде) |
||
Строка 14: | Строка 14: | ||
Появляется окошко с кодом для размещения на другом сайте: | Появляется окошко с кодом для размещения на другом сайте: | ||
<pre> | <pre> | ||
− | <div class="dipity_embed" style="width:600px"><iframe width="600" height="400" src="http://www.dipity.com/serba/_4/?mode=embed&z=0#tl" style="border:1px solid #CCC;"></iframe><p style="margin:0;font-family:Arial,sans;font-size:13px;text-align:center"><a href="http://www.dipity.com/serba/_4/">История телефонов</a> on <a href="http://www.dipity.com/" />Dipity</a>.</p></div> | + | <div class="dipity_embed" style="width:600px"><iframe width="600" height="400" |
+ | |||
+ | src="http://www.dipity.com/serba/_4/?mode=embed&z=0#tl" style="border:1px solid #CCC;"> | ||
+ | |||
+ | </iframe><p style="margin:0;font-family:Arial,sans;font-size:13px;text-align:center"> | ||
+ | |||
+ | <a href="http://www.dipity.com/serba/_4/">История телефонов</a> on | ||
+ | |||
+ | <a href="http://www.dipity.com/" />Dipity</a>.</p></div> | ||
</pre> | </pre> | ||
− | Из этого кода нам | + | Из этого кода нам необходима ссылка, где есть код''' mode=embed''' |
И подставляем это все вот так: | И подставляем это все вот так: | ||
Строка 32: | Строка 40: | ||
Параметры width и height желательно приводить в соответствие, чтобы размер всего окна «Ленты времени» не растягивался на всю страницу | Параметры width и height желательно приводить в соответствие, чтобы размер всего окна «Ленты времени» не растягивался на всю страницу | ||
− | + | ||
==Пример вставки «Ленты времени»== | ==Пример вставки «Ленты времени»== | ||
Версия 05:59, 7 ноября 2011
"Обучалки" по работе с сервисами Лент времени
- Как увидеть время или знакомство с Dipity.com
- Описание сервиса TimeRime
- Работа с сервисом TimeRime
- Работа с сервисом Dipity
Как разместить Ленту времени в вики-среде
На сайте сервиса Dipity создаем Ленту времени Пример
Наверху справа жмем кнопочку “Embed”.
Появляется окошко с кодом для размещения на другом сайте:
<div class="dipity_embed" style="width:600px"><iframe width="600" height="400" src="http://www.dipity.com/serba/_4/?mode=embed&z=0#tl" style="border:1px solid #CCC;"> </iframe><p style="margin:0;font-family:Arial,sans;font-size:13px;text-align:center"> <a href="http://www.dipity.com/serba/_4/">История телефонов</a> on <a href="http://www.dipity.com/" />Dipity</a>.</p></div>
Из этого кода нам необходима ссылка, где есть код mode=embed
И подставляем это все вот так:
{{#widget:Iframe |url=http://www.dipity.com/serba/_4/?mode=embed&z=0#tl |width=600 |height=400 |border=0 }}
Параметры width и height желательно приводить в соответствие, чтобы размер всего окна «Ленты времени» не растягивался на всю страницу
Пример вставки «Ленты времени»