понедельник, 2 сентября 2013 г.

Как вставить баннеры на сайт

Чтобы на вашем сайте ссылки на другие ресурсы отображались в виде картинок ( см. в левой колонке на главной странице наш список: администрация района, сайт РОО и др. ) нужно научиться вставлять баннеры.
 Для размещения таких же баннеров как в нашем блоге, следуем инструкциям:
после того как Вы вошли в систему в левом верхнем углу есть кнопка дизайн, нажимаете на нее появляется меню, выбираете пункт "Управление дизайном(шаблоны)"
глобальные блоки
второй контейнер
ищем такую строчку
<!-- <block13> -->
<div class="block">
<div class="block-title"><!-- <bt> --><!--<s5204>-->Друзья сайта<!--</s>--><!-- </bt> -->  (сюда) </div>

До тега </div>
Вставляем следующий текст:
<a href="http://sakmararoo.ucoz.ru/" target="_blank"><img src="http://sakmararoo.ucoz.ru/FGOS_OOO/roo.jpg" border="0" alt="Отдел образования" /></a>
<a href="http://omosakmara.blogspot.ru/" target="_blank"><img src="http://sakmara-vsosh.ucoz.ru/cooltext1172709040.png" border="0" title="Методическая служба – блог ОМО районного отдела образования Сакмарского района" width="130" height="60" alt="Методическая служба" /></a>
<a href='http://www.sk.orb.ru' title='Официальный сайт муниципального образования Сакмарский район'><img src="http://sakmararoo.ucoz.ru/FGOS_OOO/administracija.jpg" width="130" height="59" alt="Официальный сайт муниципального образования Сакмарский район" border="0" />
<a href='http://www.minobr.orb.ru/' title='Министерство образования Оренбургской области'><img src="http://sakmararoo.ucoz.ru/FGOS_OOO/mo.jpg" width="130" height="59" border="0" />
 <a href="http://metodsovet.su" target="_blank"><img src="http://metodsovet.su/metodsovet.gif" border="0" title="Методсовет - методический портал, союз творческих учителей, профессиональная помощь и общение, обмен опытом, совместные проекты" width="130" height="59" alt="Методсовет" /></a>
<a href="http://school-collection.edu.ru" target="_blank"><img src="http://www.edu.ru/db/portal/sites/sc130x59.gif" border="0" alt="Единая коллекция цифровых образовательных ресурсов" /></a>
<a href="http://fcior.edu.ru" target="_blank"><img src="http://www.edu.ru/db/portal/sites/fcior130x59.gif" border="0" alt="Федеральный центр информационно-образовательных ресурсов" /></a>
<!-- it-n.ru --> <a href="http://it-n.ru" target="_blank"><img src="http://it-n.ru/communities.aspx?cat_no=6361&d_no=246488&ext=Attachment.aspx?Id=111825" border="0" alt="Сеть творческих учителей" title="Сеть творческих учителей" width="130" height="59" /></a> <!-- end it-n.ru -->
 <a href="http://prodlenka.org/" target="_blank"><img src="http://prodlenka.org/prodlenka-banner.gif" border="0" title="Продлёнка - портал для школьников, педагогов и родителей" width="130" height="60" alt="Продленка" /></a>
<a href="http://www.edu.ru" target="_blank"><img src="http://www.edu.ru/db/portal/sites/edu130x59.gif" border="0" alt="Федеральный портал &quot;Российское образование&quot;" /></a>
<a href="http://window.edu.ru" target="_blank"><img src="http://www.edu.ru/db/portal/sites/eo130x59.gif" border="0" alt="Единое окно доступа к образовательным ресурсам" /></a>
Не забываем сохранить.
Сюда же можно добавлять и другие баннеры просто дополняя этот список.

Для тех кто хочет вставить свой авторский баннер:
1.       сначала необходимо создать  логотип своего сайта:  выберите или создайте в графическом редакторе картинку, можно воспользоваться он-лайн редакторами логотипов, например http://cooltext.com/
2.        загрузите ее в файловый менеджер, чтобы получить ссылку  
3.       Пишем скрипт:
<a href="http://omosakmara.blogspot.ru/" target="_blank"><img src="http://sakmara-vsosh.ucoz.ru/cooltext1172709040.png" border="0" title="Методическая служба – блог ОМО районного отдела образования Сакмарского района" width="130" height="60" alt="Методическая служба" /></a>

Сюда вставляем адрес сайта, на который ссылаемся
Здесь вставляем ссылку  нашей картинки, получить ее можно  в файловом менеджере нажав на синюю круглую кнопку «ссылка к файлу»
Этот тест будет появляться при наведении мышки
Высота  и ширина баннера 

1 комментарий: