Краткая инструкция для размещения кнопок на сайте ОУ

Код для встраивания в сайт.

ВНИМАНИЕ!

Все изображения показываются с официальных сайтов. Т.е. не требуется загружать на свой сайт картинки и связывать!

Только копируете код. 

Краткая инструкция:

  1. Отрыть раздел Администрирование;
  2. Зайти в раздел Менеджер модулей: Модули;
  3. Нажимаем Создать;
  4. Выбираем тип: HTML-код;
  5. Переключаем редактор в режим редактирования HTML;
  6. Копируем предложенный ниже HTML код в буфер обмена;
  7. Вставляем в окно редактора;
  8. Задаём заголовок для модуля Информационно-образовательные ресурсы;
  9. Выбираем позицию модуля;
  10. Нажимаем Сохранить.
Все изображения берутся с сайтов-источников в их оригинальном размере и "не-совсем-честно" масштабируется до 200 пикселей по ширине!

Код:

<hr />
<div style="text-align: center; ">Официальный сайт&nbsp;<br />
Министерства образования и науки Российской Федерации:</div>
<div style="text-align: center; ">&nbsp;</div>
<div style="text-align: center; "><a href="http://минобрнауки.рф"><img src="http://xn--80abucjiibhv9a.xn--p1ai/static/img/minobr_gerb.png" alt="minobr_gerb.png (52&times;57)" /></a></div>
<div style="text-align: center; "><a href="http://xn--80abucjiibhv9a.xn--p1ai/"><b>http://минобрнауки.рф</b></a></div>
<hr />
<div style="text-align: center; ">Федеральный портал &quot;Российское образование&quot;:</div>
<div style="text-align: center; "><a href="http://www.edu.ru"><img src="http://www.edu.ru/themes/Edu_portal/images/logo.jpg" alt="logo.jpg (316&times;109)" width="200"/></a></div>
<div style="text-align: center; "><a href="http://www.edu.ru">http://www.edu.ru</a></div>
<hr />
<div style="text-align: center; ">Информационная система &quot;Единое окно доступа к образовательным ресурсам&quot;:</div>
<div style="text-align: center; "><a href="http://window.edu.ru"><img src="http://window.edu.ru/d/img/logo.gif" alt="Единое окно доступа к образовательным ресурсам" width="200"/></a></div>
<div style="text-align: center; "><a href="http://window.edu.ru">http://window.edu.ru</a></div>
<hr />
<div style="text-align: center; ">Единая коллекция цифровых образовательных ресурсов:</div>
<div style="text-align: center; "><a href="http://school-collection.edu.ru"><img src="http://school-collection.edu.ru/img/title.gif" alt="title.gif (202&times;104) width="200"" /></a></div>
<div style="text-align: center; "><a href="http://school-collection.edu.ru">http://school-collection.edu.ru</a></div>
<hr />
<div style="text-align: center; ">Федеральный центр информационно-образовательных ресурсов:</div>
<div style="text-align: center; "><a href="http://fcior.edu.ru"><img src="http://fcior.edu.ru/images/top1.jpg" alt="top1.jpg (111&times;171)" /></a></div>
<div style="text-align: center; "><a href="http://fcior.edu.ru">http://fcior.edu.ru</a></div>

Если данный модуль не подходит по ширине - следует заменить значение width="200" (в 3 местах)   на  более подходящее, например width="180" (изображения станут меньше) или width="250"  (изображения станут больше) 

Последнее изменение: Понедельник, 4 Июнь 2012, 10:16