Постоянные разделы Shkaf knopka2.jpg Веб-квест.png Knopka setev2.jpg Bibliograf.jpg Masterklass.jpg ПОМОЩЬ.png Web202.jpg
Текущие активности МК АКЦИЯ 2024 ТК.PNG 2Geroy.jpg Liveknopka.jpg Family.jpg Azbukaknopka.jpg Read.jpg Uchetknopka.jpg

Ленты времени

Материал из Wiki-Сибириада
(Различия между версиями)
Перейти к: навигация, поиск
(Как разместить Ленту времени в вики-среде)
(Как разместить Ленту времени в вики-среде)
Строка 1: Строка 1:
=="Обучалки" по работе с сервисами Лент времени==
+
<h2>"Обучалки" по работе с сервисами Лент времени</h2>
* [http://www.slideshare.net/Driamy/212-7221810?from=ss_embed Как увидеть время или знакомство с Dipity.com]
+
<ul><li> <a href="http://www.slideshare.net/Driamy/212-7221810?from=ss_embed">Как увидеть время или знакомство с Dipity.com</a>
* [http://mainservis.blogspot.com/2009/12/blog-post_27.html Описание сервиса TimeRime]
+
</li><li> <a href="http://mainservis.blogspot.com/2009/12/blog-post_27.html">Описание сервиса TimeRime</a>
* [https://docs.google.com/document/pub?id=1VjMAv8wR46xk1Qf8s6DqYAtkV9i7qlbTIlvq5IDF9G4 Работа с сервисом TimeRime]
+
</li><li> <a href="https://docs.google.com/document/pub?id=1VjMAv8wR46xk1Qf8s6DqYAtkV9i7qlbTIlvq5IDF9G4">Работа с сервисом TimeRime</a>
* [http://mainservis.blogspot.com/2011/05/dipity.html Работа с сервисом Dipity]
+
</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 создаем Ленту времени [http://www.dipity.com/serba/_4/ '''Пример''']
+
<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"
+
&lt;div class=&quot;dipity_embed&quot; style=&quot;width:600px&quot;&gt;&lt;iframe width=&quot;600&quot; height=&quot;400&quot;
  
src="http://www.dipity.com/serba/_4/?mode=embed&z=0#tl" style="border:1px solid #CCC;">
+
src=&quot;http://www.dipity.com/serba/_4/?mode=embed&amp;z=0#tl&quot; style=&quot;border:1px solid #CCC;&quot;&gt;
  
</iframe><p style="margin:0;font-family:Arial,sans;font-size:13px;text-align:center">
+
&lt;/iframe&gt;&lt;p style=&quot;margin:0;font-family:Arial,sans;font-size:13px;text-align:center&quot;&gt;
  
<a href="http://www.dipity.com/serba/_4/">История телефонов</a> on  
+
&lt;a href=&quot;http://www.dipity.com/serba/_4/&quot;&gt;История телефонов&lt;/a&gt; on  
  
<a href="http://www.dipity.com/" />Dipity</a>.</p></div>
+
&lt;a href=&quot;http://www.dipity.com/&quot; /&gt;Dipity&lt;/a&gt;.&lt;/p&gt;&lt;/div&gt;
 
</pre>  
 
</pre>  
 
+
<p><br />
 
+
Из этого кода нам необходима ссылка, заканчивающаяся на '''?mode=embed&z=0#tl  '''
Из этого кода нам необходима ссылка от http:// до места, где есть код''' mode=embed'''  
+
</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&amp;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&amp;z=0#tlfckLR|width=800fckLR|height=400fckLR|border=0fckLR}}</span>
 
+
</p><a _fcknotitle="true" href="Category:Коллекции">Коллекции</a> <a _fcknotitle="true" href="Category:Лента_времени">Лента_времени</a>
{{#widget:Iframe
+
|url=http://www.dipity.com/serba/_4/?mode=embed&z=0#tl
+
|width=800
+
|height=400
+
|border=0
+
}}
+
 
+
 
+
 
+
 
+
[[Категория:Коллекции]]
+
[[Категория:Лента времени]]
+

Версия 06:25, 7 ноября 2011

"Обучалки" по работе с сервисами Лент времени

Как разместить Ленту времени в вики-среде

На сайте сервиса 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>
Личные инструменты
Пространства имён
Варианты
Действия
Навигация
Инструменты