Ленты времени
Материал из Wiki-Сибириада
(Различия между версиями)
ElenaY (обсуждение | вклад) |
ElenaY (обсуждение | вклад) |
||
Строка 7: | Строка 7: | ||
<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> |
− | Из этого кода нам необходимо, то что | + | |
− | И подставляем это все | + | |
+ | Из этого кода нам необходимо, то что выделено жирным шрифтом | ||
+ | |||
+ | И подставляем это все вот так: | ||
+ | |||
<pre> | <pre> | ||
{{#widget:Iframe | {{#widget:Iframe |
Версия 10:34, 13 сентября 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>
Из этого кода нам необходимо, то что выделено жирным шрифтом
И подставляем это все вот так:
{{#widget:Iframe |url=http://www.dipity.com/serba/_4/?mode=embed&z=0#tl |width=600 |height=400 |border=0 }}
Параметры width и height желательно приводить в соответствие, чтобы размер всего окна «Ленты времени» не растягивался на всю страницу
Пример вставки «Ленты времени»