Инструкции

Полезные коды для сайта.

Может вам пригодиться для создания своей странички или сайта.

—————————

1. Выравнивание по центру.

2. Два баннера в одну строку.

3. Спойлер для сайта.

4. Кнопка с переходом по Ваше ссылке.

5. Ротатор баннеров для сайта.

6. Бегущая строка.

7. Добавить картинку на веб-страницу.

8. Ссылка на сайте.

—————————




Выравнивание по центру.

<div align = "center">
скрипт.текст.картинка
</div>
Пример






Два баннера в одну строку.

В нужном месте (где бы вам хотелось) в шаблоне страницы разместите код:

<table border="0" cellpadding="1" cellspacing="1" style="width:100%;">
 <tbody>
 <tr>
 <td style="text-align: center;">код баннера</td>
 <td style="text-align: center;">код баннера</td>
 </tr>
 </tbody>
</table>
код баннера код баннера




Спойлер для сайта.

<div><input value="Показать содержимое" onclick="if(this.parentNode.getElementsByTagName('div')[0].style.display != ''){this.parentNode.getElementsByTagName('div')[0].style.display = '';this.value = 'Скрыть содержимое';}else{this.parentNode.getElementsByTagName('div')[0].style.display = 'none'; this.value = 'Показать содержимое';}" type="button" /><div style="display: none;">Вставьте сюда контент, который нужно спрятать</div></div>
Вставьте сюда контент, который нужно спрятать




Кнопка с переходом по Ваше ссылке.

<div dir="ltr" style="text-align: left;" trbidi="on">
<form action="Ваша ссылка" method="get" target="_blank">
<div style="text-align: center;"><br />
<br />
<input type="submit" value="Название кнопки" /><br />
&nbsp;</div>
</form>
</div>

Меняете в этом коде название, вставляете свою ссылку и получаете вот такую кнопку:




 




Ротатор баннеров для сайта.

Вы сможете создать свой ротатор баннеров ( с любым количеством в нём баннеров) для своей страницы при помощи этого кода.

<script>
var banner = new Array();
banner[0] = '<a href="http://ваш сайт.ru" target=_blank ><img src="http://адрес вашей картинки.png" alt="тема баннера" title="Посмотреть" width=200 ></a>';
banner[1] = '<a href="http://ваш сайт.ru" target=_blank ><img src="http://адрес вашей картинки.png" alt="тема баннера" title="Посмотреть" width=200 ></a>';
banner[2] = '<a href="http://ваш сайт.ru" target=_blank ><img src="http://адрес вашей картинки.png" alt="тема баннера" title="Посмотреть" width=200 ></a>';
var n = ~~(Math.random()*3);
document.write(banner[n]);
</script>

После вставки его на свою страницу измените параметры в коде:

http://ваш сайт.ru — на адрес сайта куда будет переход после клика на картинку баннера (для каждого баннера свой). Например: http://seogaa.ru

http://адрес вашей картинки.png — на адрес картинки баннера. Например: https://gaagaa.ru/instruktsiya/img/1visits468.png

width=200 — это ширина ваших баннеров. Меняете эту величину в соответствии со своими размерами баннеров. Лучше вибирать баннеры одного размера для вставки в ротатор.

В примере ротатора ниже, я вставил три баннера с величиной width=468. Теперь при обновлении этой страницы на баннере ниже, будет открываться три разных баннера при каждом новом обновлении страницы.




Бегущая строка.

 <marquee direction="right">Бегущая строка cлева направо</marquee> 
Бегущая строка cлева направо

Ещё один код бегущей строки. Можно вставить как текст так и баннер или картинку. При наведении на строку курсуром, она будет останавливаться. Для остановки используется атрибут "onmouseout="this.start()" onmouseover="this.stop()" " который мы вставили перед атрибутом скорости.

<marquee direction="right"><table border="0" cellpadding="1" cellspacing="1" style="width:100%;">
 <tbody>
 <tr>
 <td style="text-align: center;">код баннера</td>
 <td style="text-align: center;">код баннера</td>
 <td style="text-align: center;">код баннера</td>
 <td style="text-align: center;">код баннера</td>
 </tr>
 </tbody>
</table></marquee>

Для примера я вставил в этот код 3 баннера подряд, используя код "Два баннера в одну строку!" (который показан выше) и получил вот такую баннерную бегущую полосу.

тема баннера тема баннера тема баннера




Добавить картинку на веб-страницу.

Вставить изображение на веб-страницу.

<img src="путь к файлу" alt="альтернативный текст">

Чтобы картинку сделать ссылкой, необходимо всего лишь объединить эти два тега.

<a href="адрес ссылки" ><img src="адрес картинки" ></a>




Ссылка на сайте.

<p><a href="1.html">Ссылка откроется в этом окне</a></p>
<p><a href="2.html" target="_blank">Ссылка откроется в новом окне</a></p>



Система комментирования SigComments