Ленты времени
Материал из Wiki-Сибириада
(Различия между версиями)
(→Как разместить Ленту времени в вики-среде) |
м (Правки Короповская Вера (обсуждение) откачены к версии ElenaY) |
||
Строка 1: | Строка 1: | ||
− | + | =="Обучалки" по работе с сервисами Лент времени== | |
− | + | * [http://www.slideshare.net/Driamy/212-7221810?from=ss_embed Как увидеть время или знакомство с Dipity.com] | |
− | + | * [http://mainservis.blogspot.com/2009/12/blog-post_27.html Описание сервиса TimeRime] | |
− | + | * [https://docs.google.com/document/pub?id=1VjMAv8wR46xk1Qf8s6DqYAtkV9i7qlbTIlvq5IDF9G4 Работа с сервисом TimeRime] | |
− | + | * [http://mainservis.blogspot.com/2011/05/dipity.html Работа с сервисом Dipity] | |
− | + | ||
− | + | {{#widget:SlideShare |doc=212-110310125301-phpapp01 |width=425 |height=348 }} | |
− | + | ||
− | + | ==Как разместить Ленту времени в вики-среде== | |
− | + | На сайте сервиса Dipity создаем Ленту времени [http://www.dipity.com/serba/_4/ '''Пример'''] | |
− | + | ||
− | + | Наверху справа жмем кнопочку “Embed”. | |
− | + | ||
+ | Появляется окошко с кодом для размещения на другом сайте: | ||
<pre> | <pre> | ||
− | + | <div class="dipity_embed" style="width:600px"><iframe width="600" height="400" | |
− | src= | + | 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> | ||
− | + | ||
− | Из этого кода нам необходима ссылка, | + | |
− | + | Из этого кода нам необходима ссылка от http:// до места, где есть код''' mode=embed''' | |
− | + | ||
+ | И подставляем это все вот так: | ||
+ | |||
<pre> | <pre> | ||
{{#widget:Iframe | {{#widget:Iframe | ||
− | |url=http://www.dipity.com/serba/_4/?mode=embed& | + | |url=http://www.dipity.com/serba/_4/?mode=embed&z=0#tl |
|width=600 | |width=600 | ||
|height=400 | |height=400 | ||
Строка 35: | Строка 38: | ||
}} | }} | ||
</pre> | </pre> | ||
− | + | ||
− | + | Параметры width и height желательно приводить в соответствие, чтобы размер всего окна «Ленты времени» не растягивался на всю страницу | |
− | + | ||
− | + | ==Пример вставки «Ленты времени»== | |
− | + | ||
+ | {{#widget:Iframe | ||
+ | |url=http://www.dipity.com/serba/_4/?mode=embed&z=0#tl | ||
+ | |width=800 | ||
+ | |height=400 | ||
+ | |border=0 | ||
+ | }} | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | [[Категория:Коллекции]] | ||
+ | [[Категория:Лента времени]] |
Версия 06:30, 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>
Из этого кода нам необходима ссылка от http:// до места, где есть код mode=embed
И подставляем это все вот так:
{{#widget:Iframe |url=http://www.dipity.com/serba/_4/?mode=embed&z=0#tl |width=600 |height=400 |border=0 }}
Параметры width и height желательно приводить в соответствие, чтобы размер всего окна «Ленты времени» не растягивался на всю страницу
Пример вставки «Ленты времени»