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

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

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

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