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

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

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

На сайте сервиса 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 желательно приводить в соответствие, чтобы размер всего окна «Ленты времени» не растягивался на всю страницу

Пример вставки «Ленты времени»

Личные инструменты
Пространства имён
Варианты
Действия
Навигация
Инструменты