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